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

神器！解放你的双手——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 默...

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

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

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