20180916 前端开发日报

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

  1. 《从零构建前后分离的web项目》实战 -5分钟快速构建炒鸡规范的VUE项目骨架 初步搭建脚手架 Tips 任何不错的开源项目都有 project-cli 脚手架、我们用它生成往往能快速配制出最佳的、理想的脚手架 我通常使用 cli 生成项目骨架再在之基础上进行个人修改。 什么是 CLI 命令行界面(英语:command-line
  2. 微前端的那些事儿 微前端的那些事儿 微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。 同时,它们也可以在共享组件的同时进行
  3. 前端进阶(8) - 前端开发需要了解的工具集合:webpack, eslint, prettier, ...由于众所周知的原因,npm 官方仓库在国内特别的慢,所以我们需要用一些替代性方案,一种方案就是切换 npm registry 到国内的镜像仓库。
  4. React高级组件精讲高级函数是以函数为参数,并且返回也是函数的的函数。类似的,高阶组件(简称HOC)接收 React 组件为参数,并且返回一个新的React组件。高阶组件本质也是一个函数,并不是一个组件。高阶组件的函数形式如下:
  5. 一次掌握 React 与 React Native 两个框架 此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分,给大家介绍 React 与 React Native 结合学习的方法。 1. 软件开发语言与框架的学习本质 我们在开始系列文章的技术点内容前,花一点时间探讨一下软件开发语言以及框架的学习本质,相对于整个技术点的讲解,花这一点一起思考的时间是值...
  6. Node.js模拟发起http请求从异步转同步的5种方法使用Node.js模拟发起http请求很常用的,但是由于Node模块(原生和第三方库)提供里面的方法都是异步,对于很多场景下应用很麻烦,不如同步来的方便。下面总结了几个常见的库API从异步转同步的几种方法。模块有:re...
  7. 聊聊React v16.3的UNSAFE类生命周期 苏格团队 作者:Dee 不知道小伙伴有没有注意到,自从react更新到16.3版本后,以前使用的componentWillMount、componentWillReceiveProps、componentWillUpdate三个生命周期函数都有eslin
  8. js第一篇:变量 第一章:Js 是什么 Js全称 javascript,但是跟java没有任何关系,蹭热度 Js目的就是让页面动起来,实现页面的动态效果 第二章:js如何引入 2.1 正确的引入方式 方式1 :直接在html 页面编写 编写js的步骤 第一步:新建.html页面 第二步:在html页面中添加 <script></script> 第三步:在...
  9. js第七篇:函数 什么是函数 主要是解决代码代码重复问题,或者为事件绑定事件处理程序 下面案例充分展示了代码的重复问题。换句话说就是将重复代码封装到函数中,供其他地方调用 案例:从三个数组中去除元素“王莽” var book1 = ; var book2 = ['庄子', '孙子', '荀子', '王莽', '墨子...
  10. 三个简单规则,助你养成 Git 和 GitHub 好习惯 来源:Medium 编译:Bot 编者按:作为数据科学家,Git和GitHub想必是大家再熟悉不过的东西。其中,Git是现在最好用的版本控制软件,GitHub是基于Git的代码托管库。面对这样使用广泛的工具,学习自然是个无止境的过程,但新手该怎么从一开始就养成好习惯呢?对于这个问题,Microverse的创始人Ari...
  11. JavaScript 函数式编程笔记 当我们说函数是“一等公民”的时候,我们实际上说的是它们跟其他对象都一样,你可以像对待其他数据结构一样对待它们。 纯函数 相同的输入产生相同的输出,并且没有副作用,即为纯函数。例如 Array.prototype.slice 是纯函数,而 Array.prototype.splice 不是纯函数。 只要函数跟外界环境发生交互,就是有...
  12. 实现移动端上拉加载和下拉刷新的vue插件(mescroll.js)做一个简单的移动端展示项目,后台分页后前端加载,实现上拉加载下一页,找了下,还是用这个mescroll.js插件好一点
  13. 如何使用 Web3.js API 在页面中进行转账 本文介绍如何使用Web3.js API 在页面中进行转账,是我翻译的文档Web3.js 0.2x 中文版 及 区块链全栈-以太坊DAPP开发实战 中Demo的文章说明。 写在前面 阅读本文前,你应该对以太坊、智能合约、钱包的概念有所了解,如果你还不了解,建议你先看以太坊是什么 除此之外,你最好还了解一些HTMLJavaScript知识...
  14. 2018年8月份GitHub上最热门的Java项目】8 月份 GitHub 上最热门的 Java 项目排行已经出炉啦,在本月的名单中,多个项目都是关于Java库的集合,还有各种学习指南等,下面就是本月上榜的12个开源项目。详见 ​​​

    2018年8月份GitHub上最热门的Java项目
  15. #前端技术#【七年切图仔如何面试大厂 Web 前端?】详见: 本文作者将重点 前言 最近面了很多大厂的web前端岗位,都被刷了,在决定入职前,手里拿了几分待遇差不多的offer,后期的面试越来越顺,自己思考和总结了一下,原来面试也有好多技巧和方法可循,希望这些方法可以帮助到为找工作而且苦恼的你,可能每个人的方法不一样,不过至少可以提供一

    七年切图仔如何面试大厂 Web 前端
  16. js第六篇:for循环 重复的做同样的事情,就是循环,以小明写作业为例,如果被老师罚写10遍,如果老师对小明说:多写几遍,老师也不喊停,小明一致写,写道小明死了,循环就停止了,这叫死循环 死循环:不会停止的循环 1. For循环 在 js 中,有三种循环语法,其中 for 循环的使用最普通 1.1  基本语法 for(var i=1;i<11;i...
  17. vue自定义svg图标使用1、注册登录阿里矢量图标库: [链接] 2、上传svg图标,或者在iconfont查找需要的图标加入购物车; 3、加入项目; 4、vue项目中引用图标:index.html,如入如下 {代码...} 复制font class:icon-zhuhuguanli 和公共...
  18. js第四篇:条件语句 1. if语句 根据不同条件执行不同结果 1.1 If语句 这是最简单的if语句 If:如果的意思。 if(false){ //if后面的条件为真(true)时执行的代码 console.log('上幼儿园'); } 在实际开发当中,很少在if后面直接写上true 或者 false,而是表达式,此表达式的结果为true或false if(3&lt...
  19. js第五篇:数组 1.数组的声明和赋值 数组其实就是集合 //使用数组存储5为同学的名字 var mad = ; //创建数组,用来存储唐朝有名的五位诗人的姓名 var shiren = ; //创建数组,用来存储php1、php2、m...
  20. 【前端轶事】Chrome 小恐龙背后的故事本文转自 FEPulse 公众号(微信搜索 FEPulse,精选国内外最新前端资讯,为你把握前端脉搏)。
  21. js第三篇:运算符 算术运算符 +、-、*、/、% console.log(3+2); console.log(3-2); console.log(3*2); console.log(3/2); console.log(3%2); 比较运算符 >、>=、<、<=、==(等于)、===(全等)、!=(不等于) 总结:比较运算符的运算结果都是布尔类型,也就是说,运算结果不是true 就是false ...
  22. js第二篇:变量类型和类型转换 变量类型 变量类型指的是变量引用的数据的类型 如果内存不管数据的类型,全部都开辟统一大小的空间(8字节),那么就会造成浪费 根据数据类型的不同,开辟不同大小的空间,这样可以节省内存空间 Js 中有6中数据类型,现阶段我们只学4种 Number:数字 String:字符串,字母或字母的组合、特殊符号或者 使用引号...
  23. javascript模拟鸟群使用cax和threejs渲染引擎 本文会使用前端技术来模拟2d和3d鸟群,我选用Canvas元素绘制,当然也可以使用css3或者svg。 github github.com/dwqdaiwenqi… 记得点个star 整个实现 demo 3d的渲染我选用threejs 2d的渲染引擎我选
  24. 深入 Promise在使用 Promise 的时候,我们最简单的理解与用法就是像上面的代码那样,把异步结果提供给 resolve 作参数,然后通过给 then 方法传递一个自定义函数作为结果处理函数。但 resolve 和 reject 这两个参数到底是什么...
  25. React-360 源码阅读【4】- 初试 React-360-Web react-360-web 顾名思义,就是在 web 端 运行的 react-360 的 SDK. 就像文档里面描述的; react-360-web 是 React 360 的
  26. 前端监听资源加载错误 前言 页面上有很多资源元素,比如 <img> , <iframe> 等,我们需要知道其加载情况,根据加载成功与否进行下一步的处理。 常见的做法是给这些元素上设置 onload , onerror 方法。 比如: <img onerror="errFn()" onload="loadFn()"> 支持 ...
  27. redux 时间旅行,你值得拥有 啥叫时间旅行? 顾名思义,就是可以随时穿越到以前和未来,让应用程序切换到任意时间的状态。我们都知道,一般应用状态都很复杂,创建、维护、修改和弄明白有哪些行为会影响状态都不是一件容易的事儿。 redux 的解决方案 整个应用的 state 被储存在一棵 obje

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

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

原文:20180916 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180916.html)