20170316 前端开发日报

Ajax 知识体系大梳理；Git 详细的操作指南笔记(从零开始)；浅析 JS 模块规范：AMD 和 CMD；前端基础进阶：面向对象实战之封装拖拽对象；WebAssembly 的现在与未来；推荐一些 React Native 3 月份优秀开源项目；React.js 小书；撸 js 基础之数组

1. Ajax 知识体系大梳理 这是一篇万字长文, 系统梳理了ajax相关的知识体系, 几乎囊括了所有ajax的知识点. 原文: http://louiszhai.github.io/2016/11/02/ajax/ 导读 Ajax 全称 Asynchronous JavaScript and XML, 即异步
2. Git 详细的操作指南笔记(从零开始) git地址：https://github.com/asd0102433/blog/issues/3喜欢的朋友start一下，长期更新文章 设置 安装git后我们需要配置一下，告诉git我们的基本信息等等..一般在用户范围内去配置 git ，也就是在 global 范围。 glo
3. 浅析 JS 模块规范：AMD 和 CMD 在了解 AMD，CMD 规范前，我们先来简单地了解下什么是模块？ 简单的说，一个模块就是实现特定功能的文件，有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。当然，模块开发需要遵循一定的规范，否则各用各的就会乱套了。 目前，常用的 JS 模块规范主要有
4. 前端基础进阶：面向对象实战之封装拖拽对象 前面几篇文章，我跟大家分享了JavaScript的一些基础知识，这篇文章，将会进入第一个实战环节：利用前面几章的所涉及到的知识，封装一个拖拽对象。为了能够帮助大家了解更多的方式与进行对比，我会使用三种不同的方式来实现拖拽。 不封装对象直接实现； 利用原生JavaScript封装拖拽对象； 通过扩展jQuery来实现拖拽对象。…
5. WebAssembly 的现在与未来 本文作者：Lin Clark 英文原文：Where is WebAssembly now and what’s next? 本文是关于 WebAssembly 系列的第六篇文章（本系列共六篇文章，后续会将连接补充归整），也同时是本系列的收尾文章。如果你没有读先前文章的话，建议先读这里（英文文章）。如果对 WebAssembly 没概念，建议先读这…
6. 推荐一些 React Native 3 月份优秀开源项目 持续收集 React Native 优秀开源项目，可以关注公众号 aMarno ，专注分享 React Native 技术和资源。
7. React.js 小书 在线阅读：http://react.huziketang.com 简介 这是一本关于 React.js 的小书。 因为工作中一直在使用 React.js，也一直以来想总结一下自己关于 React.js 的一些知识、经验。于是把一些想法慢慢整理书写下来，做成一本开源、免费、专业、简单的入门级别的小书，提供给社区。希望能够帮助到更多 React….
8. 撸 js 基础之数组 最近复习 js 基础，前几天把数组的基础笔记总结了下，主要是 es3、5、6 的数组基础方法以及一些数组题的练习。目录内容如下图。各位同学有兴趣的可以看下。
9. 图片延迟加载策略（JavaScript） 不管是在移动端开发还是在PC端开发，基本都会用到图片的懒加载，这其中最大的原因就是为了保证页面打开的速度（正常情况下3秒之内如果首页打不开，就已经算是死亡时间了）。 延迟加载的的基本做法一般是这样的： 首屏内容中的图片：首先给对应的区域一张默认的图片占着位置（默认图需要非常的小
10. CSS Modules 入门及 React 中实践 写在前面 读文先看此图，能先有个大体概念： 阅读本文需要 11m 24s。 CSS Modules介绍 CSS Modules是什么东西呢？首先，让我们从官方文档入手： GitHub – css-modules/css-modules: Documentation about css-modules …
11. Angular 的模块间通信 模块是 Angular 的构建单元，Angular 应用程序的所有可视化元素也是由模块构建的。当我们把模块拆散成更小的模块时，我们就要确保它们可以把数据传来传去。到那时候，恰当地模块间通信机制就成了我们应用程序的基础，可以让所有的数据都保持同步状态。
12. 饿了么如何落地和管理 “大前端” 团队？ 写在前面：这是 InfoQ 的一次专访，但因为访谈形式的阅读疲劳，编辑尾尾把它变成了一篇文章《如何落地和管理一个“大前端”团队?饿了么大前端团队解密》。这个访谈前面主要是介绍，一些团队的实践和主要观点（个人拙见）在后面。因为个人觉得访谈可能比文章更「原汁原味」，并且已经是一篇经过验证（早上被朋友圈刷屏）的…
13. Yet Another Vue Boilerplate Vue 后台管理模板：更优雅的 model 设计；更优雅的异步处理（async / await）；更好的接口 mock （json-server）；更简单的构建；多页异步加载
14. Vuex 模块化实现待办事项的状态管理 在 vue 里，组件之间的作用域是独立的，父组件跟子组件之间的通讯可以通过 prop 属性来传参，但是在兄弟组件之间通讯就比较麻烦了。vuex 正是为了解决这个问题，让多个子组件之间可以方便的通讯。
15. 20 分钟理解 React Native For Android 原理 前言 文中所有RN缩写指代React Native For Android 分析的RN代码基于 { “react”: “15.4.1”, “react-native”: “0.39.2” } 本文主要分析Java层实现，对C++和JS笔墨较少。 阅读正文将花费您大约20分钟。 背景 公司内几个APP已经接入并上线了多个RN模块，后…
16. 为什么 WebAssembly 更快？ 本文作者：Lin Clark英文原文：What makes WebAssembly fast? 本文是关于 WebAssembly 系列的第五篇文章（本系列共六篇文章，后续会将连接补充归整）。如果你没有读先前文章的话，建议先读这里（英文文章）。如果对 WebAssembly 没
17. React-Router V4 简单实现 RRV4 终于发布啦，以下文字都是本人在阅读 V4 Beta 版时候记录的一些想法。分析的不一定好，请大家轻拍。 PS：欢迎 star，我会不定时的给翻译一些国外的技术博文。
18. 一个简单的分布式 Web 扫描器的设计与实践 0x00 前言 作为一个安全从业人员，在平常的工作中总是需要对一些web系统做一些安全扫描和漏洞检测从而确保在系统上线前尽可能多的解决了已知的安全问题，更好地保护我们的系统免受外部的入侵和攻击。而传统的web安全检测和扫描大多基于web扫描器，而实际上其是利用爬虫对目标系统进行资源遍历并配合检测代码来…
19. Vue2 全家桶与微信开发 此项目本身有一个APP了，为了方便将APP和微信端数据打通，需要用户微信和APP用户绑定。在开发的过程中单页面的模式在微信JS API的配置踩了很多坑，特别是IOS。由于本人表述能力和篇幅有限Orz，这里只介绍关键的实现步骤和代码，有些安全的地方和路由地方处理当时比较暴力没有细化，还望交流指导。 Vue2全家桶…
20. 在 Sublime Text 3 中设置自己的代码片段 快速添加属于自己的注释
21. 基于 Three.js 的超快的 3D 开发框架：Whitestorm.js Whitestorm.js 是一款基于 Three.js 超快的 Web 应用 3D 开发框架。它为普通的 Three.js 任务提供封装、使搭建环境、创建对象、添加物件等操作，使开发 3D 的 Web 应用变得更加简单。目前 3300+ Stars 。前端 er，可以了解下。
22. webpack -> vue Component 从入门到放弃（四） 最后一篇讲 Component 结合 webpack
23. 简谈 JS 的 Promise 开发者们要踏上异步编程的道路，JS 的 Promise 该了解了。
24. 通过 webpack 来驱动 Web 开发 * webpack 前端工程化应用 * 基于 webpack 的多页应用架构 * 没有任何魔法, 便于扩展出适合自己的前端工程化方案, 例如单页, react, vue 等
25. Spring Boot HTTP over JSON 的错误码异常处理 摘要: 原创出处:www.bysocket.com 泥瓦匠BYSocket 希望转载，保留摘要，谢谢！ “年轻人不要怕表现，要敢于出来表现，但还是那句话，要有正确的度，你的表现是分析问题和解决问题的能力。” – 《你凭什么做好互联网》 本文提纲 一、异常统一处理的使用场景 二、运行 springboot-validation-over-jso…
26. React Native 开源特效动画封装库模块 (lottie-react-native) lottie-react-native 开源特效动画封装库, 轻松打造应用精致动画效果。
27. 不一样的 Todomvc，使用 React、Meteor 构建实时 Web 应用 A realtime todomvc built by react-web-meteor with meteor account system.
28. CSS Custom Properties – The Basics This is the first in a series of blog posts on CSS Custom Properties. Here I introduce the basics of what they are and how to use them. Stay
29. CSS Grid Layout 从入门到入门 小试 CSS Grid Layout
30. Ajax-hook 原理解析 自上一篇《js 拦截全局 ajax 请求》发布之后，很多人对实现原理非常感兴趣，好，今天我们讲内涵！ 如果你还不知道ajax-hook，请先了解一下：github : https://github.com/wendux/Ajax-hook中文介绍：http://www.jian

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多