原创推荐
推荐优秀的web前端开发技术、前端开发资源、前端开发教程和原创内容等
HTML5 Canvas属性和方法

通过HTML5 canvas标签,结合JavaScript API来绘制比较常见的图片,如三角形、矩形、线、圆形或圆环等形状,本文将分享canvas中给出的JavaScript属性和方法,了解这些API,能够助你快速上手canvas的绘制。
使用HTML5 Canvas arc()绘制圆形/圆环

canvas怎么画圆?前段时间的一个项目做到这个玩意,研究了一下绘制圆环的方法。最终使用HTML5的画布标签来做。arc()是HTML5 canvas的一个API函数,作用是“创建弧/曲线(用于创建圆形或部分圆)”。本文先讲解如何绘制圆形以及一些应用。
学习JavaScript的经验之谈
看看别人是如何学习JavaScript,其实跟我之前写过《我是如何学习JavaScript》一文相似,就是阅读,写代码,看别人的代码,反复学习和练习。当然有时候你会感到很吃力,毕竟要学好一门语言也是一件挑战,就看你是否能够坚持下来,成为一个 ...
一个网络编辑的自我修养
来自微信的一篇文章《一个公众号编辑的自我修养》,其实倒不如说是一个网络编辑,当然这个标题在微信里面这样子,更能吸睛。换成博客的话可以叫一个“一个站长编辑的自我修养”,换成经营微博的话叫“一个微博小编的自我修养”等等。归根到底,还不是一个网络编辑嘛。
不容错过的移动前端页面制作技巧

一般人不会说出来的移动前端动画技巧,文章来自“TQ的独立博客:玩转HTML5移动页面”,在这篇教程你会发现许多非常有用的动画处理技巧,细心点还会发现许多有用的zepto插件,例如:zepto.onepagescroll.js、zepto-touch.js、weixinshare.js,以下为原文。
为什么你要建技术博客?
在网上看到一篇文章:为什么你要建一个SEO博客,萌发了写一篇“为什么你应该建技术博客”。本人不是大牛,写过几个插件,做过一些移动前端页面,对付日常的前端开发制作还是能够熟练上手,如果是高手,权当一笑而过,如果能够给出一些建议,那是我的荣幸。
CSS 预处理器与 CSS 后处理器
很给力的一篇关于CSS 预处理器和CSS后处理器的分析文章,介绍了CSS预处理器的框架(SASS、LESS和Stylus)和CSS后处理器框架(rework和postcss)。受益匪浅,文章来自赵雷的博客。
弹窗Modal实现和有滚动条偏移解决方法
弹窗也叫modal(模态)在网页设计中是一个常见的功能。实现方法也不会太复杂,可以通过css实现居中(bootstrap的modal是使用靠上边距来实现),然后JS控制点击显示和消失。在弹窗中也许你会发现一个问题,就是当页面有滚动条时,点击弹窗可能需要隐藏滚动条,这时内容会变宽,本文来自于江水提供了三种解决方法。