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

延迟加载 (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方式： <meta content="width=device-...

Web 前端从入门菜鸟到实践老司机所需要的资料与指南合集 - 前端 - 掘金
Web前端从入门菜鸟到实践老司机所需要的资料与指南合集归属于笔者的Web 前端入门与最佳实践。在本文中笔者尽量以入门级介绍为主，如果对于某方面知识点想深入了解，可以参考笔者的对应的知识点系列文章。如果您有其他的Web方面的资料/课程等推荐，欢迎指教，本文会保持...

一个 2 年安卓开发者的一些忠告 - Android - 掘金
编辑推荐：稀土掘金，这是一个针对技术开发者的一个应用，你可以在掘金上获取最新最优质的技术干货，不仅仅是Android知识、前端、后端以至于产品和设计都有涉猎，想成为全栈工程师的朋友不要错过！ 原文：What 2 Years of And...

Android 开发人员不得不收集的代码 (持续更新中) - Android - 掘金
README of English 为方便查找，已进行大致归类，其目录如下所示： Activity相关→ActivityUtils.java→Demo isActivityExists : 判断是否存在Activity launchActi...

超赞！37 款免费的 HTML5 和 CSS3 加载与预载动画 - 阅读 - 掘金
英文原文：Free HTML5 And CSS3 Loaders and Preloaders译者：IT程序狮译文源自：http://www.jianshu.com/p/e3d4... 目前，图片产业可能是一个快速成长的行业。具有创造性的新网站...

一看就懂的 ReactJs 入门教程——精华版 - 前端 - 掘金
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS，ReactJs的虚拟DOM（Virtual DOM）和组件化的开发深深的吸引了我，下面来跟我一起领略ReactJs的风采吧~~ 文章有点长，耐心读完，你会有很...

《一起学 Node.js》彻底重写完毕 - 后端 - 掘金
N-blog 使用 Express + MongoDB 搭建多人博客 目录 开发环境搭建 Node.js 的安装与使用 安装 Node.js n 和 nvm nrm MongoDB 的安装与使用 安装与启动 MongoDB Robom...

前端开发，从草根到英雄（第二部分） - 前端 - 掘金
这篇文章是"前端开发，从草根到英雄系列"的第二部分，在第一部分，你学到了如何使用HTML和CSS创建布局的最佳实践。在第二部分，我们会把JavaScript作为独立的语言来学习，我们将学习如何添加交互式的接口，JavaScript设计以及设计模式，最后我们会学...

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

了解真实的『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，前端人员可以将这些当作是备忘表或速记手册，使用时可以快速查阅，相当便捷。...