Trry

作为开发人员，平时用的最多的就是Chrome devtools了，但是可能很多同学都像我一样平时用的最多也就只是Console和Elements面板了。 按Cmd + Shift + P（如果使用Windows，则按Ctrl + Shift + P）打开“命令”菜单。 当你只想…

示例如下，如果你想查找所有 POST 里面包含了指定类型信息的请求的话，就可以通过输入method:POST来实现。注意这个表达式前面没有 -（中划线），输入 - 它的目的是为了 让你看到chrome提供了那些高级的选项。 中划线除了可以给你提示，但是它本身的含义是取反，以上面…

你会发现,代码并没有报错,而是打印了 undefined . js在执行时,就把代码解析成了上面这样,再去执行. 你会发先打印出来的全都是9, 我们可以理解为,for 循环时,当前的代码块中只有一个变量 i 每次都去进行 ++ 操作, 遍历时,发现其中有异步操作,就继续执行循环…

本篇文章适用于 1-3 年的 WEB 新人也同样适用于 3-5 年的前端老人。本文是回顾历史，预测未来的文章，所以会以时间线的形式一步一步过来，会有 WEB 的诞生，WEB 发展的重大转折点。让你清晰明白 WEB 诞生的历史意义？没有浏览器人们如何查阅信息？IE 作为 wind…

完成上述操作后，项目正式升级到 Vue 3.0，注意该插件还能支持 typescript，用 typescript 的同学还得再等等。 Vue 3.0 中初始化状态通过 setup 方法，定义状态需要调用 ref 方法。接下来我们定义一个事件，用来更新 count 状态： 通过…

使用Vue开发的过程中，我们经常会遇到一个状态可能会在多个组件之间使用，比如我们在做项目时使用到的用户的信息，什么昵称、头像这些，这些信息会在不同的组件用到，一旦改变这些状态，我们希望其他组件也跟随变化，比如用户充值了100元，或者改变了昵称，所以这个时候就需要状态管理模式来集…

有时候会在项目开发中频繁地触发一些事件,如 resize、 scroll、 keyup、 keydown等，或者诸如输入框的实时搜索功能，我们知道如果事件处理函数无限制调用，会大大加重浏览器的工作量，有可能导致页面卡顿影响体验；后台接口的频繁调用，不仅会影响客户端体验，还会大大…

前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。 而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。…

鉴于在下使用微信小程序开发时使用 `setData` 的蹩脚体验，开发了个库函数 wx-updata，项目上线之后，我把这个自用的库函数整理放到 Github 上开源出来