这几天下了Chrome的源码,安装了一个debug版的Chromium[…]
分类:前端
Effective前端5:减少前端代码耦合
什么是代码耦合?代码耦合的表现是改了一点毛发而牵动了全身,或者是想要改[…]
Effective前端4:尽可能地使用伪元素
伪元素是一个好东西,但是很多人都没怎么用,因为他们觉得伪元素太诡异了。[…]
Effective前端3:用CSS画一个三角形
三角形的场景很常见,打开一个页面可以看到各种各样的三角形: 由于div[…]
怎样实现前端裁剪上传图片功能
由于前端是不能直接操作本地文件的,要么通过<input type[…]
Effective前端2:优化html标签
借用Effective之名,开始写Effective系列,总结一些[…]
Effective前端1:能使用html/css解决的问题就不要使用JS
借用Effective之名,开始写Effective系列,总结一些[…]
怎样写一个webpack loader
在上一篇《webpack从入门到上线》介绍了wepack的配置和相关的[…]
Webpack从入门到上线
webpack是目前一个很热门的前端打包工具,官网说得很清楚,webp[…]
Google地图开发总结
我们经常使用地图查位置、看公交、看街景,同时地图还开放第三方的API给[…]
图标字体 VS 雪碧图——图标字体应用实践
本文介绍使用图标字体和SVG取代雪碧图的方法。雪碧图是很多网站经常用到[…]
同源策略和跨域请求研究
一、同源策略 假设有一个需求,需要向另外的网站请求数据,例如抓取谷歌搜[…]
html5语义化标签使用规范
Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安[…]
实现跨浏览器html5表单验证
html5表单添加了很多类型的表单,而且还自带验证的功能。在移动端,手[…]
CSS常见居中讨论
先来一个常见的案例,把一张图片和下方文字进行居中: […]
三种上传文件不刷新页面的方法讨论:iframe/FormData/FileReader
发请求有两种方式,一种是用ajax,另一种是用form提交[…]
从三栏自适应宽度布局到css布局的讨论
如何实现一个三栏自适应布局,左右各100px,中间随着浏览[…]
使用h5的history改善ajax列表请求体验
信息比较丰富的网站通常会以分页显示,在点“下一页”时,很多[…]
深入浅出JS的封装与继承
JS虽然是一个面向对象的语言,但是不是典型的面向对象语言。Ja[…]
CSS3 animation模拟太阳系行星公转
本文介绍使用css3的animation画一个太阳系行星公转的动画,再[…]