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

《从零构建前后分离的web项目》实战 -5分钟快速构建炒鸡规范的VUE项目骨架；微前端的那些事儿；前端进阶（8） – 前端开发需要了解的工具集合：webpack, eslint, prettier, …；React高级组件精讲；一次掌握 React 与 React Native 两个框架；Node.js模拟发起http请求从异步转同步的5种方法；聊聊React v16.3的UNSAFE类生命周期；js第一篇：变量

《从零构建前后分离的web项目》实战 -5分钟快速构建炒鸡规范的VUE项目骨架初步搭建脚手架 Tips 任何不错的开源项目都有 project-cli 脚手架、我们用它生成往往能快速配制出最佳的、理想的脚手架我通常使用 cli 生成项目骨架再在之基础上进行个人修改。什么是 CLI 命令行界面（英语：command-line
微前端的那些事儿微前端的那些事儿微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。同时，它们也可以在共享组件的同时进行
前端进阶（8） – 前端开发需要了解的工具集合：webpack, eslint, prettier, …由于众所周知的原因，npm 官方仓库在国内特别的慢，所以我们需要用一些替代性方案，一种方案就是切换 npm registry 到国内的镜像仓库。
React高级组件精讲高级函数是以函数为参数，并且返回也是函数的的函数。类似的，高阶组件（简称HOC）接收 React 组件为参数，并且返回一个新的React组件。高阶组件本质也是一个函数，并不是一个组件。高阶组件的函数形式如下：
一次掌握 React 与 React Native 两个框架此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分，给大家介绍 React 与 React Native 结合学习的方法。 1. 软件开发语言与框架的学习本质我们在开始系列文章的技术点内容前，花一点时间探讨一下软件开发语言以及框架的学习本质，相对于整个技术点的讲解，花这一点一起思考的时间是值…
Node.js模拟发起http请求从异步转同步的5种方法使用Node.js模拟发起http请求很常用的,但是由于Node模块（原生和第三方库）提供里面的方法都是异步，对于很多场景下应用很麻烦，不如同步来的方便。下面总结了几个常见的库API从异步转同步的几种方法。模块有：re…
聊聊React v16.3的UNSAFE类生命周期苏格团队作者：Dee 不知道小伙伴有没有注意到，自从react更新到16.3版本后，以前使用的componentWillMount、componentWillReceiveProps、componentWillUpdate三个生命周期函数都有eslin
js第一篇：变量第一章：Js 是什么 Js全称 javascript，但是跟java没有任何关系，蹭热度 Js目的就是让页面动起来，实现页面的动态效果第二章：js如何引入 2.1 正确的引入方式方式1 ：直接在html 页面编写编写js的步骤第一步：新建.html页面第二步：在html页面中添加 <script></script> 第三步：在…
js第七篇：函数什么是函数主要是解决代码代码重复问题，或者为事件绑定事件处理程序下面案例充分展示了代码的重复问题。换句话说就是将重复代码封装到函数中，供其他地方调用案例：从三个数组中去除元素“王莽” var book1 = ; var book2 = [‘庄子’, ‘孙子’, ‘荀子’, ‘王莽’, ‘墨子…
三个简单规则，助你养成 Git 和 GitHub 好习惯来源：Medium 编译：Bot 编者按：作为数据科学家，Git和GitHub想必是大家再熟悉不过的东西。其中，Git是现在最好用的版本控制软件，GitHub是基于Git的代码托管库。面对这样使用广泛的工具，学习自然是个无止境的过程，但新手该怎么从一开始就养成好习惯呢？对于这个问题，Microverse的创始人Ari…
JavaScript 函数式编程笔记当我们说函数是“一等公民”的时候，我们实际上说的是它们跟其他对象都一样，你可以像对待其他数据结构一样对待它们。纯函数相同的输入产生相同的输出，并且没有副作用，即为纯函数。例如 Array.prototype.slice 是纯函数，而 Array.prototype.splice 不是纯函数。只要函数跟外界环境发生交互，就是有…
实现移动端上拉加载和下拉刷新的vue插件(mescroll.js)做一个简单的移动端展示项目，后台分页后前端加载，实现上拉加载下一页，找了下，还是用这个mescroll.js插件好一点
如何使用 Web3.js API 在页面中进行转账本文介绍如何使用Web3.js API 在页面中进行转账，是我翻译的文档Web3.js 0.2x 中文版及区块链全栈-以太坊DAPP开发实战中Demo的文章说明。写在前面阅读本文前，你应该对以太坊、智能合约、钱包的概念有所了解，如果你还不了解，建议你先看以太坊是什么除此之外，你最好还了解一些HTML及JavaScript知识…
【2018年8月份GitHub上最热门的Java项目】8 月份 GitHub 上最热门的 Java 项目排行已经出炉啦，在本月的名单中，多个项目都是关于Java库的集合，还有各种学习指南等，下面就是本月上榜的12个开源项目。详见
#前端技术#【七年切图仔如何面试大厂 Web 前端？】详见：本文作者将重点前言最近面了很多大厂的web前端岗位，都被刷了，在决定入职前，手里拿了几分待遇差不多的offer，后期的面试越来越顺，自己思考和总结了一下，原来面试也有好多技巧和方法可循，希望这些方法可以帮助到为找工作而且苦恼的你，可能每个人的方法不一样，不过至少可以提供一
js第六篇：for循环重复的做同样的事情，就是循环，以小明写作业为例，如果被老师罚写10遍，如果老师对小明说：多写几遍，老师也不喊停，小明一致写，写道小明死了，循环就停止了，这叫死循环死循环：不会停止的循环 1. For循环在 js 中，有三种循环语法，其中 for 循环的使用最普通 1.1 基本语法 for(var i=1;i<11;i…
vue自定义svg图标使用1、注册登录阿里矢量图标库： [链接] 2、上传svg图标，或者在iconfont查找需要的图标加入购物车； 3、加入项目； 4、vue项目中引用图标：index.html，如入如下 {代码…} 复制font class:icon-zhuhuguanli 和公共…
js第四篇：条件语句 1. if语句根据不同条件执行不同结果 1.1 If语句这是最简单的if语句 If：如果的意思。 if(false){ //if后面的条件为真(true)时执行的代码 console.log(‘上幼儿园’); } 在实际开发当中，很少在if后面直接写上true 或者 false，而是表达式，此表达式的结果为true或false if(3&lt…
js第五篇：数组 1.数组的声明和赋值数组其实就是集合 //使用数组存储5为同学的名字 var mad = ; //创建数组，用来存储唐朝有名的五位诗人的姓名 var shiren = ; //创建数组，用来存储php1、php2、m…
【前端轶事】Chrome 小恐龙背后的故事本文转自 FEPulse 公众号（微信搜索 FEPulse，精选国内外最新前端资讯，为你把握前端脉搏）。
js第三篇：运算符算术运算符 +、-、*、/、% console.log(3+2); console.log(3-2); console.log(3*2); console.log(3/2); console.log(3%2); 比较运算符 >、>=、<、<=、==(等于)、===(全等)、!=(不等于) 总结：比较运算符的运算结果都是布尔类型，也就是说，运算结果不是true 就是false …
js第二篇：变量类型和类型转换变量类型变量类型指的是变量引用的数据的类型如果内存不管数据的类型，全部都开辟统一大小的空间(8字节)，那么就会造成浪费根据数据类型的不同，开辟不同大小的空间，这样可以节省内存空间 Js 中有6中数据类型，现阶段我们只学4种 Number:数字 String：字符串，字母或字母的组合、特殊符号或者使用引号…
javascript模拟鸟群使用cax和threejs渲染引擎本文会使用前端技术来模拟2d和3d鸟群，我选用canvas元素绘制，当然也可以使用css3或者svg。 github github.com/dwqdaiwenqi… 记得点个star 整个实现 demo 3d的渲染我选用threejs 2d的渲染引擎我选
深入 Promise在使用 Promise 的时候，我们最简单的理解与用法就是像上面的代码那样，把异步结果提供给 resolve 作参数，然后通过给 then 方法传递一个自定义函数作为结果处理函数。但 resolve 和 reject 这两个参数到底是什么…
React-360 源码阅读【4】- 初试 React-360-Web react-360-web 顾名思义，就是在 web 端运行的 react-360 的 SDK. 就像文档里面描述的; react-360-web 是 React 360 的
前端监听资源加载错误前言页面上有很多资源元素，比如 <img> , <iframe> 等，我们需要知道其加载情况,根据加载成功与否进行下一步的处理。常见的做法是给这些元素上设置 onload , onerror 方法。比如： <img onerror="errFn()" onload="loadFn()"> 支持 …
redux 时间旅行，你值得拥有啥叫时间旅行？顾名思义，就是可以随时穿越到以前和未来，让应用程序切换到任意时间的状态。我们都知道，一般应用状态都很复杂，创建、维护、修改和弄明白有哪些行为会影响状态都不是一件容易的事儿。 redux 的解决方案整个应用的 state 被储存在一棵 obje