KFE 第29期


The most difficult thing is the decision to act. And the rest is merely tenacity.
最困难的是下定决心去做,剩下的只是坚持而已。

炫酷

支付宝AR抢红包?前端轻松就破解~

哇,咁犀利……亲测,无效

AR

圣诞节快乐:来自程序员们的问候

下一年的圣诞节可以用上了,嘿嘿

Merry Christmas

年终盘点!2016 年 50 个最佳的轻量级 JavaScript 框架和库

多到总有一款你用的上

轻量级 Javascript框架

Javascript

在网页中粘贴截图那些事儿

轻松实现网页中截图再粘贴的功能

粘贴

微软笔试题:如何实现一个 LazyMan

想进阶,就往这里看过来吧

javascript流程控制

其他

进攻即是最好的防御!19个练习黑客技术的在线网站

进攻即是最好的防御,阿西巴

黑客

关于后端程序员写前端用什么框架更好?

不仅是后端,前端也可以通过这些框架快速构建自己的网站

框架

文章整理来自互联网,不作商业用途,如侵权,请联系删除

KFE 第28期


Sometimes when you think the sky is about to fall down, you might be standing tilted!
当你喜悦时,不要轻易地承诺。当你悲伤时,不要轻易地回复。当你愤怒时,不要轻易做出决定。三思而后行,明智之法。有时候你以为天要塌下来了,其实是自己站歪了!

推荐

资深Web技术专家曹刘阳:2016年前端技术观察

如何评价真阿当的文章:《2016年前端技术观察》?

吃瓜群众,看大神们畅(si)聊(bi)前(da)端(zhan)

前端技术

CSS

如何在限宽的容器中实现全屏效果

实现虽好,但是IE蹲角落哭

vw

初探box-decoration-break

box-decoration-break属性是CSS片段模块(CSS Fragmentation Module Level 3)中的一个属性。主要用来指定background、padding、border、border-image、box-shadow和clip在行内元素中如何使用。行内元素的盒模型是打断的,也就是内联盒子是多行的情况之下。

box-decoration-break

CSS 高级布局技巧

有很多黑技术,但是很简单理解也容易理解,还附上了实例。

布局技巧

Javascript

给初学者的 JavaScript Promise 教程 | Scotch

所谓Promise对象,就是代表了未来某个将要发生的事件(通常是一个异步操作)。它的好处在于,有了Promise对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。

Promise

JavaScript写类的前世今生

javascript 类

文章整理来自互联网,不作商业用途,如侵权,请联系删除

KFE 第27期

推荐

传统 Ajax 已死,Fetch 永生

解决了开发单页面应用中,与后端交互无法带上cookie的问题,感谢阳强分享,怒赞赞赞~

Ajax Fetch 阳强推荐

CSS

CSS魔法

我惊讶的是作者一个下午就读完一本书,还写了实例

CSS魔法

CSS3选择器

还没有掌握CSS3选择器可以看这里,带实例

CSS3选择器

Javascript

五个典型的JavaScript面试题

顺便恶补javascript基础

Javascript

Javascript 开启浏览器全屏模式

开启浏览器全屏也是一个实用的技巧,收藏了

浏览器全屏

其他

你必须『收藏』的Github技巧

实用的github技巧,更好的熟悉github

github

推荐五个Vue2的免费教程

进击的Vue

Vue Free

文章整理来自互联网,不作商业用途,如侵权,请联系删除

KFE 第26期


Don’t make a promise when you are in Joy. Don’t reply when you are Sad.Don’t take decisions when you are Angry.Think Twice.Act Wise. _
_当你喜悦时,不要轻易地承诺。当你悲伤时,不要轻易地回复。当你愤怒时,不要轻易做出决定。三思而后行,明智之法。

推荐

程序员正确打开碎片时间的方法

如果止步不前,是不是因为自己没有列好计划,时间都去哪里了

碎片时间

React

Immutable 详解及 React 中实践

高级

Immutable 阳强推荐

SASS

编写稳健、可维护和可扩展的 Sass

期待能用上sass的高级特性

sass 余磊推荐

Javascript

深入了解 JavaScript 中的 for 循环

了解for循环的几种方式,以及提高执行效率的方式

for for-in forEach 安湘推荐

Cookie、LocalStorge、SesstionStorge的区别和用法

详细讲述Cookie、LocalStorge、SesstionStorge的区别和用法

Cookie LocalStorage SessionStorage

2016:编写高性能的 JavaScript

只是简单的代码技巧,却可以在性能上得到很大的提升

性能

其它

超赞!CodePen 上最新的 12 个热门前端项目

弄出来,就认你是大神

CodePen

未来已到——HTTP/2

快来感受一下HTTP/2的速度

HTTP/2

文章整理来自互联网,不作商业用途,如侵权,请联系删除

KFE 第25期


Man is not made for defeat. A man may be destroyed but not defeated. _
_人不是为失败而生的,一个人可以被毁灭,但不能被打败。

CSS

小tips:了解CSS/CSS3原生变量var

css跟上时代

CSS3 变量 廷俊推荐

CSS3初体验之奇技淫巧

小松の初体验,羞羞哒

CSS3 龙松推荐

CSS新特性

不断的去学习新的东西,哪怕现在使用不上,但总有一天你的所学会被用上。

CSS grid flexbox

Vue

vue.js的起步

你也可能会喜欢vue

vue

Vue.js 和 MVVM 的小细节

获益匪浅

vue MVVM

Javascript

了解真实的『REM』手机屏幕适配

有一定数学基础的,可以给我们讲讲运算过程

rem 屏幕适配

15 个有趣的 JavaScript 与 CSS 库

收藏

Javascript CSS

其他

天猫即将不支持IE8

噢耶~

IE8

文章整理来自互联网,不作商业用途,如侵权,请联系删除

KFE 第24期


Never ask the doctor what you should do. Ask him what he would do if he were in your place. You would be surprised at the difference. 《反脆弱》 _
_不要问医生你该做什么;而是问医生,如果他处于你的情况下,他会做什么。你会惊讶地看到其中的差异。《反脆弱》

推荐

10 个原则让动画带你飞

看着漂亮的动画,自己也有点心动想写出这样的动画呐

动画 优化

10个 NPM 使用技巧

常用的一些npm简单命令包

npm

CSS

既然写CSS很容易,那为什么大家还是把CSS写的那么烂呢?-Hacker Noon

我觉得不烂啊

CSS 龙松推荐

前端妹纸分享| 如何花式使用字体?(一)

有多花式呢

CSS 字体 余磊推荐

Javascript

从一行CSS调试代码中学到的JavaScript知识

really cool

Javascript CSS 学坤推荐

函数式编程初探

我就喜欢写出漂亮的代码

函数式 阳强推荐

不要在控制台上使用 let/const

了解常见控制台错误

console

移动适配的几种方式

纯js适配方案

适配

文章整理来自互联网,不作商业用途,如侵权,请联系删除

KFE 第23期


Of all the gin joints in all the towns in all the world,she walks into mine. _
_世界上有那么多的城镇,城镇中有那么多的酒馆,她却走进了我的。

全栈

全栈开发培训资料

阮老师助你两天进化成全栈开发工程师

全栈 8591总工推荐

移动端

移动H5前端性能优化注意点

每条规则都隐含着大大的学问,研究透了就神了

性能优化

前端跨域

前端跨域知识总结

JS中几种实用的跨域方法原理详解

很全的前端跨域总结及解决方案,有前端跨域问题可以参考这里

跨域

CSS

CSS布局奇技淫巧:各种居中

哇,居然有一种可以兼容所有浏览器的居中方案

居中

小技巧:实现动画周期性延迟

很有动感的动画

动画

手把手教你打造一个纯CSS图标库

来,干了这碗安利

CSS图标库

程序员提交代码的 emoji 指南——原来表情文字不能乱用

狂炫酷屌炸天啊,没想到emoji还有这些用途

emoji

文章整理来自互联网,不作商业用途,如侵权,请联系删除

KFE 第22期


As long as you love me,we could be starving, we could be homeless, we could be broke. _
_我们可以食不果腹,可以流离失所,也可以支离破碎,只要你爱我。

推荐

如何识别牛逼的前端工程师

talk is cheap, show me code

牛逼 龙松推荐

用户体验

如何让 H5 体验接近 APP:(一)触摸反馈

BG嚇得我趕緊分享了

h5 触摸反馈 廷俊推荐

Javascript

微信小程序Demo–仿知乎

厉害了我的小仙女

小程序

Canvas drag 实现拖拽拼图小游戏

俊神前段时间想要的

Canvas 小游戏

6周学习计划,攻克JavaScript难关(React/Redux/ES6 etc.)

刷怪打boss

8591总工推荐

其他

前端工程师必备实用网站

常用的一些资源网站,收藏

色彩 图标 插件 素材 字体

一个前端程序猿的Sublime Text3的自我修养

作者进行不定时安利好的Sublime Text东西

sublime Text

文章整理来自互联网,不作商业用途,如侵权,请联系删除

KFE 第21期


It takes a strong man to save himself, and a great man to save another. _
_坚强的人只能救赎自己,伟大的人才能拯救他人。

推荐

browserhacks

奇妙的hack传送门

hack 金根推荐

CSS

巧用浏览器CSS属性值的不兼容向下兼容hack技巧

说是不说废话,文章还是辣么长呀

CSS CSS hack

深入学习CSS自定义属性(CSS变量)

万万没有想到,还有CSS变量

CSS CSS变量 龙松推荐

Javascript

行业专家聊:jQuery还有意义吗?

PC还在使用jquery,各位大大们有什么建议私聊我哦!

jQuery 煜鹏推荐

理解浏览器的历史记录

理解浏览器历史记录(2)-hashchange、pushState

理解浏览器历史记录,可能有助于开发你开发单页面应用

hashchange pushState

其他

提交几个遇到的问题和解决方法

不知道为什么,就是突然想分享

伪类 transition 闪屏 ... 金根推荐享

前端处理小图标的那些解决方案(图文实操)

使用工具的目的就一个: 自动化一些重复操作,提升工作效率。记住了

小图标

Web前端需要熟悉大学里[高大上]计算机专业课吗?

算法、数据结构、操作系统、编译原理、线性结构、离散数学等等,我只想知道你挂了哪一科

计算机专业课

文章整理来自互联网,不作商业用途,如侵权,请联系删除

KFE 第20期


Write your Sad Times in Sand, Write your Good Times in Stone.– George Bernard Shaw _
_让悲伤时光随风而逝,让快乐时光坚如磐石。

React

What we have in China about React.js

很有意思的文章,react-china的建设者,用英文向外国人介绍react在中国的情况

React 廷俊推荐

CSS

说说CSS中的@supports

CSS新特性,可用来查询浏览器是否支持CSS的特性

@support

Javascript

逃离回调地狱

天堂 or 地狱

回调 煜鹏推荐

详解 JS 变量、作用域及内存

JS变量 作用域 内存

其他

12个酷炫的Chrome开发者工具建议

酷到没有傍友

Chrome 余磊推荐

從Emmet到Emmet LiveStyle

绝对要装的,实现subime Text与chrome之间的实时调试,赞

Emmet Emmet LiveStyle 煜鹏推荐

如何提高影响力

程序员如何提高影响力 2.0

千万不能看轻自己的影响力

文章整理来自互联网,不作商业用途,如侵权,请联系删除