记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。 在学习中我发现，像文章这样的知识往往是碎片化的，而前端涉及到的面很多，如果不将这些知识有效梳理，则无法形成体系、相互串联。最后有一种东懂一块，西了解一点的感觉。因此…

我们在微信网页开发的时候需要通过后端返回的微信签名数据加以前端的配置才能使用微信提供的分享，图像，音频等api接口。这里我们就用前后端分离的思想，拿分享到朋友圈为例，使用node来完成这一过程 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 下面…

在阅读 webpack4.x 源码的过程中，参考了《深入浅出webpack》一书和众多大神的文章，结合自己的一点体会，总结如下。 webpack 就像一条生产线，要经过一系列处理流程后才能将源文件转换成输出结果。 这条生产线上的每个处理流程的职责都是单一的，多个流程之间有存在依…

再封装AJAX所带来的好处是你想象不到的! 无论是对于代码的高效管理，还是系统的设计...其收益远远超出你的想象。 封装其实很简单，就是对原来真正的AJAX套一个壳，这个壳就是一个函数！ 在这个函数里都干了些什么见不得人事呢？干什么都可以，上面说的1、 2、 3、 4、 5都可…

安装即可用，你敲html标签，它能自动帮你补全。 在你更改标签名的时候，它会帮你把对应的关闭标签页进行同样的更改。 ctrl+shift+p输入beautify就有提示。 对应括号显示同样的颜色，以防我们搞混括号配对。 帮助我们运行代码的工具，比如你要运行一个js文件，打开这个…

W3school中给出的浮动定义为浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框脱离文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 浮动的特点，可以用八个字总结：脱标、贴边、字围和收缩。 当框 1 向左浮动时，它脱…

腾讯Web前端 来教你如何做 移动端的适配

项目整体已经给出，那么我们就撸起袖子加油干吧。 上面我们提到了canvas的事情，所以呢，这就是制作弹幕的杀手锏了。我们利用canvas绘图来实现弹幕的功能 创建实例很简单，没有对象，只需要new一个就有了，哈哈。接下来，说回正事，我们赶紧完成上面代码中todo的部分，来完善C…