20190917 前端开发日报

从promise到asycn/await;JS异步–async,await,promise,setTimeout 执行顺序;JavaScript 单元测试指南;基于webpack4 构建多页(mpa)应用;成都市 3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结(skycto JEEditor);vue-router的原理;零基础的前端开发初学者应如何系统地学习?;理解vue-router中(router-link router-view $router $route)实现原理

  1. 从promise到asycn/await 在MDN中,定义promise的只有一句话:promise对象用于表示一个异步操作的最终完成(或失败),及其结果值。 从这句话的定义我们可以抓住几个关键词:promise是对象、异步操作、最终状态及结果值。 在真正了解promise是什么前,我们不得不思考,promise的出现究竟是为了解决什么问题。 背景 javascript是单线程语言:…
  2. JS异步–async,await,promise,setTimeout 执行顺序 在JavaScript的异步代码执行时: 如果遇到await,就将await执行后,后面的代码放入等待队列(因为async和await的本质还是promise的运用,返回的是一个promise对象)。 如果遇到promise的then和catch,也同样放入等待队列,二者优先级相同,在同步代码结束后按照队列的先入先出原则执行。 如果遇到setTimeout的话…
  3. JavaScript 单元测试指南 原文地址: github.com/mawrkus/js-… 原文作者: github.com/mawrkus :book: 目录 通则 指南 正确地初始化应用于所有相关测试的操作 考虑在测试中使用工厂函数 不要在同一测试中测试多个关注点 要覆盖一般情况与边缘情况 在应用 TDD 时, 总是从编写…
  4. 成都市 3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结(skycto JEEditor)解答:方法一:利用浏览器cache控制缓存方法二:利用建模技术,公共部分material的加载共用,并且配合缓存方法三:gzip压缩传输此方法可以加载60万平方米建筑3-5s左右
  5. vue-router的原理 前端三大框架Vue,React,Angular,他们都是单页面应用开发的,所以利用路由的跳转非常有必要的,vue-router,react-router,angular-router都是基于前端路由原理进行封装实现的,所以我们使用起来非常方便,只会使用还不行,刚上手的小白,给他随便说两句就会使用路由, 但是我们也需要了解路由的原理,知己知彼,才能百战百…
  6. 零基础的前端开发初学者应如何系统地学习?回想四年前我刚入行的时候,那时候很多人对于前端的看法是“切图,画页面,有个编辑器+浏览器就能干,门槛低”,现在已经完全不是那样了,可以说现在的前端这个职业的门槛虽然还是没怎么变,但是整个行业的门槛提升…
  7. 理解vue-router中(router-link router-view $router $route)实现原理 关于 vue-router 实现原理的问题是非常重要的,并且经常会在面试中提问 本章简单讲解一下 vue-router 中 router-link 、 router-view 、 $router 、 $route 的实现原理 里面的注释可能会有点多,但是还是本着 走一步测一步 的原则,慢慢看,慢慢来 路由模式 说到前端路由,不得不说路由的两种模式: …
  8. HTTP请求之gzip压缩知多少什么是gzip压缩,gzip压缩是基于deflate中的算法进行压缩的,gzip会产生自己的数据格式,gzip压缩对于所需要压缩的文件,首先使用LZ77算法进行压缩,再对得到的结果进行huffman编码,根据实际情况判断是要用动态h…
  9. Haytham个人博客开发日志 — Flask+Vue基于token的登录状态与路由管理 指路牌 符合一下关键词,这篇博客有可能会对你有帮助 不使用工厂函数的Flask应用 不使用蓝本的Flask应用 Flask跨域配置 基于Token的登录状态管理 Flask+Vue Vue路由拦截 Axios 钩子 适用场景 这是一篇个人博客搭建的记录博客,也是一篇关于Flask和Vue的简单"工具书",最后的…
  10. 浅析Vue编译原理 在上一篇里,我们主要聊了下Vue数据绑定简析,明白了其观察者模式的基本原理。我们知道在观察者中有一种属于 渲染函数观察者 ( vm._watcher ),通过对渲染函数的求值计算来触发依赖收集,进而进行响应式的数据绑定,但是对于渲染函数如何编译,我们知之甚少。 这一篇我们将从 template 编译 AST 语法树, 再 generate 转…
  11. 一位前端菜鸟的成长之旅我是一名11级普通渣本计算机科班出身的学渣,大学几乎是荒废了,唯一让我感到欣慰的是,毕业论文的课题选择了我最喜欢的前端方向。要知道在当时前端并没有成为高校的专业,也普遍不被高校认可。当我走上讲台进行…
  12. webpack中clean-webpack-plugin插件使用遇到的问题及解决方法 webpack 会生成文件,然后将这些文件放置在 /dist 文件夹中,但是 webpack 无法追踪到哪些文件是实际在项目中用到的。 通常,在每次构建前清理 /dist 文件夹,是比较推荐的做法,因此只会生成用到的文件。 clean-webpack-plugin 是一个比较普及的管理插件,安装方法如下: npm install clean-webpa…
  13. 「前端发动机」深入 React hooks — 3 分钟搞定 useStateReact Hooks的基本用法,官方文档 已经非常详细。本文的目的,是想通过一个简单的例子详细分析一些令人疑惑的问题及其背后的原因。这是系列的第一篇,主要讲解 useState。
  14. 【Vue 牛刀小试】:第十七章 – 优化 Vue CLI 3 构建的前端项目模板(1)- 基础项目模板介绍 在上一章中,我们开始通过 Vue CLI 去搭建属于自己的前端 Vue 项目模板,就像我们 .NET 程序员在使用 asp.net core 时一样,我们更多的会在框架基础上按照自己的开发习惯进行调整。因此在后面几章的学习中,我将会在整个项目基础上,按照自己的需求进行修改设定。 PS:因为毕竟自己还是传统意义上的后端开发,所以这…
  15. 探索 TypeScript + Jest 开源项目的自动化测试(上)最近在做一个采用 TypeScript 语言编写的项目,测试库选择了 Jest。我跟着 Jest 文档完成了入门教程后依然不知道从何开始,主要是有以下几个问题:
  16. Vue实战—如何实现商家页面(15)这篇我们来实现商家页面 搭建文件结构 现在我们需要来搭建项目的html模板: {代码…} 我们通过vue的特殊特性ref引用了DOM元素seller类。以便我们用BScroll。 address-wrapper类用来存放商家地址,与电话图标。 p…
  17. js实现Trie字典树实现一个 Trie (前缀树),包含 insert, search, 和 startsWith 这三个操作。
  18. 前端学习笔记(十三)v-modelv-ifv-elsev-showv-forv-bind—-简写: :class=”qq”、:type=”text”v-on—-简写: @click=”qq”

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

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


关注我

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

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

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