查漏补缺 - 收藏集 - 掘金

摘要：酝酿许久之后，笔者准备接下来撰写前端面试题系列文章，内容涵盖浏览器框架分钟搞定常用基础知识前端掘金基础智商划重点在实际开发中，已经非常普及了。

这道题--致敬各位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...