20180807 前端开发日报-前端开发博客

说一说javascript的异步编程；Uber 开源 Fusion.js：一个基于插件架构的通用 Web 框架；GitLab & Docker 前端开发工具链；vue实现一个动效柱状图；jQuery JQ插件（不断整理中…）；一个前端小白的"爬虫"初试；javascript基础修炼(3)—What's this(下)；CSS多列布局（栅格布局）

说一说javascript的异步编程众所周知javascript是单线程的，它的设计之初是为浏览器设计的GUI编程语言，GUI编程的特性之一是保证UI线程一定不能阻塞，否则体验不佳，甚至界面卡死。所谓的单线程就是一次只能完成一个任务，其任务的调度方式就是排队，这就和火车站洗手间门口的等待一样，
Uber 开源 Fusion.js：一个基于插件架构的通用 Web 框架作者｜Addy Osmani 译者｜无明编辑｜覃云可能很多人都不知道，Uber 其实开发了很多基于 Web 的应用程序，可能有数百个，而且这个数字还在不断增加中，它们中的大部分被用在公司内部，用于管理各种业务。我们知道，Web 技术变化得很快，而最佳技术实践也在不断发展。为数百名 Web…
GitLab & Docker 前端开发工具链 GitLab & Docker 前端开发工具链 – 八云酱引言本文旨在向大家简单地介绍如何搭建一个私有开发环境，严格意义上并不是只适用于前端，细节性的内容大家可以私下跟博主交流。搭建过程需要使用到至少一台 8G 内存以上服务器，如果没有可以考虑去腾
vue实现一个动效柱状图接手了一个需求的时候，其中有个 UI图是这样的：按照 PM本来的意思，这张图中只有那几个数字是从接口获取的，而且从接口获取到的每项数字的值，与目前标注的数字相差不会超过 10%，所以柱状图的条形高度不用管，直接一张图片静态的就行了，这确实很省事，三下五除二
jQuery JQ插件（不断整理中…）unslider(轮播插件) fullpage插件 echarts unslider(轮播插件) 第三方插件(Swiper) jQuery动画图标菜单导航插件imgbubbles One Page Scroll 可以帮助你把网站转变成流行的单页滚动网站 jQuery pikaday简易日期选…
一个前端小白的"爬虫"初试八月。透蓝的天空，悬着火球般的太阳，云彩好似被太阳烧化了，也消失得无影无踪。没有一丝风，大地活像一个蒸笼。
javascript基础修炼(3)—What's this(下)
CSS多列布局（栅格布局）一、多列布局 CSS3 可以将文本内容设计成像报纸一样的多列布局，如下实例: 代码如下（具体的解释也在代码中）浏览器支持表格中的数字表示支持该方法的第一个浏览器的版本号。紧跟在数字后面的 -webkit- 或 -moz-…
Ajax设置请求和接收响应、自己封装简易jQuery.Ajax、回调函数这篇文章是承接前几篇博客的,是前几篇继续学习包括Ajax学习与理解和简化版自己实现jQuery等这篇文章只算是我的个人学习笔记,内容没有精心排版,一些错误请见谅.
web移动端布局的那些事儿 web移动端布局范畴很广，其中比较基础的几个话题：移动端适配 1px border 基础布局本文主要分享这三个话题一、移动端适配提起移动端适配，大家想到的肯定是rem、flexible.js，本文要分享的方案是 vw + rem 对移动端适配不熟悉
Nginx实践篇（2）- Nginx作为静态资源web服务 – 控制浏览器缓存、防盗链一、控制浏览器缓存 1. 浏览器缓存简介浏览器缓存遵循HTTP协议定义的缓存机制（如：Expires;Cache-control等）。当浏览器无缓存时，请求响应流程当浏览器有缓存时，请求响应流程浏览器缓存校验过期机制校验…
React 开发你一定要知道在React中，数据是自顶向下单向流动的，即从父组件到子组件，这条原则让组件之间的关系变的简单且可预测。state和props是React组件中重要的概念，如果顶层组件初始化props，那么React会向下遍历整棵组件树，重新…
前端异常监控、上报及js压缩代码定位最近在研究前端异常监控的问题，对查询的资料做了整理汇总，总体如下一、前端异常监控方式 1. window.onerror 异常处理 window.onerror 无论是异步还是非异步错误，onerror 都能捕获到运行时错误。 window.onerror
推荐一个React的管理后台框架jQuery时代，jQuery+后端模板+Bootstrap/Semantic就可轻松完成前后端开发。进入React/Angular/Vue年代，前后端生态渐行渐远（编程方式上却有殊途同归的感觉），标榜为“全栈”的人更多是从前端通过Nodejs向服务端渗…
GraphQL进阶篇: 挥手Redux不是梦同学，GraphQL了解一下：基础篇同学，GraphQL了解一下：实践篇首先，需要澄清，这有点标题党，像Redux， Mobx，Flux这种状态管理库，在日常的开发中的地位还是难以撼动的，但是我们可以试着去了解ApolloClent，…
三十分钟掌握Webpack性能优化 Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等，因此性能优化也主要从这些方面来分析。本文主要是根
webpack入坑之旅（零）简介与升级升级了一下两年前写的这个教程，前端变化太快了，里面很多示例已经跑步起来，终于愿意花时间来更新一下了。非常基础！！记录 vue-webapck 的学习基础，代码示例 github地址 2018-08-05最新更新：本教程已升级至 webpack4 ，旧的代码在 webpack1-backup 分支。将原来教程中部分不正确的地方也已经剔除。不过…
使用Webpack的代码分离实现Vue懒加载（译文）当一个Vue的项目体积变得十分庞大的时候，使用Webpack的代码分离功能将Vue Components，routes或Vuex的代码进行分离并按需加载，会极大的提高App的首屏加载速度。
Vue组件定义本质上是一个对象，该对象包含data、computed、watch、methods、filters以及生命周期钩子等成员属性。
【2018年7月份GitHub开源项目排行榜】本篇文章为大家盘点了7月份最热门的GitHub 项目，一起来看看你都知道哪些，或者有哪些你已经在使用的了。详见
从 0 到 1 实现 React 系列 —— 4.优化 setState 和 ref 的实现看源码一个痛处是会陷进理不顺主干的困局中，本系列文章在实现一个 (x)react 的同时理顺 React 框架的主干内容(JSX/虚拟DOM/组件/生命周期/diff算法/setState/ref/…)
react-native 使用leanclound消息推送 iOS消息推送的基本流程 1.注册：为应用程序申请消息推送服务。此时你的设备会向APNs服务器发送注册请求。2. APNs服务器接受请求，并将deviceToken返给你设备上的应用程序 3.客户端应用程序将deviceToken发送给后台服务器程序，后台接收
读《精通正则表达式》– 网上 js 正则基础教程没有涉及的一些知识正则表达式的“鼻祖”或许可一直追溯到科学家对人类神经系统工作原理的早期研究。美国新泽西州的Warren McCulloch和出生在美国底特律的Walter Pitts这两位神经生理方面的科学家，研究出了一种用数学方式来描述神经…