20191219 前端开发日报

javascript for循环+异步请求导致请求顺序不一致;基于Webpack4的Vue移动端开发环境-优化篇;刨根问底:深入研究 JavaScript 全局变量;Vue使用Jest单元测试(学习笔记);Webview Vue 网页调试;TypeScript高级用法详解;jQuery 操作option;干货 | 第十四届 D2 前端技术论坛 20+ 份精彩演讲 PPT 分享

  1. javascript for循环+异步请求导致请求顺序不一致 工作中遇到一个问题 for循环,再把循环出来的ID再进行二次请求 这就导致一个问题 请求结果返回顺序不一致 原因: 异步请求会把回调事件放入微任务事件队列,宏任务执行完毕再执行微任务,具体参考事件队列机制 解决方法: 通过map方法进行循环请求 将异步请求方法封装起来,返回一个promise 这样将会返回一…
  2. 刨根问底:深入研究 JavaScript 全局变量 追求进步的同学都关注了“1024译站” 这是1024译站的第 40 篇文章 本文的内容比较硬核,我们一起来看下 JavaScript 全局变量的底层机制到底是怎样的。文章会涉及脚本作用域、全局对象等概念。 作用域 变量的词法作用域(简称作用域)是程序中可以访问它的区域…
  3. Vue使用Jest单元测试(学习笔记) 环境 版本号 node v12.13.1 npm 6.13.1 @vue/cli 4.1.1 vue-jest-demo 常用操作 搭建工程 PS C:UsershudcWorkspace测试20191203> vue create vue-jest Vue CLI v4.1.1 ? Please pick a preset: Manually select features ? Check…
  4. Webview Vue 网页调试 0x0 前言 转入前端的时候,就一直做 Hybrid App 开发,所以从 React Native 到 简单的 Mui 、 Api Cloud 都尝试过,除了一些主流的开发方式,基本都有很好的调试工具,像 RN 都会有 ReactNativeDebugger 之类的工具。但由于公司需求,需要简单的 webview 网页开发的时候, RN 显然很笨重了,所以利用 Mui.js 真机框架…
  5. TypeScript高级用法详解作为一门强大的静态类型检查工具,如今在许多中大型应用程序以及流行的JS库中均能看到TypeScript的身影。JS作为一门弱类型语言,在我们写代码的过程中稍不留神便会修改掉变量的类型,从而导致一些出乎意料的运行…
  6. jQuery 操作option 之前写过一篇日志,《 js操作option 》,趁着这次系统重构,怎么看原来的实现方式都不爽。因为页面中使用了jQuery,于是就想用jQuery把原方法重写一下。因此也就有了本篇日志:jQuery操作option。 js清空option 之前清空option ,我的做法是遍历现有option,将其每个子元素都置空即可。现在使用jQuery来实现,我们只…
  7. 干货 | 第十四届 D2 前端技术论坛 20+ 份精彩演讲 PPT 分享12 月 14 日,第十四届 D2 前端技术论坛在杭州圆满举办。来自全国各地的近千名开发者齐聚杭州,聆听 3 大会场、来自 24 位海内外嘉宾的 21 个主题分享。
  8. Go 1.13 标准库的 http 包爆出重大 bug,你的项目中招了吗? 点击上方蓝色“Go语言中文网”关注我们,领全套Go资料,每天学习 Go 语言 概述 2019 年 11 月 21 日,golang 的官方 github 仓库提交了一个 https://github.com/golang/go/issues/35750 ,该 issue 指出如果初始化 http.Server 结构体时指定了一个非空的 ConnContext 成员函数,且如果在该…
  9. html5不常用标签应用场景作为一个前端开发,在浏览别人家的页面时总是会习惯性的查看他们页面的源码,发现大多数网站的页面,包括我自己写的页面中用到的最多的布局元素无外乎就是div、p、span、ul、dl、ol、li、dt、dd、strong、b,不管…
  10. 前端深拷贝和浅拷贝的原理及应用基础数据类型:简单的数据端,基础类型的数据有Number,Null,Boolean,Number and String。这五种基础类型可以按值访问,可以直接操作保存在变量的实际值(文字来源:JavaScript高级程序设计)
  11. 入门babel,我们需要了解些什么说实话,我从工作开始就一直在接触babel,然而对于babel并没有一个清晰的认识,只知道babel是用于编译javascript,让开发者能使用超前的ES6+语法进行开发。自己配置babel的时候,总是遇到很多困惑,下面我就以bab…
  12. 初探 web components 通过使用 Custom Elements 创建内联的 CSS 和 JavaScript 的自定义元素。需要说明的是它不是 React, Vue 或者 Angular 的框架的替代方案,它是一个全新的概念。 CustomElementRegistry 对象 在 window 全局对象下暴露了 customElements 属性,可以通过此属性访问到 CustomElementRegistry 对象。 CustomElementReg…
  13. 参与筹办「D2前端技术论坛」是一种怎样的体验?嗨,我是霸天,本届D2夜场的主持人,也是这次D2主持组的负责人,同时参与了前期D2的相关宣传工作。顺手送上干货:没有来参加D2的同学赶紧查收干货哦。
  14. 如何使用webpack打包一个库library经过以上步骤后会生成一个library文件夹,里面包含一个package.json文件。然后简单修改为如下所示:
  15. 前端工程化 – 剖析npm的包管理机制现如今,前端开发的同学已经离不开 npm 这个包管理工具,其优秀的包版本管理机制承载了整个繁荣发展的NodeJS社区,理解其内部机制非常有利于加深我们对模块开发的理解、各项前端工程化的配置以加快我们排查问题(…

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

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


关注我

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

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

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