这道题–致敬各位10年阿里的前端开发 – 掘金
很巧合，我在认识了两位同是10年工作经验的阿里前端开发小伙伴，不但要向前辈学习，我有时候还会选择另一种方法逗逗他们，拿了网上一道经典面试题，可能我连去阿里面试的机会都没有，但是我感受到了一次面试10年阿里的前端开发，让我感觉一个字，比吃老坛酸菜还爽！虽然有答对…
mock.js那点事(下) – 掘金
这篇针对不管看没看过mock.js那点事(上),你都会有收获 前几天讲了一下mock.js那点事(上)，有心的哥们估计看完了我的那篇mock.js那点事(上)，估计看得太过瘾了，然后又去官网也把所有demo也刷了一遍了，可能有些朋友花了半个小时刷完了所有d…
深入理解 JavaScript 异步 – 前端 – 掘金
前言 2014年秋季写完了《深入理解javascript原型和闭包系列》，已经帮助过很多人走出了 js 原型、作用域、闭包的困惑，至今仍能经常受到好评的留言。 …
16种方法实现水平居中垂直居中 – 掘金
熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素,…
一劳永逸的搞定 flex 布局 – 掘金
寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现…
基于 vw 等 viewport 视区相对单位的响应式排版和布局 « 张鑫旭 – 鑫空间 – 鑫生活 – 前端 – 掘金
by zhangxinxu from http://www.zhangxinxu.com/wor… 本文全文转载需购买版权(500¥)，摘要引流则免费，具体参见这里 一、什么是视区相对单位？ 就是相对于浏览器viewport尺寸的单位…
奇技淫巧：Chrome DevTools 代码覆盖率功能详解 – 掘金
共 1812 字，读完需 3 分钟。工欲善其事必先利其器，前端周刊本周起每周会加餐 1 篇工具技巧，里面辅以动图，让大家看完就能学会，并上手使用。本文会介绍 Chrome Canary 新增的代码覆盖率功能、如何收集数据、如何基于它收集的数据来改进 WEB 应…
破解前端面试（80% 应聘者不及格系列）：从闭包说起 – 掘金
修订说明：发布《80% 应聘者都不及格的 JS 面试题》之后，全网阅读量超过 6W，在知乎、掘金、cnodejs 都引发了很多讨论，还被多个前端微信公号和技术媒体转载。酝酿许久之后，笔者准备接下来撰写前端面试题系列文章，内容涵盖 DOM、HTTP、浏览器、框架…
30 分钟搞定 ES6 常用基础知识 – 前端 – 掘金
ES6基础智商划重点 在实际开发中，ES6已经非常普及了。掌握ES6的知识变成了一种必须。尽管我们在使用时仍然需要经过babel编译。 ES6彻底改变了前端的编码风格，可以说对于前端的影…
this 的值到底是什么？一次说清楚 – 掘金
原载于前端开发指南，喜欢请关注。 你可能遇到过这样的 JS 面试题： var obj = { foo: function(){ console.log(this) } } var bar = obj.foo obj.foo() // 打印出的…
js原生dom对象和jQuery对象可以混合使用吗？ – 掘金
写在前面： 本文主要内容包括js原生dom对象和jQuery对象的区别，联系，相互转换，以及踩坑经历。情况是这样的，今天在实现一个js验证码的功能，需要获取input的值，然后我用jQuery的方法获取到了dom节点，然后用原生js获取input的值，结果就出…
小白式 – 让你快速理解 JS 中的继承方式 – 前端 – 掘金
面向对象之继承理解较为常用的继承有原型链继承、借用构造函数、组合式继承、寄生组合式继承，以及ES6继承，其他的还有原型式继承、寄生式继承 原型链继承 js以原型链作为实现继承的…
深入浅出this的理解 – 掘金
this在js中一直是谜一样的存在着，在面试中也是经常会被问道，接下来总结下我所理解的this。首先引入秘密花园中对this的工作原理，文中指出有五种情况，分别是： 全局范围内 this; //在全局范围内使用this，它将会指向全局对象 函数调…
正则表达式前端使用手册 – 前端 – 掘金
导读 你有没有在搜索文本的时候绞尽脑汁, 试了一个又一个表达式, 还是不行. 你有没有在表单验证的时候, 只是做做样子(只要不为空就好), 然后烧香拜佛, 虔诚祈祷, 千万不要出错. 你有没有在使用sed 和 grep 命令的时候, 感…
前端 PS 切图方法，图文详细 – 掘金
写在前面：本文主要内容是目前我所知道的切图技巧结合网上的资料，写出来分享一波。图文教程，多图！！ BB：很多人都会说，切图这个活倒底分给UI还是分给前端。虽然好的UI会给我们把图切好，但是他们切的图不一定百分之百符合我们的需求，所以我一直都觉得这是页面仔必须要…
一起来实现图片滚动懒加载 – 掘金
图片一直是网络资源占用大户，对于一个前端有几百张图片的网站来说，如果首屏即加载所有图片（无论这些图片有没有被用户看到），那无疑是既浪费网络资源，又伤害用户体验的事。因此，图片懒加载，是提高前端性能的刚需所在。 目前，淘宝网、知乎等大流量网站都已经使用了图片滚动…
改造你的网站，变身 PWA – 掘金
最近有很多关于 Progressive Web Apps（PWAs）的消息，很多人都在问这是不是（移动）web 的未来。我不想陷入native app 和 PWA 的纷争，但是有一件事是确定的 — PWA极大的提升了移动端表现，改善了用户体验。 好消息是…
单页应用 – Token 验证 – 掘金
第一次接触单页应用,记录公司项目关于Token验证知识. Token的工作原理 Token工作原理 1. 登录时候,客户端通过用户名与密码请求登录 2. 服务端收到请求区验证用户名与密码 3. 验证通过,服务端会签发一个Token,再把这个Token发给客户端…
平时自己项目中用到的 CSS – 掘金
css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。 Github: https://github.com/asd0102433…博客长期更新，喜欢的朋友star一下 outline…
前端学习计算机图形学 – 前端 – 掘金
序 来自vczh某计算机图形学问题的回答: 程序员的三大浪漫：操作系统、图形学、编译原理，学了都是用来给你开眼界的。这些都不是什么你不学就怎么样的课程，而是你想成为大牛，不学不行=_,= Web前端技术中和图形学挂钩的大致是CSS3的动画变换、SV…
线条之美，玩转 SVG 线条动画 – 前端 – 掘金
通常来说web前端实现动画效果主要通过下面几种方案： css动画；利用css3的样式效果可以将dom元素做出动画的效果来。 canvas动画；利用canvas提供的API，然后利用清除-渲染这样一帧一帧的做出动画效果。 svg动画；同…
Ajax 知识体系大梳理 – 掘金
这是一篇万字长文, 系统梳理了ajax相关的知识体系, 几乎囊括了所有ajax的知识点. 原文: http://louiszhai.github.io/20… 导读 Ajax 全称 Asynchronous JavaScript an…
