20180321 前端开发日报

Javascript Promise学习过程总结;一些运用webpack的方法或者说策略;同时支持Vue/mpvue/weex的http请求库,最大可能的实现不同平台间的代码复用;手写一个Promise;精读《webpack4.0 升级指南》;手动实现一个满足promises-aplus-tests的Promise;vue-design:用 Vue 和 Electron 开发最好的页面可视化构建程序;JS中的事件顺序(事件捕获与冒泡)

  1. Javascript Promise学习过程总结 JS早期实现异步都是采用回调方式callback来实现异步任务的。包括事件回调,setTimeout,setInterval, Ajax等,采取这样的方式写代码,功能实现没有问题,但是不够优雅清晰,容易出现回调地狱。 Promise Promise A plus中文规范 英文规范 实现过程(一) 同步基础框架 new Promise(function(resovle, r…
  2. 一些运用webpack的方法或者说策略 webpack可以说不用就难受,那么它有哪些我们需要注意的呢? <1> webpack的发布策略 在实际开发中,一般会有两套项目方案: 一套是开发期间的项目,包含了测试文件、测试数据、开发工具、测试工具等相关配置,有利于项目的开发和测试,但是这些文件仅用于开发,发布项目时候需要剔除; 另一套…
  3. 同时支持Vue/mpvue/weex的http请求库,最大可能的实现不同平台间的代码复用 Fly.js 一个基于Promise的、强大的、支持多种JavaScript运行时的http请求库. 有了它,您可以使用一份http请求代码在浏览器、微信小程序、Weex、Node中都能正常运行。同时可以方便配合 Vue家族的框架,最大可能的实现 Write Once Run Everywhere 。 Github: github.com/wendux/fly 问题 随着 Weex 、m…
  4. 手写一个Promise Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。一旦成功就不允许失败,一旦失败就不允许成功。 function Promise(excutor) { let self = this self.status = ‘pending’ self.value = null self.reason = null function resolve(value) { if (…
  5. 精读《webpack4.0 升级指南》 本周精读的是 webpack4.0 一些变化,以及 typescript 该怎么做才能最大化利用 webpack4.0 的所有特性。 1 引言 前段时间尝试了 parcel 作为构建工具,就像农村人享受了都市的生活,就再也回不去了一样,发现无配置真是前端构建工
  6. 手动实现一个满足promises-aplus-tests的Promise (该部分转载自 blog.csdn.net/u010576399/… ) Promise对象是CommonJS工作组提出的一种规范,目的是为异步操作提供统一接口. 那么,什么是Promises? 首先,它是一个对象,也就是说与其他JavaScript对象的用法,没有什么两样;其次,它起到代理作用(proxy),充当异步操作与回调函数之间的中介。它使得异步操作具备…
  7. vue-design:用 Vue 和 Electron 开发最好的页面可视化构建程序 ✨ Features: 使用electron构建的桌面端应用 通过可拖拽的组件设计页面 保存为.vue文件 保存/导入一个项目 开发步骤 git clone https://github.com/L-Chris/vue-design.git cd vue-design # install dependencies npm install # serve with with-…
  8. JS中的事件顺序(事件捕获与冒泡) 如果一个元素和它的祖先元素注册了同一类型的事件函数(例如点击等), 那么当事件发生时事件函数调用的顺序是什么呢? 比如, 考虑如下嵌套的元素: ———————————– | outer | | ————————- | | |inner | | | ———–…
  9. Android每周一轮子:OkHttp(1)前言 前两篇的文章讲解了Volley,HttpURLConnection,今天是对于OKHttp的分析,分析完成将会分析OKIO和retrofit,试图通过这一系列分析,来对Android的网络库的实现有足够充分的了解,当然这里的分析完全是脱离了…
  10. React服务端渲染改造框架(webpack3.11.0 + React16 + koa2) 因为对网页SEO的需要,要把之前的React项目改造为服务端渲染,经过一番调查和研究,查阅了大量互联网资料。成功踩坑。 项目地址: https://github.com/wlx200510/react_koa_ssr 脚手架选型: webpack3.11.0 + react Router4 + Redux + koa2 + React16 + Node8.x 选型思路:实现服务端渲染,想用Rea…
  11. 基于 Laravel + Vue 构建一个带前后台的类似知乎的问答社区 简介 本项目使用 Laravel 5.3 和 Vue 开发,基于 laravist 社区 知乎系列项目 ,后台模板采用 AdminLTE-For_Laravel 。项目代码仓库位于 https://github.com/GeekGhc/zhihu-app 。 功能特性 用户 登录注册(邮件认证) 用户设置 头像上传至七牛云存储 修改密码 忘记密码(邮件认证) 用户…
  12. Nodejs 实践 — Stream 流 什么时候使用流 当处理大文件读取、压缩、归档、媒体文件和巨大的日志文件时,数据都会被读入内存,内存很快就会被使用完,这将会给程序带来很大的问题。 如果在进行这些操作的时候,配合一个合适的缓冲区,一次读取固定的长度,就会使用更少的内存,这就是流式的API。 Stream 可用的API 类 Readable – 可…
  13. 基于规则评分的密码强度检测算法分析及实现(JavaScript)简言 用正则表达式做用户密码强度的通过性判定,过于简单粗暴,不但用户体验差,而且用户帐号安全性也差。那么如何准确评价用户密码的强度,保护用户帐号安全呢?本文分析介绍了几种基于规则评分的密码强度检测算…
  14. 一个码字工作者的写作工具 —— MWeb 由于 Markdown 格式简单易用,而且不受限于编辑器等影响,已经是写博客、写日志、写技术文档,亦或是用来写公众号文章的必备了。 也有很多很多关于如何利用 Markdown 和自定义 CSS 来排版公众号文章的,其中以 Jason Ng 的这篇《可能吧公众号的文章是如何排版的?》 kenengba.com/post/3507.h… 为典型。 其中一句…
  15. 如何解构单体前端应用——微前端应用的微服务式拆分刷新页面?路由拆分?No,动态加载组件。 本文分为以下四部分: 前端微服务化思想介绍 微前端的设计理念 实战微前端架构设计 基于 Mooa 进行前端微服务化 前端微服化 对于前端微服化来说,有这么一些方案: Web C…
  16. 快速开发基于 HTML5 网络拓扑图应用之 DataBinding 数据绑定篇前言 发现大家对于我从 json 文件中直接操作节点属性来控制界面的动态变化感到比较好奇,所以这篇就针对数据绑定以及如何使用这些绑定的数据做一篇说明,我写了一个简单的例子,基于机房工控的服务器上设备的灯闪…

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

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


关注我

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

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

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