前端知识 - 收藏集 - 掘金
一道 JS 面试题所引发的 "血案"，透过现象寻本质，再从本质看现象 - 前端 - 掘金
觉得本人写的不算很烂的话，可以登录关注一下我的GitHub博客，新手写东西写的不好之处，还望见谅，毕竟水平有限，写东西只为交流提高，一起学习，还望大神多加指点，指出纰漏，和提出宝贵的意见，博客会坚持写下去。 今天同学去面试，做了两道面试题,全部做错了，发过来给...
高效编写微信小程序 - 腾讯 ISUX - 前端 - 掘金
前言 微信小程序是一个工程，就和盖房子一样，打好了地基，才能保证后续工程师建立在可靠牢固的基础上。 笔者需要经常新建项目，每次都要重复“修改项目结构 -> 从老项目中复制粘贴文件 -> 删除一些老项目中代码”这样的过程，实在是…费心费力。 另一个...
深入了解 CSS 字体度量，行高和 vertical-align - 前端 - 掘金
编辑推荐： 掘金是一个高质量的技术社区，从 CSS 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。 点击链接查看最新前端内容，或到各大应用市场搜索「 掘金」下载APP，技术干货尽在掌握中。 line-height和...
献给前端求职路上的你们（下） - 前端 - 掘金
转载自：http://www.jianshu.com/p/87fa2c21039a 注明：上一篇献给前端求职路上的你们（上),主要侧重说的是前端面试中的html和css这两块常见问题，这是基础，其实在真正面试中，面试官往往采用的是由难到易的套...
设计无限滚动下拉加载，实践高性能页面真谛 - 掘金
UX Planet论坛上有过这么一篇热门文章: Infinite Scrolling Best Practices，它从UX角度分析了无限滚动加载的设计实践。 无限滚动加载在互联网上到处都有应用：豆瓣首页是一个，Facebook的Timeline是一个，Twe...
异步与回调的设计哲学 - 掘金
本文的例子用 JavaScript 语法给出，希望读者至少有使用过 Promise 的经验，如果用过 async/await 则更好，对于客户端的开发者，我相信语法不是阅读的瓶颈，思维才是，因此也可以了解一下异步编程模型的演变过程。 异步编程入门 CPS CP...
10 道典型的 JavaScript 面试题 - 前端 - 掘金
在IT界中，JavaScript开发人员的需求量一直居高不下。如果你的能力能够胜任这一角色，那么你有很多机会换一家公司，并提高薪水。但在你被一家公司聘用之前，你必须展示你的技能，以通过面试环节。在本文中，我将向您展示10个 JavaScript 技能典型问题以...
来自掘金的你——挖 "掘" 淘 "金" 之 前端闯关历险记学习资料汇总 - 前端 - 掘金
本文分享首发【掘金】，同时收录在【我的GitHub博客】，觉得本文写的不算烂的，可以点击【我的GitHub博客】顺便登录一下账号给个星星✨鼓励一下，关注最新更新动态，大家一起多交流学习，欢迎随意转载交流，不要钱，文末有福利哦😯，你懂的😉。 零、起因 世间万...
响应式和自适应的区别 - 前端 - 掘金
玩前端也有几个月了，发现大家普遍混淆了响应式和自适应的概念。先给大家体验一下响应式和自适应的区别，请放大缩小一下屏幕尝试 自适应的体验http://m.ctrip.com/html5/ 响应式的体验 http://segmen...
2017 百度前端技术学院——正则表达式入门 - 前端 - 掘金
任务效果预览源码地址 一、创建一个正则表达式 1 字面量方式： var expression = /pattern/flags 其中的pattern可以是任何简单的...
自适应设计与响应式网页设计 - 前端 - 掘金
目前非常流行自适应设计与响应式设计，而且经常让人混淆，自适应设计不应与自适应布局混为一谈，它们是完全不一样的概念。 在这先说明下这两者的异同： 自从移动终端飞速发展以来，各种各样的机型突飞猛进，很多网站的解决方法，是为不同的设备提供不同的网页，比如专门...
笼统的前端 - 前端 - 掘金
核心 Core HTML(HTML5) CSS(CSS3) JavaScript jQuery ES6 ...
3 个经常被问到的 JavaScript 面试题 - 前端 - 掘金
JavaScript是所有现代浏览器的官方语言。 因此，JavaScript 问题出现在各种开发人员的面试中。 本文不是讲述最新的JavaScript库，日常的开发实践或任何新的 ES6 函数。 相反，在讨论JavaScript时，经常会在面试中出现这3个问题...
前端开发面试题总结之——HTML - 前端 - 掘金
相关知识点 web标准、 web语义化、 浏览器内核、 兼容性、 html5... 题目&答案 Doctype作用？严格模式与混杂模式如何区分？它们有何意义?（1）<!DOCTYPE>声明位于HTML文档中的第一行，处于<h...
前端开发面试题总结之——CSS3 - 前端 - 掘金
相关知识点 布局、 浮动、 盒子模型、 弹性和模型、 选择器优先级、 居中定位、 兼容性、 hack写法...... 题目&答案 如何理解CSS的...
三种常见的 hybrid 通信方式 - 前端 - 掘金
说起hybrid大家不会陌生，主要意思就是native和h5混合开发。为什么要这样做呢？大家可以想象一下针对于同一个活动，如果使用纯native的开发方式，Android和iOS两边都要维护同一套界面甚至是逻辑，这样开发和维护的成本会很大，而使用hybrid的...
「前端」rem 缩放方案 flexible-js 兼容 375px 方案的思路 - 掘金
本文来自尚妆前端团队南洋 发表于尚妆github博客，欢迎订阅。 移动端H5页面rem缩放方案flexible.js兼容375px方案的思路 参考： 移动端高清、多屏适配方案 viewport-and-flexible.js flexible.js git...
React.js 的设计思想 - 前端 - 掘金
是什么让它屹立于前端世界之颠，这一期采访我们请到实力派框架 React！ 小编： 终于请到国际巨星了，太不容易了，你先自我介绍一下！ React: 大家好！！！我是 React 。 小编： 欢迎，React 来 FSX 做客，...
React-native项目入门与思考 - 掘金
引子 有个前端同学说，等我学好了react-native,你们也就快失业了。楼主这小心脏一惊，真的假的，决定开始学习一下react-native。其实之前一直做事native的开发，没有怎么接触过前端，对于React更是比较陌生，虽然从2015年开始它火的一塌...
前端开发面试题总结之——JAVASCRIPT（三） - 前端 - 掘金
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAS...
前端开发面试题总结之——JAVASCRIPT（二） - 前端 - 掘金
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAS...
前端开发面试题总结之——JAVASCRIPT（一） - 前端 - 掘金
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、...
CSS 面试题解答 - 前端 - 掘金
问：什么是CSS reset 在不同浏览器之间，默认样式有着诸多差异和问题，而为了在不同浏览器之间具备相同的视觉效果，开发人员往往会在样式表文件中引入一段CSS代码，如http://meyerweb.com/eric/tools...
CSS3 transform 属性及应用 - 前端 - 掘金
在介绍有关transform相关的知识之前，先来讲一下transform-origin的用法以及关于<angle>角度的几种取值单位。另外，在使用时，为了兼容各个浏览器，可加上浏览器的私有前缀［－moz- -webkit -ms-］。 transf...
腾讯 2016 公司代码报告前端开发总结 - 前端 - 掘金
2016年腾讯公司代码报告已经正式发布，记录下开发过程中遇到的问题，以及一些使用过的东西。查看请微信扫码： 腾讯2016公司代码报告前端篇 ...
2017 百度前端技术学院 - 自定义右键菜单 - 前端 - 掘金
转载自：http://www.jianshu.com/p/731488a8a3e6 效果预览 ...
一些提高 SVG 开发效率的工具 - 前端 - 掘金
工欲善其事必先利其器，这里推荐一些关于SVG方面的工具，当在web开发中要使用SVG的时候，这些工具能帮助你提高工作效率，能更加愉快的玩SVG。 1、矢量编辑软件 要使用SVG，当然离不开矢量设计软件，下面来推荐几款矢量设计软件。 Ad...
2017 年 4 月前端开发者实用干货大合集 - 前端 - 掘金
进入2017年之后，设计和前端开发一直在快速的发展着，过去一年的设计和技术积累，催生了一批又一批的新工具和素材，今天的这一批干货素材主要是给网页前端和开发者所用的，其中所涵盖的内容多种多样，从APP到代码片段不一而足。 Slinky Slinky 是一款实用...
音视频开发中常见基础问题总结 - Android - 掘金
前言：音视频中一些基础问题总结，哈哈，可在下方留言，一句话，证明你是接触音视频开发的。下面是我的一些整理及工作中整理的，不见得全是对的，可以大胆的指出的。我也好学习学习。 1、视频编码标准两大系统是什么？ 视频编码标准有两大系统：MPEG和ITU-T，如下...
前端跨域问题及解决方案 - 前端 - 掘金
1、同源策略 同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。 一个源的定义：如果协议，端口（如果指定了一个）和主机对于两个页面是相同的，则两个页面具有相同的源。 ...
彻底理解 JS 中 this 的指向 - 前端 - 掘金
首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会...
如何提升页面渲染效率 - 前端 - 掘金
Web页面的性能 我们每天都会浏览很多的Web页面，使用很多基于Web的应用。这些站点看起来既不一样，用途也都各有不同，有在线视频，Social Media，新闻，邮件客户端，在线存储，甚至图形编辑，地理信息系统等等。虽然有着各种各样的不同，但是相同的是，他们...
单页面应用下的 JS 内存管理 (1) - 前端 - 掘金
内存问题对于后端童鞋而言可能是家常便饭，特别是C++童鞋。我在实习时做过半年的c++游戏客户端开发（也是前端开发哦），也见识了各式各样的内存问题，就说说我的第一个坑，当时做个需求，就是在玩家名字上加些酷炫的封号（就是下图中红框中的图片），人小不懂事，频繁去ne...
前端基础进阶：详细图解 JavaScript 内存空间 - 前端 - 掘金
JS栈内存与堆内存 var a = 20; var b = 'abc'; var c = true; var d = { m: 20 } 因为JavaScript具有自动垃圾回收机制，所以对于前端开发来说，内存...
CSS 技巧：使你的 CSS 更加专业 - 前端 - 掘金
一个帮你提升 CSS 技巧的收藏集。 对于其他收藏集合可以查看 @sindresorhus 创建的收藏集合 Awesome Lists. 目录 专业技巧 支...
H5 项目常见问题汇总及解决方案 - 前端 - 掘金
转自 https://github.com/FrontEndZQ/HTML5-FAQ H5项目常见问题及注意事项 Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 //一、HTML页面结构...
不定期更新 JavaScript 技巧 - 前端 - 掘金
JavaScript技巧，偶尔更新。 计算数组的极值 function smallest(array){ return Math.min.apply...
JavaScript 很少为人所知的玩法 - 前端 - 掘金
Stack OverFlow 的联合创始人杰夫·阿特伍德 曾提出著名的“Atwood定律”，即： Any application that can be written in JavaScript, will eventually be ...
2015-2016 前端知识体系 - 前端 - 掘金
一、框架与组件 bootstrap等UI框架设计与实现 伸缩布局：grid网格布局 基础UI样式：元素reset、按钮、图片、菜单、表单 ...
CSS 如何实现 "一行水平居中，两行就左对齐" - 前端 - 掘金
在这里首先感谢宇飞朋友一直以来的支持，当《横屏仅仅只是通过media判断landscape吗?》这篇发了之后，又一次收到他的打赏，说实在话，虽然并不是很多的金额，但是，我心里感觉实在不太好意思，毕竟公众号里很多内容我都是写得很随意。其他不多说了，这次的内容主要...
JavaScript 设计模式 - 前端 - 掘金
目录 前言 单体模式 工厂模式 迭代器模式 装饰者模式 策略模式 外观模式 代理模式 中介者模式 观察者模式 前言 本文参考于《javascript模式》，因此会大...
10 个提高 Web 页面性能的技巧 - 前端 - 掘金
摘要：现在动辄几兆大小的页面加载量，让性能优化成了不可避免的热门话题。WEB 应用越流畅，用户体验就会越好，继而带来更多的访问量。 现在动辄几兆大小的页面加载量，让性能优化成了不可避免的热门话题。WEB 应用越流畅，用户体验就...
实现一个简单的类 Vue 框架 - 前端 - 掘金
Vue 一个 MVVM 框架、一个响应式的组件系统，通过把页面抽象成一个个组件来增加复用性、降低复杂性 主要特色就是数据操纵视图变化，一旦数据变化自动更新所有关联组件~ 所以它的一大特性就是一个数据响应系统，当然有了数据还需要一个模板解析系统 即 HTMLPa...
JS 中常见排序算法详解 - 前端 - 掘金
本文将详细介绍在JavaScript中算法的用法，配合动图生动形象的让你以最快的方法学习算法的原理以及在需求场景中的用途。 有句话怎么说来着： 雷锋推倒雷峰塔，Java implement...
H5 动画开发快车道 - 前端 - 掘金
janilychen ...
双向绑定的简单实现 - 基于 ES5 对象的 getter/setter 机制 - 前端 - 掘金
在双向绑定的简单实现——基于“脏检测”中，我们使用“脏检测”的机制，实现了一个简单的双向绑定计数器。尽管逻辑比较清晰简单，性能也还可以，但每次都遍历DOM节点，也是会有一些性能浪费的。ES5提供了Object.defineProperty与Object.def...
一个使用 JS 实现的最简正则引擎 - 前端 - 掘金
re 简介 为了了解正则引擎的内部工作原理，使用 javascript 实现的一个最简的正则引擎，它支持了如下的正则元素: ...
原生 js 实现前端路由 - 前端 - 掘金
最近一直在研究前后端分离，ajax可以很好的解决前后端分离的问题，但是又存在着浏览器无法前进后退，这个问题比较尴尬。但是采用前端路由的方式可以很好的解决这个问题。 前端路由与...
