前端大杂烩 - 收藏集 - 掘金

摘要：作者将原素材文章进行了新内容的添加和重新排列，但是因为文章百度前端技术学院面向大学生的前端技术学习平台前端掘金由百度创办的免费前端技术学习实践交流分享平台。简直是前端黑科技巧使你的更加专业前端掘金一个帮你提升技巧的收藏集。

神器！解放你的双手——UI 设计稿全自动切图和标注的一些工具推荐 - 前端 - 掘金
原文收录在我的 GitHub博客 (https://github.com/jawil/blog) ，喜欢的可以关注最新动态，大家一起多交流学习，共同进步，以学习者的身份写博客，记录点滴。 工欲善其事，必先利其器。 前不久在 掘金 上看到一篇文章，前端 PS...

记录一些前端的知识点 (一) - 前端 - 掘金
想学习前端或编程知识欢迎关注专栏：敲代码，学编程 - 知乎专栏一、W3C 标准盒模型和 IE 盒模型区别：1. W3C 标准盒模型：盒子的高宽是由盒子的内容区仅由 width, height 决定的，不包含边框，内外边距。2. IE 盒模型：在 IE 盒模型中...

前端常见算法的 JS 实现 - 前端 - 掘金
原文链接 排序算法 1、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i

JS 调试常见报错以及修复方法，快速定位，直中靶心 - 前端 - 掘金
原文《JavaScript Errors and How to Fix Them》作者：Jani Hartikainen翻译：涂鸦码农 JavaScript 调试是一场噩梦：首先给出的错误非常难以理解，其次给出的行号不总有帮助...

揭秘 jQuery - 前端 - 掘金
jQuery源码分析 前言 有时候我在想jQuery为什么可以直接$操作，可以拥有比原生js更便利的DOM操作，而且只要你想就可以直接链式操作下去 核心框架 揭开一万多行代码的jQuery核心代码： (function(window, undefined) {...

前端开发面试题总结之——JAVASCRIPT（一） - 前端 - 掘金
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、...

JavaScript 常用 API 集合 - 前端 - 掘金
一、节点 1.1 节点属性 Node.nodeName //返回节点名称，只读 Node.nodeType //返回节点类型的常数值，只读 Node.nodeValue //返回Text或Comment节点的文本值，只读 Node.textConte...

献给前端求职路上的你们（上） - 前端 - 掘金
在放大镜中寻找你 前言 我是一名前端开发，从2016年6月毕业到如今步入工作，期间也面试了一些公司，参考过一些面试文档，学习了一些面试宝典，掌握了一些面...

也许是史上最全的前端资源大汇总 - 前端 - 掘金
1.前言 最近有很多朋友问我有没有相关的书籍推荐，希望能够自学一下前端。 正好最近在查阅文章的时候，发现有朋友已经进行过总结。 经过沟通和“行贿”?，终于取得转载权利，在此感谢晚晴幽草的大力帮助。 作者将原素材文章进行了新内容的添加和重新排列，但是因为文章...

百度前端技术学院 － 面向大学生的前端技术学习平台 - 前端 - 掘金
由百度创办的免费前端技术学习实践、交流、分享平台。百度竟然干了件良心事儿...

(译) 无尽滚动的复杂度 -- 来自 Google 大神的拆解 - 掘金
原文地址：https://developers.google.com...原文作者：Surma译者：王芃 摘要: 重用你的DOM元素以及删除那些远离可视范围的元素。为延迟显示的元素使用占位...

前端高手必备技能：如何在 chrome 开发者工具中观察函数调用栈、作用域链与闭包 - 前端 - 掘金
配图与本文无关 在前端开发中，有一个非常重要的技能，叫做断点调试。 在chrome的开发者工具中，通过断点调试，我们能够非常方便的一步一步的观察JavaScript的执行过程，直观感知函...

浏览器，加载，解析，渲染 - 前端 - 掘金
昨天为了 了解浏览器是怎么处理（.html、.css、.js）这些文件，我看了网上的好多资料，这好多资料中，有很多是通过转载、或是转载后加之自己的理解，但是因为自己对专业的词汇理解不好，还有一些作者将不同浏览器的处理过程混着说，总之，看完了，还是有很多疑虑的地...

图解 Flexbox - 前端 - 掘金
图解 Flexbox 本文图片、部分翻译来自原文 How Flexbox works — explained with big, colorful, animated gifs 属性#1 display: flex 示例如下 上面4个 div 默...

关于表单你需要知道的 - 前端 - 掘金

关于文件输入控件 使用文件输入控件可以浏览本地网络的一个文件，以上传到网站。比如下面这段代码 上传一个文件并没有什...

200 行代码实现 web 在线聊天室 (websocket) - 前端 - 掘金
项目介绍 基于websocket的一个简单的聊天室 技术栈 express+socket.io+animate.css+angular关于websocket不了解的点我,而socket.io是对webs...

pointer-events，一个神奇的 css 属性 - 前端 - 掘金
搞前端的朋友们应该听说过这个属性吧。每年圣诞节的时候，许多网页上都会挂出一个雪花飘落的特效增加一些节日气氛。有一些是用flash实现的，也有用HTML+js实现的。当时就很好奇为何在页面z轴最上层增加了一个层却完全不会影响下面元素的任何事件响应。简直是前端黑科...

CSS 技巧：使你的 CSS 更加专业 - 前端 - 掘金
一个帮你提升 CSS 技巧的收藏集。 对于其他收藏集合可以查看 @sindresorhus 创建的收藏集合 Awesome Lists. 目录 专业技巧 支...

前端基础进阶：详细图解，彻底搞懂闭包与作用域链 - 前端 - 掘金
攻克闭包难题 初学JavaScript的时候，我在学习闭包上，走了很多弯路。而这次重新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个非常大的挑战。 闭包有多重...

【福利】成为专业程序员路上用到的各种优秀资料、神器及框架 - 工具资源 - 掘金
本文是鄙人工作这几年随手收集整理的一些自认为还不错的资料，成长的道理上需要积累，这么长时间了，是时候放出来分享下了，或许能帮助到你。 欢迎点赞，让更多人看到，让福利普照。 因为本文以后不会更新，但项目依旧会更新。 所以，更好的做法是，请...

口口相传的 JS 的面相对象的封装与继承 - 前端 - 掘金
以前读书上java课的时候 天天要面向对象 然后我还记得 老师说去面试一定会被问面向对象的问题 然而 至今为止 我也就遇到一个人问过我这个问题 However 我一直也就待在一家公司里 面向对象语言的要求 一种面向对象语言需要向开发者提供四种基本能力：...

H5 项目常见问题汇总及解决方案 - 前端 - 掘金
转自 https://github.com/FrontEndZQ... H5项目常见问题及注意事项 Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 //一、HTML页面结构...

前端切图神器 avocode - 前端 - 掘金
安装avocode 前端的基础工作就是把设计师的设计稿还原成前端页面，所以切图是作为一个前端的基本技能。杀敌要有趁手的兵器，而前端一般都是用photoshop,但是这个兵器非常笨重，可能当你笨拙的挥动的它时，敌人已经挥刀到你的颈部了。毕...

详解 CSS 居中布局技巧 - 前端 - 掘金
水平居中元素： 通用方法，元素的宽高未知 方式一：CSS3 transform .parent { position: relative; } .child { position: absolute...

详解 CSS 七种三栏布局技巧 - 前端 - 掘金
三栏布局，顾名思义就是两边固定，中间自适应。三栏布局在开发十分常见，那么什么是三栏布局？比如我打开某东的首页： 映入眼帘的就是一个常见的三栏布局：即左边商品导航和右边导航固定宽度，中间的主要内容随浏览器宽度自适应。 下面围绕的这样的目的，即左右...