前端知识总结 - 收藏集 - 掘金

延迟加载 (Lazyload) 三种实现方式 - 前端 - 掘金
定义：延迟加载也称为惰性加载，即在长网页中延迟加载图像。用户滚动到它们之前，视口外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。 举个例子来说明，当打开淘宝首页的时候，只有在浏览器窗口里的...

首个微信小程序开发教程！ - 前端 - 掘金
微信应用号（小程序，「应用号」的新称呼）终于来了！目前还处于内测阶段，微信只邀请了部分企业参与封测。想必大家都关心应用号的最终形态到底是什么样子？怎样将一个「服务号」改造成为「小程序」？我们暂时以一款简单的第三方工具的实例，来演示一下开发过程吧。（公司的项目保...

知道这 20 个正则表达式，能让你少写 1,000 行代码 - 前端 - 掘金
正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。 正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的Java...

前端工具链课（一）——包管理工具 - 前端 - 掘金
这系列分享实际上是今年七月份在清华大学软工系暑假小学期时为同学们讲的课程，对于前端初学者来说一定会帮助，一直想给大家分享一下，今天抽空把第一篇先整理出来。在开始之前，请允许我打一个广告，我的 知乎 Live 将会在 12 月 13日开始，在 Live 中我会聊...

比 console.log 更多－chrome 调试命令 - 前端 - 掘金
chrome dev-tools功能很强大。相信大多数人使用最多的一个api就是console.log，这很有用，但是这只是chrome 调试api 之一，还有很多其它非常强大的api！推开门，是另一片风景。 console.log 其它没啥可讲，主要看看其格...

聊聊 Web 上传 - 前端 - 掘金
表单提交上传 iframe表单提交上传 flash上传 h5上传—xhr2上传（h5中规定的xhr2，也可称之ajax上传） h5上传—websocket上传 1995年十一月在RFC 1866中第一次出现了form标签，在其中还出现了很多其他的标签也一直使...

前端必备 HTTP 技能之 Ajax 技术详解 - 前端 - 掘金
Ajax(Asynchronous JavaScript and XML)是一系列web开发技术的集合，使用很多的web技术在客户端开发异步web应用。利用Ajax，web应用可以异步的发送数据获取数据，而不干扰现有页面的显示和行为。通过解耦数据接口层和展现层...

nodejs 入门 - 前端 - 掘金
前言 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引...

移动端适配方法合集 - 前端 - 掘金
首先我先说两个概念，第一，响应式：一个页面在不同尺寸的浏览器中不同的表现；第二，自适应：一个页面在任何尺寸浏览器下表现一致.这里只说自适应。 1.简单粗暴型 zoom方式：

前端开发，从草根到英雄（第一部分） - 前端 - 掘金
我还记得当我刚开始学习前端开发时，我被大量的技术文章淹没，当时让我非常困惑的是：我究竟需要学多少知识才算足够，我甚至不知道从哪里开始。 这篇指南会告诉你学习前端开发的方向，它会提供一些过去我在学习中遇到的非常有效的学习资源，并伴随着我的一些注解。 为了让这篇指...

了解真实的『REM』手机屏幕适配 - 前端 - 掘金
rem 作为一个低调的长度单位，由于手机端网页的兴起，在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下，通过等比缩放的方式达到设计图要求的效果。 rem 的官方定义『The font size of the root element...

flex.css快速入门，极速布局 - 掘金
什么是flex.css? css3 flex 布局相信很多人已经听说过甚至已经在开发中使用过它，但是我想我们都会有一个共同的经历，面对它的各种版本，各种坑，傻傻的分不清楚，flex.css就是对flex布局的一种封装，通过简洁的属性设置就能使得它完美的运行在移...

Android 实现视屏播放器、边播边缓存功能、外加铲屎（IJKPlayer） - 掘金
Android 实现视屏播放器与边播边缓存功能外加蹲坑铲屎（IJKPlayer） hello，大家好，我就是那个会掀桌子的话唠，刚刚结束两篇关于音频播放与录制的文章，旧坑未埋就挖新坑，还望多多关照。最近累趴了，周末果断休假。 快看，用力戳它：https:/...

超全面 + 最流行的「前端速查表」高清版大全 - 前端 - 掘金
今天分享的速查表你一定不会陌生，因为都是目前最新最流行的前端速查表（Cheat sheet），包含：Css3 Flexbox、ES6、jQuery 3 以及最新的 Bootstrap 4，前端人员可以将这些当作是备忘表或速记手册，使用时可以快速查阅，相当便捷。...