前端杂货铺

前几天我写了一篇文章，sortable.js——Vue 数据更新问题 ，当时自己只是数据的强制刷新角度去分析，而且并没找到真正的“元凶”。 很感谢有人帮我指出，可能是 Vue 的 key 值，导致数据渲染不正确的。由此，我做了进一步的尝试。 不知道你在写 v-for 的时候，会…

在一个需求中，我需要实现一个拖拽的功能，其中我使用了 sortable.js 去实现，但我发现我拖拽之后的数据并没有渲染在页面上。 但是实际上，我避开了这个坑，实际的实现是通过 splice 实现的，这样实际上是不会有问题的。 实际上，我们在 Vue 的数组书使用 splice…

作为一名前端，console 估计会时时刻刻陪伴我们，其实各个端都会有输出变量的值的方法，以便调试，这里我指的 console 单纯指的是前端中的 console。不得不说，它是一个调试的好方法，但它也是不可信的。

以上用得较多的还是第一种场景。 Max-Age 属性制定了从现在开始 cookie 存在的秒数，比如 60 * 60 * 24 * 365（即一年）。过了这个时间以后，浏览器就不再保留这个 Cookie Max-Age 的优先级会比 Expires 的高，主要的原因 Max-A…

以下是我对 npm 包的一些理解，还有自己踩的一些坑，不得不说，npm 的坑实际上跟下面这张图体现出来的一样，深不见底，只能列举一二。 首先 npm 是 Node 的模块管理器，npm 完成了 Node 第三方模块的发布、安装等等. 其中具体要安装哪些包，可以在 install…

前端性能，这是一个很大也很有趣的一块，是每个前端工程师不可避免的问题，所以这个系列会慢慢地探讨一些关于性能方面的问题。最近也接触到一些性能方面的调试以及优化的工作，纸上得来终觉浅，绝知此事要躬行。 在 Chrome 中，我们打开 Chrome 调试面板，进入 performan…

不知不觉这个系列已经更新到了第五篇，我尽量将每周遇到的问题和大家一起分享。这里谈到了分享，那就不仅仅是个人的事情，我觉得大家都可以一起参与进来。之所以想写这个系列，本身就是想提升自我解决问题的能力，慢慢地也培养一种记录问题的习惯，我也希望大家能够一起完成！ 有意思的是，我百度到…

关于性能，确实是一个前端程序员应该特别注意的问题，我这个问题其实算是冰山一角。平时我们在使用动画的时候，可能经常使用 transition 做动画，但是如果动画的动作会使触发重绘和重排的话就要特别注意了。比如一个页面中占位元素的高度在动画过程改变的话，那么页面就会在动画的过程中…

在点击某个按钮的时候，我们打开一个页面，这个页面中的配置参数，可以通过页面的 url 传参的方式去做的，类似于以下的形式。 这种方式我们在平时页面之间传参用得很多，但实际上会存在一个隐患，就是页面超级长的时候（这里具体我也不是很清楚），访问地址就会报 5** 或者 404 的错…

虽然 jQuery 不再更新，但是公司的旧项目中依然在使用，也再次感受了一下属于jQuery的那个时代。但是由于长时间没有使用 jQuery ，导致使用生疏。下面就遇到的一些问题进行总结归纳。 目前在项目中使用的是is(':checked');的方式，因为兼容性方面比较好。 （…

核心概念还是推荐看官方文档,这里只是个人的一些小见解，大部分还是借鉴了官方文档。 webpack 是 JavaScript 应用程序的打包工具。在处理应用程序的时候，它会内部创建一个依赖图（dependency graph），用于映射到项目中所需要的每个模块，然后将这些依赖生成…

由于npm很多时候，我们是通过安装node来进行安装的，所以这个问题我们转换成如何管理node的版本。

在我们使用到setTimeoutout或者setInterval的时候，我们将浏览器最小化，过了一段时间后再打开，发现setTimeou/setInterval会暂时进入休眠状态，但并不是不执行程序，它会把setInterval/setTimeout的回调函数放在队列中,等浏览…

在很多时候，我们想回滚代码，这个时候，我们想到了git reset的使用，但是回滚并不是想象中那么全能，能够让你滚来滚去。在你回滚前后，你都需要保持谨慎，别掉进一些大坑中 首先，我们经常要回滚的场合应该是上一次，可以使用以下的命令既可。 这样跟上面的效果是一样的。 查看各个提交…

git是分布式版本控制。与分布式相对应的就是集中式，SVN就是集中式的管理。 而分布式和集中式又有什么区别呢？ 集中式版本控制系统，版本库是集中存放在中央服务器的，要进行相应操作的时候，需要从中央服务器中获取最新的版本，结束相应的操作后再将自己所修改的代码推送到中央服务器。 分…

Promise是异步编程的一种解决方案，比起传统的解决方案（回调函数和事件），它显得更加的强大和方便（具体请看下文）。从语法上来讲，Promise是一个对象，从它可以获取异步操作的消息。Promise对象提供统一的API，各种异步操作都可以用同样的方法进行处理。 大家一致会回答…

可以不依赖于珠宝，独立下载和运行的分包。从独立分包页面启动，只下载和注入分包就可以打开页面。 提前请求：异步请求数据不需要等待页面的渲染完成。 利用缓存。利用storage API对异步请求数据进行缓存。二次启动的时候，先利用缓存数据渲染页面，再进行后台更新

HTTP/1.1规范允许一台HTTP服务器搭建多个web站点。比如，提供web托管服务的供应商，可以用一台服务器为多个客户服务，也可以以每位客户持有的域名运行各自不同的网站。这里使用了虚拟主机的功能。 即使物理层只有一台服务器，但只要使用虚拟主机的功能，则可以假想自己具有多台的…

报文。是HTTP通信中的基本单位，由8位组字节流组成，通过HTTP通信传输。 实体。作为请求或响应的有效载荷数据（补充项）被传输，其内容由实体首部和实体主体组成。 HTTP报文中的主体用于传输请求或者响应的实体主体。 通常，报文主体等于实体主体。只有当传输中进行编码的时候，实体…

使用不同匹配器可以测试输入输出的值是否符合预期。下面介绍一些常见的匹配器。 最简单的测试值的方法就是看是否精确匹配。首先是toBe() toBe用的是JavaScript中的Object.is()，属于ES6中的特性，所以不能检测对象，如果要检测对象的值的话，需要用到toEqu…