你好，我是 lynda 一个喜爱设计的前端工程师
这是我的 Twitter，欢迎订阅
CSS还原一个紫色播放器ICON
September 16, 2016实话说，我很喜欢用 CSS 实现一个图形，就像之前完成的大白之类的，不过以前模仿更多一些，正巧那天整理以前的一些设计稿，就想用 CSS 实现一模一样的设计，那中秋放假比较闲就动动脑，动动手啦。下图是要实现的紫色播放器 ICON…
CSS画个大白有哪些技巧
August 29, 2016最近看到不少纯 CSS 打造的图案和动画，效果很精巧，也非常有趣，就像这个大白(作者的原链接在这里)，其实实现这样的图案有很多重复的技巧。就拿这个大白举例： 先来读一读源代码： HTML CSS 技巧一：清晰的HTML…
dependencies 与 devDependencies 的区别
August 13, 2016在package.json文件中，有两个参数，分别是：dependencies和devDependencies，当我们使用npm install之后，他们就会自动下载到node_modules文件夹下面。但是他们是怎么来的呢，他们之间又有什么区别呢？ 在我们要用npm…
读源码：HTML5 Boilerplate
July 04, 2016很多人都推荐使用HTML5 Boilerplate…
活学活用页面可见性
May 12, 2016Page Visibility API是HTML5中简单又实用的API之一。 不知道用户是不是在与页面交互，这是困扰广大Web开发人员的一个主要问题。如果页面最小化了或者隐藏在了其他标签页后面，那么有些功能是可以停下来的，比如轮询服务器或者某些动画效果。那么如何判断呢？ H…
巧用border实现梯形和三角形
March 12, 2016如何实现梯形？ 利用边框我们可以得到梯形，首先我们给一个div添加边框，当给边框设置四个不同的颜色时，我们可以得到这样的样式，可以看到这里上边框是一个梯形，那么如果我们给其他边框设置颜色为透明(transparent…
JavaScript setTimeout 为什么立即执行了
February 15, 2016我们都知道setTimeout是用来延时执行的，可有时确定了延迟时间，延迟执行的函数确立即执行了，这到底是为什么呢？下面分两种情况进行分析： 情况一 重点就是不是test，而是test()，这样浏览器解码的时候扫到这一行的代码直接就执行了！ setTimeout…
常用排序算法之JavaScript实现
January 16, 2016…
如何写一个 Chrome 扩展应用
January 07, 2016动手之前的有用信息 Chrome 扩展应用由哪几部分组成？ Chrome 扩展应用本质上来说是一个 web 页面，扩展文件以 .crx 为后缀名，解压后的扩展应用都应该包含下面的文件： 一个manifest文件 一个或多个html文件 可选的一个或多个javascript…
React 学习笔记(4)
November 22, 2015动画 React的TransitionGroup 插件配合CSS3可以让我们在项目中整合动画效果的工作变得易如反掌。CSS渐变组会在合适的渲染及重渲染时间点有策略地添加和移除元素的class，以此来简化将CSS动画应用于渐变的过程。这意味着唯一需要你完成的任务就是给这些class…