雨霖月寒

摘要： 从最开始的使用img图片，到后来的使用css sprite来减少服务器请求，再到流行的图形字体化图标Iconfont。现在，一种全新的图标使用方式开始流行了起来——SVG symbols图标。 阅读全文

摘要： 如何隐藏滚动条，同时仍然可以在任何元素上滚动？ 首先，如果需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置overflow：auto样式即可。想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素内容不可滚动。时至今日，还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容，只能通过针对特定浏览器设置滚动条样式来实现。 阅读全文

摘要： 关于 Gulp 就不过多啰嗦了。常用的 js 模块打包工具主要有 webpack、rollup 和 browserify 三个，Gulp 构建 ES6 开发环境通常需要借助这三者之一来合并打包 ES6 模块代码。因此，Gulp 构建 ES6 开发环境的方案有很多，例如：webpack-stream、rollup-stream 、browserify等，本文讲述使用 gulp-better-rollup 的构建过程。gulp-better-rollup 可以将 rollup 更深入地集成到Gulps管道链中。 阅读全文

摘要： usually.js 是一个面向现代 Web 开发的 JavaScript 函数库，基于 ES6 开发。最新版本2.4.1，最新版本usually.js增加管道函数—— pipe 函数。什么是管道函数？管道函数，其作用是将前一步的结果直接传参给下一步的函数，从而省略了中间的赋值步骤，可以大量减少内存中的对象，节省内存。 阅读全文

摘要： usuallyjs 是一个面向现代 Web 开发的 JavaScript 实用函数库。 usuallyjs 基于 ES6 开发，抛弃了传统 Web 开发中 DOM 和 BOM 操作部分的内容，精选了一系列 Web 开发过程中最常用的、最实用的 JavaScript 函数。与 Vue、React、Angular等现代 Web 框架搭配使用，更好的服务于开发现代 Web 应用。 阅读全文

摘要： 本文的目的主要是展示CSS变量是如何工作的。随着Web应用程序变得越来越大，CSS变得越来越大，越来越多，而且很多时候都很乱，在良好的上下文中使用CSS变量，为您提供重用和轻松更改重复出现的CSS属性的机制。 在“纯粹的”CSS支持变量之前，我们有像Less和Sass这样的预处理器。但是它们需要在使用前进行编译，因此（有时）会增加额外的复杂性。 阅读全文

摘要： element-ui组件库的使用，按需引用组件。 阅读全文

摘要： 最近 Ne tMarketShare 公司公布了5月份浏览器市场分额统计，从数据上看，谷歌旗下的Chrome浏览器相比4月份有所下滑，但无论是移动终端还是PC端，依然是绝对龙头，拥有最大的市场份额，保持了半数以上的优势。 数据显示Chrome目前PC端市场份额在5月份与4月份相比，从61.69%降至60.98%，有所下降。其实不仅仅是Chrome下降，微软的IE和Edge也有一定的降幅，不过Firefox浏览器有一定的提升，从10.17%提升到11.47%。 在移动端表现相似，只不过苹果的Safari浏览器占据第二名份额，Chrome和Safari浏览器两家占据了移动终端90%的市场份额，UC第三位仅有2.76市场份额。 阅读全文

摘要： 关于Rollup rollup是一款用来es6模块打包代码的构建工具(支持css和js打包)。当我们使用ES6模块编写应用或者库时，它可以打包成一个单独文件提供浏览器和Node.js来使用。 它的优点有如下： 能组合我们的脚本文件。 移除未使用的代码(仅仅使用ES6语法中)。 在浏览器中支持使用 Node modules。 压缩文件代码使文件大小尽可能最小化。 阅读全文

摘要： HTML 5.2草案加入了新的dialog元素。但是是一种实验技术。 以前，如果我们想要构建任何形式的模式对话框或对话框，我们需要有一个背景，一个关闭按钮，将事件绑定在对话框中的方式安排我们的标记，找到一种将消息传递出去的方式对话......这真的很复杂。对话框元素解决了上述所有问题。 阅读全文

摘要： 每一个开发者都有着自己的知识和习惯，根据自己的知识和习惯，很容易地理所当然使用哪些工具。通过分析了解行业内开发者对开发工具的使用，这些结果有助于深入了解前端工具的当前趋势。无论你是刚刚开始学习网络开发，还是一位有经验的开发人员，这些分析数据对你的学习或工作都能带来不少的好处。 阅读全文

摘要： js判断浏览器是否支持flash的方法，兼容多种浏览器。 阅读全文

摘要： 一个基于原生JavaScript开发的、轻量的验证码生成插件 阅读全文

摘要： 单行文本省略是现代网页设计中非常常用的技术，几乎每个站点都会用到。单行文本省略适用于显示摘要信息的场景，如列表标题、文章摘要等。在响应式开发中，自适应宽度元素单行文本省略容易失效不起作用，对网页开发这造成困扰。因此，本文将要要探究自适应宽度元素单行文本省略用法。 阅读全文

摘要： 获取元素位置可以用 offset 或 getBoundingClientRect，使用 offset 因为兼容性不好，比较麻烦，offset获取位置会形成“回溯”。而 getBoundingClientRect 方法则 兼容性较好，基本所有的浏览器都支持了，且使用起来更容易和简单。 阅读全文