CiCi

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…

最近在业务上遇到了一个问题是要将页面打印输出成pdf文件，通过点击一个按钮，就能够将页面写在一个pdf上，并下载下来，需要保证pdf的内容具有很好的可读性。

EnquequeJob存放两种类型的任务， 即PromiseResolveThenableJob和PromiseReactionJob， 并且都是属于microtask类型的任务。 PromiseResolveThenableJob(promiseToResolve, then…

`Object.defineProperty()`的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性...

我们都知道Vue.js具有数据响应式的特点。 我们用三篇文章来看看这三种watcher都是什么、干什么用、以及怎么用的。 结合上面的代码来看，响应式意味着：当name属性值改变时，渲染的内容也应随之变化。 用了和变了，是可以通过对该属性值设置访问描述符（get/set）知道的。…

之前，我有提到过，当然大家肯定也都知道，Vue3.0不在有webpack.config.js的配置；但是不可避免,在项目开发中我们肯定会存在一些特殊的需求需要调整webpack, 这个时候，在Vue3.0的项目当中，我们就需要在根目录创建vue.config.js去完成webp…

通俗一点讲, 被动事件监听器是针对移动端滚动体验的一次优化。 明眼人已经瞅出来了, 滚动行为被阻塞了。 这是因为 touchstart 和 touchmove 的 preventDefault 会阻止这个滚动行为。浏览器一开始并不知道回调中是否有 preventDefault …

在我的前前公司，接口经常出问题，基本每个接口都会出问题，这就要求我们前端对每个接口都要做错误信息的提醒，非常麻烦，当然这也是必须的，所以就想着做一个组件能够帮我们自动处理和展示这些错误信息，当时开发用的是Flutter，所以应该叫widget。后来又做vue和小程序了，想着能不…

Vue3已经发布很长一段时间了，相信大多数前端人都已经上手把玩过了，其中比较大的一个特性就是setup方法。 现在我们一起去看一下一个实验性功能：setup script。