前言 你知道position定位有哪些值吗？常规static，绝对定位fixed、absolute，相对定位relative。好吧，这些是个前端都知道。今天要记录的是个不常见的、还在实验阶段的、兼容性不怎么完美的一个值。…

渲染主流程渲染引擎首先通过网络获得所请求文档的内容，通常以8K分块的方式完成。下面是渲染引擎在取得内容之后的基本流程： 解析html以构建dom树 -> 构建render树 -> 布局render树 ->…

CSS Modules 为什么引入CSS Modules （1）全局样式冲突 webpack进行打包时，将所有js文件导入到入口App.js文件中，样式也会统一加载到入口中，根据css的layout规则，后面的样式会覆盖…

最近有个转盘抽奖的需求，搜了一下现有的轮子，有的是用jQuery的动画函数实现的，有的是用canvas绘图然后再用高频率的setTimeout调用旋转方法，前者太老了没法简单移植到vue项目，后者感觉性能表现可能不会太好…

*注：本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导 一， 自定义背景颜色，按钮颜色和文字的处理 二， Arguments 对象

1.div下的span标签之间有空白，为什么？怎么处理？ <div class="qs1"> <span>1</span> <span>2</span> <…

有时候基于 Vue 的单文件组件开发项目时, 不得不使用全局样式, 这时有一些需要注意的地方. 当遇到需要使用全局样式时, 下列几种情况 样式在项目各处均有使用; 样式只在当前组件内的 DOM 上使用; 样式需要应用到当…

文字一行显示，超出隐藏 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 多行文字显示，超出隐藏 overflow : hidden; text-o…

【新增vue中使用pug模板】 在webpack.config.js引入pug的loader，就可以在vue中使用pug模板。 module: { loaders: [ { test: /\.vue$/, loader:…

从网易与淘宝的font-size思考前端设计稿与工作流 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作流程的问题，内容较多，但对你…

基于Node.js的大文件分片上传 我们在做文件上传的时候，如果文件过大，可能会导致请求超时的情况。所以，在遇到需要对大文件进行上传的时候，就需要对文件进行分片上传的操作。同时如果文件过大，在网络不佳的情况下，如何做到断…

前端项目修改默认滚动条样式 写过挺多项目都需要改变滚动条的默认样式 并不想单独下载和引入插件 因此纯css修改默认滚动条的样式 这次算统一整理下方法，直接上代码。 &::-webkit-scrollbar { /…