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