分类： 一些积累

项目中常会用到心型图标表示收藏，一般是灰线框无填色表示未收藏状态，填充的带颜色为已收藏状态。 以往做法通常是用到两个svg图标，用css的display控制相应图标。这样其实有点傻的感觉。当然用iconfont, 雪碧图结合类名可实现仅用类…

小程序自定义tabbar动态更新购物车数量，用常规的组件间传值方法似是不可行。实践分两步可行： 每一步，加入购物车成功时定义缓存Storage值，如 let _num = wx.setStorageSync(‘CART_COUNT’, nu…

中文版产品转换支持多语言处理方案： Php里用 _e(),  __()等方法且中文写描述文字相关；js用到的文案用wp_localize_script() 方法统一在php设定对应变量； 对应__e,__()里的中文补充英文译文；…

通过sass(scss)结合css变量简易实现暗黑显示模式： Sass引入为包含css变量的参数, 如body{ font-color: $bfc; } 参数：$bfc: var(—wbBfc, #666)； 通过js在外层，如body t…

一开始在sass这样写的，gulp给我过滤掉了-webkit-sticky… 然后Chromre有效，但Safari失效。 .sticky{ top:0; position: -webkit-sticky; position: …

原本用data:img/svg+xml;utf-8,<svg …. 这种写法，将svg作为css引入的背景图，既矢量，又能比base64更小，本来是不错的方案。但升级到最新Chrome (72.0.3626.109) 发觉…

JQuery (版本3.0以下) 不能直接用addClass()或removeClass()或toggleClass()来控制SVG。但.attr() 方法支持SVG的类名控制: // 代替 .addClass(“newclass”) $(…

如图示，这种卡券的锯齿效果，可用css radial-gradient 的 circle属性来实现。 [codepen_embed height=”265″ theme_id=”0″ slug…

参考url https://www.cnblogs.com/pansidong/articles/7563155.html https://www.jianshu.com/p/00724ab30c89 https://www.cnblogs…

svg图标处理时，个人会习惯使用如下工具，且都是在线的(正常点的，或者说正版前端应该会用gulp之类吧?) https://jakearchibald.github.io/svgomg/ 爱死这个在线工具了，你可以直接将sketch或ps里…