一劳永逸的搞定 flex 布局 – 掘金
寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现…
JavaScript 常见设计模式解析 – 掘金
设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式于己于他人于系统都是多赢的；设计模式使代码编写真正工程化；设计模…
[浅析前端页面渲染机制
前端 – 掘金](https://juejin.im/entry/58f43…
作为一个前端开发，最常见的运行环境应该是浏览器吧，为了更好的通过浏览器把优秀的产品带给用户，也为了更好的发展自己的前端职业之路，有必要了解从我们在浏览器地址栏输入网址到看到页面这期间浏览器是如何进行工作的,进而了解如何更好的优化实践，本篇主要围绕这两点展开阐述…
30 分钟搞定 ES6 常用基础知识 – 前端 – 掘金
ES6基础智商划重点 在实际开发中，ES6已经非常普及了。掌握ES6的知识变成了一种必须。尽管我们在使用时仍然需要经过babel编译。 ES6彻底改变了前端的编码风格，可以说对于前端的影…
浓缩的才是精华：浅析GIF格式图片的存储和压缩 – 掘金
腾讯云技术社区-掘金主页持续为大家呈现云计算技术文章，欢迎大家关注！ 作者：成文迪， 在Web前端摸爬滚打的码农一枚，对技术充满热情的菜鸟，致力为手Q的建设添砖加瓦。 GIF格式的历史 GIF(Graphics Interchange Format)原义…
如何使用一个js文件去管理项目所用的js – 前端 – 掘金
前言 随着项目功能越来越完善，js文件多了又多，如何通过一个init.js去管理项目所需要的js（重点：解决js文件顺序加载的问题），本文章为你揭秘。 踩坑 当前的项目状况 a.html使用的js部分 <script type=”text/javas…
单个页面内容不能过多 设计常用尺寸：750 x 1334 / 640 x 1134，包含了手机顶部信号栏的高度。 移动端H5活动页面常常需要能够分享到各种社交App中，常用的有 微信、QQ 等。 使用移动设备查看页面时会发现，在微信浏览器中有 顶部导航栏…
前端进阶：透彻掌握 Promise 的使用，读这篇就够了 – 前端 – 掘金
Promise：高手必备 Promise的重要性我认为我没有必要多讲，概括起来说就是必须得掌握，而且还要掌握透彻。这篇文章的开头，主要跟大家分析一下，为什么会有Promise出现。 在实…
2016 年崛起的 JS 项目 – 掘金
本文是我对中文版 risingstars2016 的整理，而本人就是中文版的译者，首发于知乎专栏 前端周刊。共 21384 字，读完需 30 分钟，速读需 5 分钟。长江后浪推前浪，如果你能花 30 分钟读完我 6 个小时翻译的内容，相信你不会…
HTML 不能这么写、你造吗？ – 前端 – 掘金
目录 a标签不可以嵌套交互式元素 块级元素可以包含内联元素和某些块级元素，内联元素不能包含块级元素，只能包含内联元素 p标签不能包含块级元素 …
详解 Javascript十大常用设计模式 – 前端 – 掘金
一：理解工厂模式 工厂模式类似于现实生活中的工厂可以产生大量相似的商品，去做同样的事情，实现同样的效果;这时候需要使用工厂模式。 简单的工厂模式可以理解为解决多个相似的问题;这也是她的优点;比如如下代码：&…
腾讯 2016 公司代码报告前端开发总结 – 前端 – 掘金
2016年腾讯公司代码报告已经正式发布，记录下开发过程中遇到的问题，以及一些使用过的东西。查看请微信扫码： 腾讯2016公司代码报告前端篇 …
WebRTC 直播时代 – 前端 – 掘金
WebRTC 全称为：Web Real-Time Communication。它是为了解决 Web 端无法捕获音视频的能力，并且提供了 peer-to-peer（就是浏览器间）的视频交互。实际上，细分看来，它包含三个部分： …
HTML 大文件上传 – 前端 – 掘金
文件上传已是老生常谈了。文件上传，原始的方法有： form表单提交。 通过iframe+form表单进行模拟异步上传。 由于Http协议的限制，在处理大文件上传会存在超时的现象。在旧的浏览器中是无法读…
javascript array js 缓存算法，数组去重、数组随机抽取、字母串转数字，数字转字符串 – 前端 – 掘金
前言 因为平时在写代码的过程中，有些算法会经常重复写，比如数组去重、数组抽取随机值等！虽然这些不是很难的逻辑，但是每次刚开始遇到需求的时候，还是需要琢磨一些时间才能想出来，所以此文档把这些常见算法的思想记录下…
前端基础进阶：详细图解，彻底搞懂闭包与作用域链 – 前端 – 掘金
攻克闭包难题 初学JavaScript的时候，我在学习闭包上，走了很多弯路。而这次重新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个非常大的挑战。 闭包有多重…
不定期更新 JavaScript 技巧 – 前端 – 掘金
JavaScript技巧，偶尔更新。 计算数组的极值 function smallest(array){ return Math.min.apply…
H5 项目常见问题汇总及解决方案 – 前端 – 掘金
转自 https://github.com/FrontEndZQ… H5项目常见问题及注意事项 Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 //一、HTML页面结构…
前端工程化开发方案 app-proto – 前端 – 掘金
什么是前端工程化？根据具体的业务特点，将前端的开发流程、技术、工具、经验等规范化、标准化就是前端工程化。它的目的是让前端开发能够“自成体系”，最大程度地提高前端工程师的开发效率，降低技术选型、前后端联调等带来的协调沟通成本。 美团点评厦门智能住宿前端研发团队通…
再学一次 sea.js – 前端 – 掘金
遇到的问题 只要你是前端，你肯定写过或者见过下面代码。<scrpit type=”text/javascr…
Vonic 正式版发布！附中文文档 – 前端 – 掘金
成功收尾，本月终于可以向 2.0 迈进了！O(∩_∩)O…
canvas 图片问题浅析 – 前端 – 掘金
问题 Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may…
京东 2016 版首页改版前端总结 – 前端 – 掘金
深圳的天气总是多变，前一段时间还是凉意浓浓，似乎要步入冬天了，最近却又变得炎热起来，气温骤升，让人措手不及。正如我们负责的业务一样，一年下来有诸多变化。今年9月份我们接手了京东2016版首页改版开发，历经1个多月紧张地开发测试，终于在双11前成功全量发布，回想…
Anime.js：轻巧的 JavaScript 动画库 – 前端 – 掘金
摘要：我最喜欢的动画库之一，就是Anime.js，它是一个完全免费、开源的JavaScript动画库。这个库有着丰富的功能，它是针对JavaScript所开发的，而且它同时也非常依赖CSS动画。你可以在DOM中将其与用在单一的页面元素之上，你也可以将其用在个性…
gulp & webpack整合，鱼与熊掌我都要！ – 前端 – 掘金
为什么需要前端工程化？ 前段工程化的意义在于让前端这个行业由野蛮时代进化为正规军时代，近年来很多相关的工具和概念诞生。好奇心日报在进行前端工程化的过程中，主要的挑战在于解决如下问题： 如果管理多个项目的前端代码？ 如何同步修改复用代码？ 如何让开发体验更爽？…
动手实践用 Gulp+Webpack 构建纯前端 React 应用 – 前端 – 掘金
最近构思了一个练手项目，应用react实现程序的逻辑，从而进一步学习React框架开发。这次的例子是一个纯前端的简单应用，模拟实现图片上传和展示功能。应用中，使用sessionStorage存储图片数据，并且将sessionStorage中存储的图片数据，以列…
rem 布局初步实践 – 前端 – 掘金
先说结论 实用而论，不想了解具体原理的同学只要记住一点即可：在配置好环境的情况下，拿到设计稿并发现需要使用固定宽高比元素的时候，在css中做好px（设计稿中的px）与rem换算就行（即便这个过程也有不少偷懒的办法,减轻工作量）. 关于rem的基础知识 这部分比…
浅谈CSS3多列布局 – 掘金
相信大家都看过报纸，报纸上的内容大多数都是分栏显示的，如下图所示： 对于前端攻城狮来说，这种分列布局，在以前虽然可以实现，可是难度却是不小，工作量很大，必须使用JavaScript对内容分段，再配合上绝对定位或浮动等CSS样式来实现多列布局。但现在，强大的CS…
这里有超过20家的前端面试题，你确定不点进来看看？ – 掘金
0.备注 若文章中部分内容无法显示，请移步李鹏的其他博客。 简书 CSDN ## 1. 前言 这里有超过20家的前端面试题，你确定不点进来看看？ 好吧，如果你看到这句话，你明显是点进来了。 那么恭喜你，接下来我就和你们分享一下，近期我收集到的各个公司…
奇虎360 Web 前端开发工程师面试题 – 前端 – 掘金
最近有幸参加了一次360的面试，下面把面试题总结记录一下： 一面 JS 1.下面代码的输出值是？ alert(1&&2); 2.正则表达式匹配，开头为11N, 12N或1NNN，后面是-7-8个数字的电话号码。 3.写出下面代码的输…
Ajax 知识体系大梳理 – 掘金
这是一篇万字长文, 系统梳理了ajax相关的知识体系, 几乎囊括了所有ajax的知识点. 原文: http://louiszhai.github.io/20… 导读 Ajax 全称 Asynchronous JavaScript an…
Angular2 + node 接口调试解决方案 – 前端 – 掘金
事情的起因 由于最近在使用Angular + node开发，采取的办法一直都是约定好接口，然后node实现，再编写前端。但是这样有一个很麻烦的问题：编写前端的时候无法调用接口，不能很好地测试，只能一口气写完再编译后放到后端来测试…
Vuex 入门 demo（不依赖 webpack 使用） – 前端 – 掘金
Vuex 入门 demo（不依赖 webpack 使用）…
跟着写一个 CSS 栅格布局 – 前端 – 掘金
我们常在诸如Bootstrap的前端框架中见到css栅格系统，如果仅仅为了使用栅格布局而引入一个前端框架是很不明智的行为。所以，这篇文章就是帮助你从零打造一个CSS Grids～ 什么是栅格系统 栅格系统（CSS Grids）是一种运…
webpack 2.2 中文文档，翻译的很好，看完就学会了 webpack – 前端 – 掘金
正如我们在介绍中提到的，在 webpack 配置中有多种方式定义 entry 属性。除了解释为什么它可能的用途，我们还将向你展示如何去配置 entry 属性。 单个入口（简写）语法 用法：entry: string|Array&…
vue 上传图片预览以及删除组件 – 前端 – 掘金
上传图片预览以及删除的vue组件 git clone 到本地，打开 index.html 就可以了…
前端知识体系 知识结构 – 提纲版 – 前端 – 掘金
综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 …
响应式图片实战 – 前端 – 掘金
说到响应式网站，我们都知道弹性布局、弹性图片、媒体查询，更多指的是布局的方式，比如说使用max-width: 100%，这样让图片的宽度随着容器的大小而改变，响应式设计让网站能兼容各种屏幕设备，但是在我们流量这么昂贵的时代，让一个小屏幕的手机去加载一张为大屏幕…
百度地图 API 标注 + 时间轴组件 – 前端 – 掘金
工作时被要求到的,结合百度地图api做一个动态展示标注变化的组件,要求地图展示某一天的标注,时间轴要求可以动态播放每一天的标注变化…然后我就开始coding… 准备工作: …
多页架构的前后端分离方案（webpack+express） – 前端 – 掘金
SPA（单页架构）方案当下虽然很时髦，不过大多数的网站依旧选择多页或者单页+多页的混合架构。使用 express, webpack 本文低成本的实现了包含多页架构，自动刷新，前后端分离 等概念 …
基于 Vue2.0 高仿微信 App – 前端 – 掘金
利用Vue2.0模仿微信app，努力做到以假乱真的效果。个人独立开发，源码中有详细的注释，为新手提供许多有用的提示信息。后期会增加 仿3DTouch、登陆、注册、emoji表情内嵌、朋友圈图片查看等功能，让它更接近微信App的用户交互体验。 …
HTML 不能这么写、你造吗？ – 前端 – 掘金
目录 a标签不可以嵌套交互式元素 块级元素可以包含内联元素和某些块级元素，内联元素不能包含块级元素，只能包含内联元素 p标签不能包含块级元素 …
写给前端的甩锅指南 – 前端 – 掘金
前端小白，“老王，你的接口不能用了” 后端老王一脸不屑，“怎么可能，刚刚还能用，你看看参数传对了没有。” 前端小白吭哧吭哧检查了几遍，“参数没问题啊，你看看是不是有 username, id。。。” 后端老王顿了许久， “参数应该没问题，你再清下浏览器缓…
美团智能支付背后的前端工程师 – 掘金
作者：任远，先后就职于腾讯、人人、小米，现美团智能支付前端负责人，负责十多个前端业务线、技术线的开发和管理工作，手下精兵强将，人才济济，技术涉猎非常广泛，覆盖移动端、PC端、hybrid端、Node数据中间层相关的大前端技术，对于项目的完整开发运作有非常丰富的…
记录一些前端的知识点 (一) – 前端 – 掘金
想学习前端或编程知识欢迎关注专栏：敲代码，学编程 – 知乎专栏一、W3C 标准盒模型和 IE 盒模型区别：1. W3C 标准盒模型：盒子的高宽是由盒子的内容区仅由 width, height 决定的，不包含边框，内外边距。2. IE 盒模型：在 IE 盒模型中…
前端常见算法的 JS 实现 – 前端 – 掘金
原文链接 排序算法 1、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i<arr.length; i+…
前端知识点大百科全书 – 前端 – 掘金
These share data are from my usual work and learning，hoping to help you，If you like you can star Javas…
「前端」rem 缩放方案 flexible-js 兼容 375px 方案的思路 – 掘金
本文来自尚妆前端团队南洋 发表于尚妆github博客，欢迎订阅。 移动端H5页面rem缩放方案flexible.js兼容375px方案的思路 参考： 移动端高清、多屏适配方案 viewport-and-flexible.js flexible.js git…
响应式和自适应的区别 – 前端 – 掘金
玩前端也有几个月了，发现大家普遍混淆了响应式和自适应的概念。先给大家体验一下响应式和自适应的区别，请放大缩小一下屏幕尝试 自适应的体验http://m.ctrip.com/html5/&nbs… 响应式的体验 http://segmen…
