破解前端面试（80% 应聘者不及格系列）：从 DOM 说起 - 掘金
共 7384 字，读完需 10 分钟。本文为《破解前端面试（80% 应聘者不及格系列）》文章的第二篇，包含 DOM、Event、浏览器端优化、数据结构和算法功底的考察。可能有同学会问 DOM 有什么好聊的，不就是节点的各种操作么？DOM 是网页构建的基石，熟练...

找不到网易云音乐的开放 API ，跟蟹棒一起写一个吗？ - 前端 - 掘金
说来惭愧，距离蟹棒在简书发表第一篇文章已经时隔两月，蟹棒一直没有要写什么博客的题材，也再一次的让蟹棒为自己肚子里丁点的墨水发愁，蟹棒的写作与思考功力还需修炼，勤奋才能修得正果 ! 致谢 ...

2017 百度前端技术学院 - 自定义右键菜单 - 前端 - 掘金
转载自：http://www.jianshu.com/p/7314... 效果预览 ...

抛物线动画（仿饿了么 APP 添加到购物车动画） - 前端 - 掘金
这也是近期移动端项目中的一个需求，就一句话，做一个饿了么添加到购物车的动画效果。好的吧，那效果我貌似还记得，就是一个弹动的小球，点击商品下方的 + 出现一个小球跳动到左下角的购物车中去。这个过程跟跳水运动很相似，运动员利用跳板的弹性，向上跳跃一小段距离，然后再...

完美解决 fixed 在手机端的 bug - 前端 - 掘金
一、带input的fixed在ios下失效 在ios下，一个页面如果有fixed浮层，并且浮层里面有input，那么当input focused的时候，fiexed层的位置就会错乱。 ...

画随音动！Web Audio API 入门（四） - 前端 - 掘金
这次介绍解析音源并可视化的方法。 原文链接 : 音にあわせて画面が変化！続々々「WebAudioAPI」入門 原文作者 : つっちー ...

延迟加载 (Lazyload) 三种实现方式 - 前端 - 掘金
定义：延迟加载也称为惰性加载，即在长网页中延迟加载图像。用户滚动到它们之前，视口外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。 举个例子来说明，当打开淘宝首页的时候，只有在浏览器窗口里的...

腾讯 2016 公司代码报告前端开发总结 - 前端 - 掘金
2016年腾讯公司代码报告已经正式发布，记录下开发过程中遇到的问题，以及一些使用过的东西。查看请微信扫码： 腾讯2016公司代码报告前端篇 ...

30 分钟学会 Flex 布局 - 前端 - 掘金
为什么我要写这一篇关于 Flex 布局的教程？ 因为它十分简单灵活，区区简单几行代码就可以实现各种页面的的布局，以前我在学习页面布局的时候我深受其 float、display、position 这些属性的困扰。然而学习 Flex 布局，你只要学习几个 ...

HTML 大文件上传 - 前端 - 掘金
文件上传已是老生常谈了。文件上传，原始的方法有： form表单提交。 通过iframe+form表单进行模拟异步上传。 由于Http协议的限制，在处理大文件上传会存在超时的现象。在旧的浏览器中是无法读...

Understanding ECMAScript 6 中文版（可下载电子书） - 前端 - 掘金
点击下载《Understanding ECMAScript 6》中文版电子书 关于 原书《Understanding ECMAScript 6》，作者 Nicholas C. Zakas ，在线阅读地址。此外作者本人为此书也在 github 上...

毫无节操地理解 js 的作用域、闭包 - 前端 - 掘金
今天在水群时发现有小伙伴又拿出了这样的代码： function a(){ function b(){ c = 1; } } 然后问c是谁的。。。我一看，诶呀我擦，这又不是作用域的问题吗？...

前端疲劳 - 前端 - 掘金
前端图谱图片源自Jeff Pelletier的博文: The Front-End Spectrum，我进行了汉化。。。博文地址：https://medium.com/@withinsig...

我的 web 前端面试经历 - 百度 - 前端 - 掘金
博主就读于电子科技大学，大三狗一枚！面试是个漫长的过程，从海投到收获电话面试，一面、二面、三面，一个步骤出错那么后面就宣告终结。同时，面试过程中你也可能会遇到一些面试官的刁难，甚至部分面试官会说些比较打击你的话，但是大部分面试官都是很棒的！ 面试前的准备基础知...

monorepo 新浪潮 - 前端 - 掘金
前纪： 大概在 16 年初通过 babel 了解到了 lerna，同时也首次听到了 monorepo 这个概念。当时测试后的结果是，lerna 非常不稳定所以那会儿并没有使用。时隔近一年，在最近尝试中感觉各方面都做的不错了，所以已经开始在项目内使用。大概 go...

Hybrid App 开发 Cordova 框架实践——Android 篇 - 前端 - 掘金
记录下来以便将来看看现在的自己 公司一直没有IOS和安卓开发的人员，昨天在公司吃早餐的时候偶然接到App开发的需求，鉴于网上超级多的技术可以让前端玩转App，其中比较不错的是React Na...

深入理解 ES7 的 async/await - 前端 - 掘金
在最开始学习ES6的Promise时，曾写过一篇博文《promise和co搭配生成器函数方式解决js代码异步流程的比较》，文章中对比了使用Promise和co模块搭配生成器函数解决js异步的异同。 在文章末尾，提到了ES7的async和await，只是当时只是...

webpack 很不错的中文文档 - 前端 - 掘金
webpack 是一个现代的 JavaScript 应用模块打包器(module bundler)。它有着难以置信的配置，然而，我们认为你必须在开始前先了解 4 个核心概念！ 作为您的 webpack 学习旅程的一部分，我们写这篇文档目的在于向你传递这些概念的...

为什么小程序能适配不同机型？因为微信做了这个 - 阅读 - 掘金
关注知晓程序（微信号 zxcx0101），让你知道小程序的一切。我们都知道，小程序是一个跨系统的平台。这就意味着，小程序会在不同的设备上运行，但不同设备的分辨率会有差异。在小程序中，如何在分辨率不同的设备上保证视觉元素的正常显示？这就需要名为 rpx 的动态尺...

logline: 是时候聊一聊前端的日志了 - 前端 - 掘金
从事Web前端同学对此肯定深有体会，代码发出去之后，犹如脱缰的野马，运行在万千的客户终端上，等到产品和后台反馈问题到我们这边，很多时候定位问题只能靠猜，尤其是一些偶发诱因，因为根本不知道用户是如何操作的，真实环境遇到的问题通常是很多随机因素叠加的形成的，因此很...

聊聊 Web 上传 - 前端 - 掘金
表单提交上传 iframe表单提交上传 flash上传 h5上传—xhr2上传（h5中规定的xhr2，也可称之ajax上传） h5上传—websocket上传 1995年十一月在RFC 1866中第一次出现了form标签，在其中还出现了很多其他的标签也一直使...