20200302 前端开发日报

JavaScript知识点总结（未完待续）；一个关于AJAX并发的问题；深入理解JavaScript的函数作用域；前端倒计时实现；一个指令为各大vue组件库的table组件加上动态编辑功能；你不知道的JavaScript之路；学习Javascript之尾调用；使用JS媒体查询，MediaQueryList全解析

1. JavaScript知识点总结（未完待续） 基本数据类型 String Number Boolean null 特殊： typeof null === ‘Object’ //true Undefined Symbol 符号（ES6新增） 引用数据类型 Object Function Array…
2. 一个关于AJAX并发的问题 同时并发十个AJAX请求，如果捕获错误不超过三次就返回所有数据，超过三次返回错误，应该怎么设计？ 思考 因为是并发，首先想到 Promise.all ，但是这个是捕获到错误就不朝下走了，我们是否可以在捕获错误没超过三次的时候，强制朝下走呢？ 如果不用 Promise.all ，我们是不是可以自己写一个捕获三次错误才…
3. 深入理解JavaScript的函数作用域
4. 前端倒计时实现 前端的倒计时实现。 首先我们要明确，客户端的系统时间不一定是正确的，是可能有较大误差的，甚至根本就是错的。服务端如果仅仅只是返回一个结束时间戳，那是毫无意义的，因为我们无法保证客户端和服务端的时钟是同步的。一般来说，至少要返回一个有效时间长度。 可变的网络延迟 客户端发送 http 请求到服务端，然后…
5. 一个指令为各大vue组件库的table组件加上动态编辑功能在现代的vue组件库上实现表格编辑其实不难，它们大都提供了作用域插槽，可以在插槽内插入input组件来实现。但这样做有个弊端，太重了！在几十上百行的表格内铺满input卡顿几乎不可避免，而且也很难做到美观。
6. 你不知道的JavaScript之路 前言 想要成为一个专业的前端er，学习JavaScript是一条必经之路。曾经的我是一个前端新手时，只会写点html+css，但是不敢写JavaScript，觉得这个太难了，看到它就害怕，但是后来还是硬着写，写了一段时间以后感觉JavaScript写着还行，逐渐地也就喜欢上这门语言了。接下来我根据我自己学过的JavaScript技术写点学习总结…
7. 学习Javascript之尾调用总括: 本文介绍了尾调用，尾递归的概念，结合实例解释了什么是尾调用优化，并阐述了尾调用优化如今的现状。
8. 使用JS媒体查询，MediaQueryList全解析 一个 MediaQueryList 对象在一个 document 上维持着一系列的媒体查询，并负责处理当媒体查询在其 document 上发生变化时向监听器进行通知的发送。 如果你需要以编程方式来检测一个 document 上的媒体查询的值的变化，这个 MediaQueryList 对象使得通过观察其 document 而检测它的媒体查询的值的变化成为可能，…
9. Golang：你真的了解 HTTPS 吗？ 本文来源：腾讯优图实验室 笔者来自腾讯优图实验室，优图实验室专注于图像处理、模式识别、深度学习，在人脸识别、图像识别、医疗AI、交通、OCR 等领域积累了领先的技术水平和完整的解决方案。近年来，优图在计算机视觉领域的研究和应用积累了深厚的底蕴和丰富的行业落地经验。笔者所在的团队主要负责视觉AI…
10. Vue2.0变化侦测Array类型的处理 存取描述符getter/setter只能侦测数据的修改和读取，是无法侦测数据的增加与删除的。Object的增删也是依靠 delete()才能完成增删与响应(可以看我的Vue全局API里有) 那该如何追踪Array变化 了解过Vue的会知道数组的变化必须使用Array的原生函数 push 、 pop 、 unshift 、 shift 、 split 、 splice 等 这些原…
11. 高并发下，Tomcat、HttpClient 让系统瘫痪 高并发下，Tomcat、HttpClient让系统瘫痪 最近做了一个项目，需要通过http多次请求和外部系统数据交换，例如支付，地图等。但是交互过程通过http调用第三方接口响应时间慢会导致并发量下降，甚至堵死系统。 下面将从Tomcat底层原理上分析为什么http交互会导致Tomcat性能下降。 Tomcat和BI…
12. 一篇文章理解JS事件循环机制（JS Event Loop） 很多人都听说过 JS 是单线程的，但是线程是什么？进程又是什么？它们之间有什么关系？    从本质上说，这两个名词都是关于 CPU 时间片的一个描述。进程描述了 CPU 在运行指令、加载及保存上下文所需时间。线程则是进程中更小的一个单位，描述执行一段指令所需时间。 这个概念放到浏览器上说，打开一个 Tab 页是一个进…
13. 持续部署新法宝：GitHub Actions 最近，我把我的博客部署从 Travis 迁移到了 Github Actions。在迁移过程中，我发现 Github Actions 是一个非常强大且有趣的工具。这篇文章就和大家简单分享一下这个工具。 什么是Github Actions Github Actions 是 Github 推出的一项服务，旨在以自定义工作流的方式来简化团队开发协作中的…
14. 怎么用 webpack 实现 js 模块按需懒加载？ ECMAScript 有一项允许使用 import() 方法传入 url 返回 Promise 动态导入 ES 模块的提案。已经进入 stage 4(Finished) 阶段，等待加入标准。 示例 import("https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.esm.browser.js") .then(rep => { console.log(‘Vue’,rep.default) }) 复制代码 …
15. 前端面试常见的知识点（四处搜刮） 这个东东是四处找到，然后自己整理整理的，如果造成了侵权等问题，马上删除！！祝各位早日求职上岸！！冲鸭！！ 知识点开始咯！！！ 1. 模拟new的过程 实现步骤 创建一个新的对象obj 链接到原型（新对象的原型指向要继承的构造函数的原型），obj可以访问构造函数原型的属性 绑定this实现继承，obj可以访问构…
16. 作为前端，你需要了解的js构造函数和原型 在典型的OOP的语言中，都存在类的概念，类就是对象的模板，对象就是类的实例，但在ES6之前，JS中并没有引入类的概念。对象不是基于类创建的，而是用一种构造函数的特殊函数来定义对象和它们的特征。 创建对象可以通过以下三种方式： 对象字面量 var obj1 = {} 复制代码 new Object var obj2 = new Object…
17. 怎样编写一个通用 webpack 构建配置 业务开发者无需关注构建配置 统一团队构建脚本 可维护性 构建配置合理的拆分 README 文档 质量 冒烟测试 方便持续继承，让每次提交都能检查 构建配置方案 方案一：通过配置文件管理不同环境的构建，webpack –config 参数控制 方案二：设计成一个库，类似于：hjs-webpack，webpack-blocks …
18. 前端工程师的自我修养-关于 babel 那些事儿 前言 随着 Nodejs 的崛起，编译这个昔日在 Java、C++ 等语言中流行的词，在前端也逐渐火了起来，现在一个前端项目在开发过程中没有编译环节，总感觉这个项目是没有灵魂的。说起前端编译就不得不提前端编译界的扛把子 Babel ，大部分前端攻城狮对 Babel 并不陌生，但是在这个 Ctrl+C 和 Ctrl+V 的年代，大多数人对它也…
19. 基于Vue的跨移动端和PC端适应 做到移动端和PC端同时适配，一般有两个大思路： 一套资源，根据判断是否是移动设备而选择加载不同的css。 两套资源，pc和mobile各一套，分开维护，在入口处进入不同的路由。 两种方式的差别体现在，前者是样式层面分为pc和mobile，后者是页面分为pc和mobile 两个做法各自的特点： 1.前者适用于两端交互和…
20. Vue.js × 尤雨溪 30分钟纪录片 | 中文字幕 为了这个视频，我特地学了下怎么搬运和嵌入字幕，凑合着看吧。 原文链接： https://m.youtube.com/watch?v=OrxmtDw4pVI 作者： Honeypot      字幕： 油管机器翻译 我觉得相比于视…
21. 实现SpringBoot+Angular普通登录简而言之：C层负责数据转发，M层（Service服务层）负责具体的数据处理和发出请求，前台的V层是页面模板，负责组件渲染后台的仓库层负责和数据库直接对话前台的实体、后台的实体和数据库的字段一一对应。
22. VueJs best practices 最近开始学习使用 Vue，在看完一遍官方文档，实践的过程中发现有很多约定，特别是命名和引用组件的时候组件的名字，我都觉得很奇怪，在看到这篇文章之后，说实话是被标题党了，觉得可以通过别人总结的最佳实践来指导 Vue 的开发，但是看完之后确实对很多不理解的事情给了一个解释，也有很多的参考链接，下面就是原文翻译…
23. 【建议星星】要就来45道Promise面试题一次爽到底(1.1w字用心整理) 你盼世界，我盼望你无 bug 。Hello 大家好！我是霖呆呆！ 时隔一周不见，霖呆呆我终于更新文章了，小声嘀咕说想我了… 呸… 咳咳，其实我一直在隐忍准备来一发大的好不。 这不，这一章节就是整理了 45 道 Promise 的笔试题让大家爽一爽 :grin:。 其实想要写一篇关于 Promise 的文章是因为之前在写别的文…
24. 理解javascript中的对象以前对javascript中的对象总有不明白的地方，在本周也遇到了疑惑，于是借着机会去深入的了解了一下javascrpit中的对象。

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

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