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

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

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

前端常见算法的 JS 实现 - 前端 - 掘金
原文连接 排序算法 一、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i<arr.length; 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.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. 关于文件输入控件 使用文件输入控件能够浏览本地网络的一个文件，以上传到网站。好比下面这段代码 <input type="file" name="file"> 上传一个文件并无什...

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页面窗口自动调整到设备宽度，并禁止用户缩放页面 //1、HTML页面结构...

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

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

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