hello~各位亲爱的看官老爷们大家好。估计大家都听过，尽量将CSS放头部，JS放底部，这样可以提高页面的性能。然而，为什么呢？大家有考虑过么？很长一段时间，我都是知其然而不知其所以然，强行背下来应付考核当然可以，但实际应用中必然一塌糊涂。因此洗（wang）心（yang）革（b…

为了便于更好的理解本文，下面对像素相关概念进行梳理。概念描述像素px是图像显示的基本单元，相对单位。设备像素(物理像素)dpdevicepixels，显示屏就是由一个个物理像素点组成，屏幕从工厂出来那

px是像素值，是一个固定的长度，比如我们的米，厘米一样。 固定长度已经不能满足我们现在的需求了。 🌰举例：比如我们在缩小我们屏幕的时候，我们不仅仅是需要缩小我们的盒子的宽高，我们还想要让我们字体大小也随之缩小，这样用户体验会更好一点。 如果自己元素上面没有设置font-siz…

想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。（实现起来并不复杂，该教程只是提…

上面代码是常用prerender-spa-plugin的配置，staticDir预渲染输出的文件地址，routes要做预渲染的路由，minify压缩相关的配置，renderer渲染引擎相关的配置，可以传入自定以的渲染引擎或者直接使用默认的PuppeteerRenderer，re…

项目是一个涉及跨移动平台的前端项目，技术使用的是vue，因为项目不是很大，所以没有用到状态管理。 主要是用vue将h5项目编译成静态页面放到服务器的制定地址上，然后在小程序测使用<web-view>，将服务器上的地址传给这个标签。 因为使用的是<web-view>，根据我的理解…

从上面的分析和实测中我们可以知道，要实现无需要用户操作即可完成的通讯，第三种情况我们是完全不需要考虑了的，那么来仔细考虑第 1 和第 2 种场景。 这种方式虽然变态，但是至少可以做到实时拿到数据，同时还保留在当前 H5 页面，唯一需要解决的是，在做这整套操作前，H5 页面需要做…

此文是一道面试题，又不仅仅是一道面试题抛砖刚写完一道面试题的文章就看到了掘金技术征文，正好赶上了，就凑个数面试题，在各个技术社区里都是一个永不落伍的话题，好像大多数人临面试前都会狂刷面试题，恨不得把所

最近这两年前端技术都比较偏向小程序了。那小程序与传统的H5网页有什么不同呢？下面我们就来做一下对比： 小程序: 小程序的运行环境是基于浏览器内核完全重构的一个内置解析器，针对性做了优化，配合自己定义的开发语言标准，提升了小程序的性能。 脚本内无法使用浏览器中常用的window对…