20200516 前端开发日报

小玩Promise的万花筒；前端项目开发规范意见；前端基础之vue篇；为什么 CommonJS 会使你的程序包变大；听说要干掉node.js？用Deno实现价值上亿的AI核心算法试一下；10 New JavaScript Features in ES2020 That You Should Know；Flutter Web 网站之最简方式实现暗黑主题无缝切换；js小白浅谈XMLHttpRequest文件上传

1. 小玩Promise的万花筒

   这里不讲仿写，主要讲自己的所得；最近又回顾了一下 promise 的实现；以及 async-await ，promise 串行，限流并行；妙哉妙哉。 收获和感受 promise 看完各路大神仿写 最值得改进自己曾经代码的就是它；很多时候我们请求完接口，接着又要请求下一个，可能就嵌套着写了， ajax(12).then(res => ajax(res)….

2. 前端项目开发规范意见

   出于整个团队代码可读性、可维护性考量，有必要约定一套基本规范（包括代码命名、基础设施、提交日志、对外文档、测试等方面），供各团队都能参考，从而提升项目可持续性发展，也便于成员之间，能很好提升代码 CoverReview 效率等。鉴于此，有将近些年积淀的些许经验，整理成文，希望可以为追求“高效”工作的朋友们，带来…

3. 前端基础之vue篇

   MVVM 是 Model-View-ViewModel 缩写，也就是把 MVC 中的 Controller 演变成 ViewModel 。 Model 层代表数据模型， View 代表 UI 组件， ViewModel 是 View 和 Model 层的桥梁，数据会绑定到 viewModel 层并自动将数据渲染到页面中，视图变化的时候会通知 viewModel 层更新数据。 传统的 MVC 指的是,…

4. 为什么 CommonJS 会使你的程序包变大

   每日前端夜话 第333篇 翻译： 疯狂的技术宅 作者：Minko Gechev 来源：web.dev 正文共：3110  字 预计阅读时间：7 分钟 在这篇文章中，我们将研究什么是 CommonJS，以及为什么它会使你的 JavaScript 包变得那么大。 什么是 CommonJS？ CommonJS 是 2009 年的标准，为 JavaScript…

5. 听说要干掉node.js？用Deno实现价值上亿的AI核心算法试一下

   他来了来了，他带着成吨的知识走来了 Deno 的1.0版本出来以后可以预见一大波的： 学不动了 再不学就被淘汰了 Deno 的 xx 实现原理 PHP 最牛逼 …… 创造 Deno 的原因 ​ Deno 是 Ryan Dahl 在2017年创立的。这位巨佬同时也是 Node.js 的创始人，从2007年一直到2012年，他…

6. 10 New JavaScript Features in ES2020 That You Should Know

   Good news – the new ES2020 features are now finalised! This means we now have a complete idea of the changes happening in ES2020, the new and improved specification of JavaScript. So let’s see what…

7. Flutter Web 网站之最简方式实现暗黑主题无缝切换

   往期 Flutter Web网站搭建教程 Flutter Web 网站之主页框架搭建 Flutter Web网站之Jetpack成型 Flutter Web网站之ScrollView+GridView优化 上期回顾 上期我们做了优化，主要针对ScrollView+GridView的使用场景，用了更加合适的组件，这期想做一个主题变更，为…

8. js小白浅谈XMLHttpRequest文件上传

   文件选择=>文件信息获取=>数据打包=>向服务器端发送数据=>接收服务器端反馈的信息 服务端 创建服务=>端口监听等待数据=>接收数据=>数据整理 页面代码 因为注重功能所以页面代码不够绚丽，大佬们可以使用 element-ui 框架进行页面渲染 <input type="file" id="file"…

9. 80 行代码实现 Preact-Transition 组件

   README.md pc-transition 一个使用hooks编写的transition组件, 主要是之前使用的preact-transition-group里的CSSTransition组件, 偶现入场动画不触发的情况, 故使用hooks实现了一个 接口与CSSTransition类似 大…

10. 初识Vue 尝试理解vue API的第一天

    类型: Object | Function 限制: 组件的定义只接收 function 详细: Vue实例的数据对象.Vue将会递归将data的property转换为getter/swetter,从而让data的property能够响应数据变化. 对象必须是纯粹的对象(含有零个或多个key/value对) 浏览器API创建的原生对象, 原型上的property会被忽略.大概来说…

11. 关于vue3默认把所有`onSomething`当作`v-on`事件绑定的思考

    最近在重新看vue3的rfcs，发现一个细节，原话如下： props that start with on are handled as v-on bindings, with everything after on being converted to all-lowercase as the event name (more on this below) 也就是说，以后如果你在传递props的时候，以 on 开头的props，如果在组件上没有做pr…

12. JavaScript版数据结构与算法——基础篇（一）

    文章首发在我的个人博客： www.brandhuang.com/article/157… 这是之前学习记录的一篇文章，最近准备面试复习一下，内容做了些修修补补，如有错误欢迎指出 本文来自于学习 《JavaScript数据结构与算法(第3版)》 以及网路资料，如有不对请指正。 作为软件开发工作者，可能你听过这么一句话： 程序 = 数据结构 + 算…

13. 手摸手Electron + Vue实战教程（一）

    1 为什么要写这个系列教程 相信看到这篇文章的人，都是对Electron感兴趣的， 网上关于Electron的教程其实已经不少了，但是大多都是一些功能点的实现，对于从零开始搭建一个适合自己的项目，估计还是有不少人有点懵逼的。刚好自己也学习Electron一段时间了，想着整理一下自己学习期间的一些笔记和踩坑的地方，从零开始…

14. 关于node.js的一些看法,吾以为node.js没有想象那么重要

    有人的观点是：“ 不懂就别说话。”我也不知道如何回应，难道我说出来的东西只能是我精通的吗？那我以后连html都不敢提了" 。 我并不认为我比其他人更聪明，只是客观冷静的分析一波(我偶尔会用node.js进行一些常用的操作,但想想通常没必要,后端同事不让我碰数据库,我也就用用一些想file模块之类的玩意存存东西,其…

15. 用 Angular 实现一个扫雷

    最近想找些项目练练手，发现去复刻一些小游戏还挺有意思的，于是就做了一个网页版的扫雷。 点击 这里 看看最终的效果。 创建应用 该项目使用的是 monorepo 的形式来存放代码。在 Angular 中，构建 monorepo 方法如下： ng new simple-game –createApplication=false ng generate application mine-sweeper …

16. 超实用的JavaScript数组技巧和窍门

    数组是Javascript最常见的概念之一，它为我们提供了处理存储在其中的数据的许多可能性。数组是Javascript中最基本的主题之一，你可能在编程开始之初就了解它，在这篇文章中，我会给大家分享一些你可能不知道但是很有用的技巧。 1、移除数组重复项 这是一个非常常见的数组面试问题，如何在数组中提取重复的值，你可以用…

17. 教你轻松搞定vue-codemirror的基本用法：主要实现代码编辑、验证提示、代码格式化

    2017年的时候用过codemirror,当时用的是jQuery库、codemirror、beautify插件。主要实现代码的编辑功能、插入一些变量功能、beautify插件主要用来格式化代码，实现代码美化效果。不过这两年做项目都是用vue了，需要用到代码编辑器，于是我又找到了代码编辑器vue-codemirror，感觉组件再变，其原理、底层还是没多大变化，…

18. 手把手教你搭建自己的Angular组件库

    DevUI是一支兼具设计视角和工程视角的团队，服务于华为云 DevCloud 平台和华为内部数个中后台系统，服务于设计师和前端工程师。 官方网站： devui.design Ng组件库： ng-devui （欢迎Star） 引言 作为前端开发者，随着公司业务的不断发展和增长，业务对组件功能、交互的诉求会越来越多，不同产品或者团队之…

19. 前端进阶算法3：从浏览器缓存淘汰策略和Vue的keep-alive学习LRU算法

    引言 这个标题已经很明显的告诉我们：前端需要了解 LRU 算法！ 这也是前端技能的亮点，当面试官在问到你前端开发中遇到过哪些算法，你也可以把这部分丢过去！ 本节按以下步骤切入： 由浏览器缓存策略引出 LRU 算…

20. 一文让你彻底搞懂 WebSocket 的原理

    一、概述 上一篇文章《浅析一次HTTP请求》我们分析了简单的一次 HTTP 请求具体是怎么样完成的，分析了 HTTP 协议的数据结构，如何连接，如何断开，又是如何多路复用的，那么今天我们来聊聊另外一个协议，WebSocket。由于 WebSocket 的协议的内容非常多，本文只会取其冰山一角进行简单阐述，不会铺开详细说。 二、…

21. Web 隐藏技术：几中隐藏 Web 中的元素方法及优缺点

    点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

22. webpack+vue学习二：配合vue-router实现路由跳转

    接上文入门（一），一个项目需要正常运行起来，路由肯定是不可或缺的。本文就学习如何配置vue-router，是项目能完整运行起来。在自己研究了一下后，其实使用vue-router很简单。主要就是注意一个点，下文有讲到。 学习资料 webpack 官网： www.webpackjs.com/ vue Router： router.vuejs.org/zh/installa… 安…

23. 超详解析Flutter渲染引擎|业务想创新，不了解底层原理怎么行？

    简介：Flutter 作为一个跨平台的应用框架，诞生之后，就被高度关注。它通过自绘 UI ，解决了之前 RN 和 weex 方案难以解决的多端一致性问题。Dart AOT 和精减的渲染管线，相对与 JavaScript 和 webview 的组合，…

更多内容请关注公众号【前端开发博客】每日更新