20180320 前端开发日报

JavaScript异步史;Vue 再来唠唠双向同步;vue写的功能最齐全的cnode社区网站;详解promise;使用gulp+browser-sync搭建Sass自动化编译以及自动刷新所需要的插件;简述JavaScript模块化编程(二);Vue-rap 构建基于 Vue 的流应用;精读《Immer.js》源码

  1. JavaScript异步史 什么是异步编程 什么是异步编程,异步编程简单来说就是:执行一个指令不会马上返回结果而执行下一个任务,而是等到特定的事件触发后,才能得到结果。 异步编程时就需要指定异步任务完成后需要执行的指令,总的来说有以下几种“指定异步指令”的方式: 属性 回调 Promi
  2. 之前其实谈到了 双向同步在 Vue 中的实现方法 ,尽管 Vue 在 2.x 移除了 .sync ,在 2.3.0+ 又重新引入。这一次也并不能简单归纳为「重新引入」,而和 v-model 一样,改为了一种语法糖。 先来重新看下 Vue 官方对于 .sync 的定义: <comp :foo.sync="bar"></comp> <!-…
  3. vue写的功能最齐全的cnode社区网站 react版开发之后开发的vue版, 其实vue版跟react版结构基本上是没多大变化的,只是语法上不同。 这是目前react版和vue版功能最齐全的第三方cnode版本了! 如果你是刚接触react或vue这恰好是一个好机会 react版cnode点这里 源
  4. 详解promise promise是什么? JavaScript 和 node 都是单线程非阻塞的运行方式,所以会出现一个异步回调的问题。promise就是为了解决这类问题 前端常见的异步操作有: setTimeout setInterval ajax 现在基本都使用async和
  5. 使用gulp+browser-sync搭建Sass自动化编译以及自动刷新所需要的插件 按照gulp需求插件 安装browser-sync(在命令行中输入) npm install –save-dev browser-sync 如果网速比较慢,可以用下面的cnpm命令运行: cnpm install –save-dev browse
  6. 简述JavaScript模块化编程(二) 前置阅读:简述JavaScript模块化(一) 在前面一文中,我们对前端模块化所经历的三个阶段进行了了解: CommonJs,由于是同步的,所有主要应用于服务器端,以Node.js为代表。 AMD,异步模块定义
  7. Vue-rap 构建基于 Vue 的流应用 前几年前端还是 html+css+js 简单的配合,还记得那几年公司招前端要求很低,工资开的也低,前端需要学习的东西很低,一个新人(特别是刚出来的应届毕业生)只需要简单的培训下就可以快速进入公司前端的工作; 这几年不同了,新的技术全部出来了Angularj
  8. 精读《Immer.js》源码 本周精读的仓库是 immer。 1 引言 Immer 是最近火起来的一个项目,由 Mobx 作者 Mweststrate 研发。 了解 mobx 的同学可能会发现,Immer 就是更底层的 Mobx,它将 Mobx 特性发扬光大,得以结合到任何数据流框架,使用
  9. React生命周期简明宝典 介绍 React的生命周期是我们掌握React工作过程所必须掌握的知识,同时也是部分公司的面试考点 概要 React严格定义了组件的生命周期,其主要经历了如下三个过程 装载过程(Mount): 组件第一次在DOM树中渲染的过程 更新过程(Update): 组
  10. javascript原生封装一个淡入淡出效果的函数 说到js的渐变显示与消失,多数朋友会想到JQuery里面的fadeIn()、fadeOut()或fadeToggle()。但如果仅仅是为了引入这样的一个效果,而去调用了庞大JQuery库?或者说我通过用原生js实现一些函数来提高自己~ 所以,我简单的研究了一下
  11. 星级评价组件–引发对React组件的思考 机缘巧合之下,我在接到我司产品星级评价需求的前一天,看到了蜗牛老湿的《★tiny-rate 东半球最小的评级组件☆》,在大佬的启发下我就十分顺手的撸了一个移动端用的星级评价组件。 本篇会涉及的内容有: 评价组件的实现 React组件开发浅谈 小结&amp;
  12. 再谈前端虚拟列表的实现 书接上文,在之前的 聊聊前端开发中的长列表 中,笔者对「可视区域渲染」的列表进行了介绍,并写了一个简化的例子来展现如何实现。这种列表一般叫做 Virtual List,在本文中会使用「虚拟列表」来指代。在本文中,笔者会把上篇文章中的简化例子一步步强化成一个相对
  13. 手摸手教你实现一个简单的Promise 我们需要Promise吗? 看下面这段代码 $.ajax(url1, function(data1){ // do something… $.ajax(url2, function(data2){ // do someth
  14. 窥探React-源码分析(二) 上一篇文章讲到了React 调用ReactDOM.render首次渲染组件的前几个过程的源码, 包括创建元素、根据元素实例化对应组件, 利用事务来进行批量更新. 我们还穿插介绍了React 事务的实现以及如何利用事务进行批量更新的实现. 这篇文章我们接着分析后
  15. 一个 react 的小项目方便查看 github 上的笔记 前言 平时写了一些笔记放在 github 上,为了能够手机随时查看,故写了这个小项目,如果大家喜欢,希望大家 star 下,感谢大家支持。另外,本人觉得该项目不适合新手作为 react 系列学习,请另找其他优质项目。 react-laoergege-blog
  16. express+mongodb+vue实现增删改查-全栈之路 vue element mongodb express 效果图 前言 最近一直想学下node,毕竟会node的前端更有市场。但是光看不练,感觉还是少了点什么,就去github上看别人写的项目,收获颇丰,于是准备自己照葫芦画瓢写一个。 作为程序员,一
  17. 从零配置Webpack4.0搭建一个React工程 最近一直大部分精力都在搞App以及Node。前端这块作为初心,还是不能落下。这里不用cli。一步一步记录从零配置Webpack,来搭建起React项目。复习一下Webpack的配置。以及一些前端工程化的一些思考 前段工程化思考 说道前端工程化,最重要的一个目的
  18. 用CSS实现Tab页切换效果 用CSS实现Tab切换效果 最近切一个页面的时候涉及到了一个tab切换的部分,因为不想用js想着能不能用纯CSS的选择器来实现切换效果。搜了一下大致有下面三种写法。 利用:hover选择器 缺点:只有鼠标在元素上面的时候才有效果,无法实现选中和默认显示某一
  19. 使用 Angular 和 RxJS 实现的无限滚动加载 原文链接: blog.strongbrew.io/infinite-sc… 本文为 RxJS 中文社区 翻译文章,如需转载,请注明出处,谢谢合作! 如果你也想和我们一起,翻译更多优质的 RxJS 文章以奉献给大家,请点击【这里】 关于本文 本文讲解了如何使用
  20. Rematch 一个更好用的 Redux Why 这个项目起因是为了尝试一下rematch,它是一个基于 Redux 的状态管理框架,感觉跟 Vuex 有点相似,用以来比 Redux 简便很多,核心就是 model,dispatch 和 reducers,比 Redux 更好理解, 且
  21. JS 装饰器解析 随着 ES6 和 TypeScript 中类的引入,在某些场景需要在不改变原有类和类属性的基础上扩展些功能,这也是装饰器出现的原因。 装饰器简介 作为一种可以动态增删功能模块的模式(比如 redux 的中间件机制),装饰器同样具有很强的动态灵活性,只需在类或类
  22. ES3-Compatible Webpack Plugin TreeviewCopyright © aleen42 all right reserved, powered by aleen42 ES3-Compatible Webpack Plugin Back

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流