notingsun

导读：目前网络上可以随意查到各种VSCode插件的相关文章，但往往有一些特殊的功能需求找不到合适的插件。那么不如自己开发一个插件吧，打造一把称手的兵器！ VSCode (全称：Vistual Studio Code) 由 Microsoft 出品，其具备启动快速、稳定性好、占用…

这个库是可以选用的。实际项目中，应该权衡一下，是直接使用 Redux，还是使用 React-Redux。后者虽然提供了便利，但是需要掌握额外的 API，并且要遵守它的组件拆分规范。 本文对于react-redux的用法不会过多介绍，重点仍然放在源码实现上。如果还不太了解如何使用…

chrome devtools 中 Elements panel 是审查 dom 元素和 css 的, 可以实时修改 dom/css. windows: ctrl + shift + i mac: cmd + opt + i 节点右键, 如下图, 可以: 添加属性(enter)…

什么是异步编程，异步编程简单来说就是：执行一个指令不会马上返回结果而执行下一个任务，而是等到特定的事件触发后，才能得到结果。 早期的javascript的异步的实现也类似于这种类的属性的方式：每个类实例的相关回调事件有相应的handler(onclick,onchange,on…

在前端开发博客的侧栏，你可以看到前端日报的那块内容并没有滚动条，但鼠标移上去却可以滚动内容。这是什么技术呢？ 其实我只是把滚动条通过定位把它隐藏了起来。 这个代码巧妙的向右移动了17个像素，刚好等于滚动条的宽度。这个值是我手动调试得来的。在chrome和IE没发现问题。 该代码…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…

flex 布局 与 grid 布局。 实现 Vue SSR 。 从 SPA 使用最小成本迁移到 SSR 。 根据指定元素，在数组里面找出 ff 数组（ff 数组这个名字是我瞎说的）。比如数组 [2, 3, 6, 7] ，指定元素 7，则 ff 数组是 [2, 2, 3]（2+2…

单页面应用（SinglePageWebApplication，SPA）只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源，公共资源(js、css等)仅需加载一次，常

作为一个比较靠前排的90后,我记得,小时候,我与同龄人一起玩耍,彼此之间的联系,基本上靠喊,或者书信,而现在一个手机就能连接一切,即使失散十多年的同学,也能瞬然间给集聚起来,这点,不得不服手机的强大. 那时,我们互相之间并没有什么多大的差异,除了每年年底家长或者老师谈论着谁谁家…