我在这咯

之前一直用的脚手架，这次自己搭建webpack前端项目，花费了不少心思，于是做个总结。 public文件夹存放一些静态文件，src文件夹存放源码。每个页面通过一个入口文件（page1.js，page2.js,..）生成vue实例，挂载到插件生成的html文件的#app元素上。 …

文章涉及的内容可能不全面，但量很多，需要慢慢看。来源于各个地方，我花了很长的时间整理，希望对大家有帮助。但是难免会有打字的错误或理解的错误，希望发现的可以邮箱告诉我236490794@qq.com，我会及时的进行修改，旨在能帮到大家，谢谢。 意义：根据内容的结构化（内容语义化）…

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…

在我们编写CSS的时候，经常会用到百分比赋值（%）实现自适应。像我们最常使用的流式布局设计模式，基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题，我们常常会使用下面这样的CSS代码加以实现（absolute+transform思路）： 大…

前端要以正确的姿势学习编译原理（上篇）

在产品的设计过程中，设计师总是期望最后产品展示的效果能与自己设计稿一模一样，但最后屏幕呈现出的效果多少会与设计稿有所出入。 可能对大多数用户来说，没法一眼识别哪里存在差距，但细微差距的集合，对用户的整体感官差距完全是不同的。这些细微差距体现在很多方面，其中，字体就是一个纠结的地…

我们上周做了一场免费在线直播课，声网Agora 研发工程师张乾泽分享了小程序直播组件的特点、实现小程序间连麦的方法，以及需要注意的产品化难题等干货。本文将为没能观看到直播，又正在做小程序开发的朋友们回顾一下演讲内容，以及直播观众们提出的那些问题。（文末有视频回顾地址，大家可配合…

怎么实现这样一个圆环进度条的效果呢，可以使用canvas、svg、GIF等等方式，今天我们来说下使用css3怎么来实现。 圆环很简单，一行cssborder-radius:50%即可实现，而且没有兼容性问题，什么，你说IE，让它滚... 我们这里需要三个圆环，一个整的，两个半的…