SVG滤镜叠加实现图片马赛克效果
代码其实也非常的简单,SVG 定义一个滤镜,利用多层滤镜的叠加效果实现一个马赛克效果,然后,通过 CSS filter 引入,可以运用在任何元素上:
移动端实用性能优化
移动端优化,老生常谈的问题了。面试题问,实际应用中(在开发时间充裕的情况下,也会用)。但是,在移动端中,实用的优化方式,用户体验方式都是尤为关键的
es6新增的运算符-链判断运算符的诞生[?.]和null的判断运算符?
在实际编程中, 如果读取对象内部的某个属性,往往需要判断一下。 属性的上层对象是否存在。比如,读取 message.body.user.firstName这个属性,安全的写法是写成下面这样。
Vue3 如何实现全局异常处理?
在开发组件库或者插件,经常会需要进行全局异常处理,从而实现:全局统一处理异常;为开发者提示错误信息;方案降级处理等等。
css实现瀑布流
jquery时代大多使用插件实现瀑布流布局,但现在我们可以直接使用存粹的css来实现。从css3开始出现了column-count与column-gap后,我们便可直接使用此属性来进行布局,其中column-count代表列数,column-gap代表列之间的距离
前端性能优化方案归纳
对于前端开发来说,性能优化老生常谈了。不管是日常工作中,还是涉及到晋级答辩,性能都是频繁被我们提及的一个话题。性能优化不是一劳永逸的解决方案
petite-vue源码剖析-v-if和v-for的工作原理
我们看到在v-if和v-for的解析过程中都会生成块对象,而且是v-if的每个分支都对应一个块对象,而v-for则是每个子元素都对应一个块对象。
Webpack最常用的插件:HTML Webpack Plugin
HTML Webpack Plugin 是被广泛使用的 webpack 插件,用来将我们打包出来的文件自动嵌入到一个模板 HTML 中。实际开发中,通常我们会使用自己编写的 html 模板。
JavaScript 新增两个原始数据类型
JavaScript即将推出两个新的数据类型: Record 和 Tuple ,这俩是啥呢? 其实就是一个 只读 的 Object 和 Array ,其实在其它语言中已经有类似的数据类型了,例如 Python 中也有 Tuple(元祖)这一类型