20200301 前端开发日报

JavaScript之预编译；从 JavaScript 发展历史中聊ECMAScript(ES6-ES11) 新功能；手把手教你搞定权限管理，结合Vue实现菜单的动态权限控制；Web 中文字体性能优化实践；如何为你的 WEB 服务器做预算；爱了爱了，这个 GitHub 的 Chrome 神仙插件把我整的服服帖帖的；基于 Serverless 的 VuePress 极简静态网站；Vue自定义alertTip组件，Go发邮件email的简单使用

1. JavaScript之预编译 前面我们在讲JavaScript的作用域时提到了 预编译 ，今天我就介绍一下 预编译 。 学好一门语言我们一定要知道该语言的运行机制。所以说学习JavaScript也是一样的，首先我们要知道JavaScript运行的三个阶段，分别是 语法分析 、 预编译 、 解释执行 。这篇文章主要给大家介绍一下JavaScript的预编译。 1、预编译前…
2. 从 JavaScript 发展历史中聊ECMAScript(ES6-ES11) 新功能 JavaScript 是当今使用最广泛的、发展最好的前后端（后端主要是 Nodejs）语言，如果我们想要灵活使用 JavaScript，我们首先需要了解的就是 JavaScript 和 ECMAScript(ES) 的基础知识及发展历程。 一、JavaScript 的诞生 JavaScript 因为互联网而生，紧跟着浏览器的出现而问世。回顾它的历史，就要从浏览器的历史讲起。…
3. 手把手教你搞定权限管理，结合Vue实现菜单的动态权限控制 权限管理在后端项目中主要体现在对接口访问权限的控制，在前端项目中主要体现在对菜单访问权限的控制。在 《手把手教你搞定权限管理，结合Spring Security实现接口的动态权限控制！》 中我们实现了对后端接口的动态权限控制，今天我们讲下如何结合Vue来实现菜单的动态权限控制。 使用技术 mall-admin-web 实现菜单…
4. Web 中文字体性能优化实践Web 项目中，使用一个适合的字体能给用户带来良好的体验。但是字体文件这么多，如果设计师或者开发人员想要查询字体，只能一个个打开，非常影响工作效率。因此，夸克平台需要实现一个功能，能够支持根据固定文字…
5. 如何为你的 WEB 服务器做预算我们都想通过共享托管来省钱，但是对于某些网站，VPS 甚至专用计划都是不可避免的。如果你不得不做一个更高级的计划，这可能意味着你的网站正在成长并获得更多的流量——因此，付出的财务成本将是值得的。
6. 爱了爱了，这个 GitHub 的 Chrome 神仙插件把我整的服服帖帖的 一般情况下 你在GitHub上看到了不错的项目 你想要看看代码学学 你可能会这样操作 复制项目的 Git 地址 接着一顿 clone 搞下来之后打开自己…
7. 基于 Serverless 的 VuePress 极简静态网站 之前用过 Docsify + Serverless Framework 快速创建个人博客系统，虽然 docsify 也是基于 Vue，然而它是完全的运行时驱动，因此对 SEO 不够友好。所以这次尝试使用 VuePress 来搭建一个静态网站，依然部署在 Serverless 架构上。 简单介绍一下： VuePress：由两部分组成，第一部分是一个极简静态网站生…
8. Vue自定义alertTip组件，Go发邮件email的简单使用 Vue自定义alertTip组件，Go的email简单使用 再来扒一扒自定义组件（没想到吧，居然还是个连续剧！）。我们来定义一个弹窗组件alertTig，然后再把最近学习的Go中发送邮件email的使用分享一下~ 首先Vue自定义alertTip组件 效果初览 先来粗暴的看个效果好了。 点击“提示退出”后： 伦家虽然…
9. （三）complier模板编译-vue源码动手写系列 系列文章： :bulb:（一）响应式原理-vue源码动手写系列 :bulb:（二）虚拟Dom+Diff–vue源码动手写系列 在上一篇文章，我们介绍了虚拟Dom的内容，创建vnode需要调用createElement去生成，但是在日常的开发当中，我们很少去写一堆复杂的 createElement 代码去描述页面，在Vue中通常是写一…
10. [推荐] 前端面试必备 ES6 全方位总结 掘金/魔王哪吒大家好，我是魔王哪吒，话不多说，今天带来的是一篇《前端面试必备ES6全方位总结》文章，欢迎大家喜欢。 前言 学习ES6需要掌握的路线，了解什么是ECMAScript概述，了解Symbol数据类型，掌握let和const，以及变量的解构赋值，Set和Map的原理。 什么叫做箭头函数，ES6对于ES5都有…
11. Vue组件化开发之通用型弹出框 本文主要分享关于组件化开发的理解，让刚入门的小伙伴少走一些弯路，提高开发效率，作者本人也是新手，如有不当之处，请大佬指出，感谢。 ​ 相信很多刚入门的小伙伴，经常会写很多重复的代码，而这些代码一般情况下也都是大同小异，在这种情况下，如何让开发和学习变得更加高效，组件化的思想就显得尤为重要。这里通过…
12. JavaScript 执行线程图解 每日前端夜话 第289篇 翻译： 疯狂的技术宅 作者：Paul Ryan 来源：alligator.io 正文共：2337  字 预计阅读时间：7 分钟 这是研究 JavaScript 内部工作方式的系列文章的第一篇。我会尽力使它变得有趣，并且不让你感到厌烦，因为我知道这些东西有时会变得非常乏味！ 想象一下，飞…
13. Vue代理解决生产环境跨域问题 部署必备干货当我们前端要调用跨域接口时，我们需要用代理解决跨域问题，比如Vue的代理配置proxy，但是当Vue项目打包成静态文件时，他的代理也就失灵了，因为代理的前提是本地必须有service，本章讲一下生产环境的Vue项目如何…
14. 了解vue计算属性和methods、watched 在我们的模板中，我们一直都只绑定简单的属性键值。但实际上，对于所有的数据绑定， Vue.js 都提供了完全的 JavaScript表达式支持，但是如果在模板中放入过多的逻辑会让模板过重，尤其当这种代码不止一次出现的时候。所以当遇到复杂的逻辑时，你可以选择使用计算属性 这里我用一个简单的相加的例子，先来看一下计算属…
15. 实现一个二叉搜索树（JavaScript 版） 二叉树在计算机科学中应用很广泛，学习它有助于让我们写出高效的插入、删除、搜索节点算法。二叉树的节点定义：一个节点最多只有两个节点，分别为左侧节点、右侧节点。 二叉搜索树是二叉树中的一种，在二叉搜索树中每个父节点的键值要大于左边子节点小于右边子节点。下图展示一颗二叉搜索树。 二叉搜索树…
16. JavaScript 数据类型与类型判断详解一、JavaScript 数据类型 JavaScript 数据类型有两种，分别是基本数据类型和引用数据类型。 基本数据类型 Number String Boolean Undefined Null Symbol (ES6 新增，表示独一无二的值) 引用数据类型 Object Funct…
17. 前端优化的各种手段 从度娘到处搜刮的一些前端优化的手段，主要是一些对首屏加载的优化已经减小打包文件大小的措施。 目录 在js等文件尚未加载完成之前在页面展示一些信息 减小webpack打包后的文件大小 使用immutable.js优化深层树渲染避免不必要的渲染 优化首屏加载体验 在js等…
18. Vue 中 render 函数有点意思点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。
19. 一个js数组分类求和算法 需求详情：一个数组内有N个元素，元素有类型、名称、数量1、数量2等属性，计算出各类型元素的数量、数量1、数量2的和。 实际需求就是做出下图这样一个表格，各类型的合计信息用红色字体显示： 原始数据格式如下： const rawData = [ { type: ‘类型A’, name: ‘名称1’, count1: 13, count2: 24, count3: …
20. 为什么 Vue 实例只能有一个根元素？ 笔者现在是一个大三将要实习的学生，前段时间在掘金看到了一篇文章 《vue 248个知识点（面试题）为你保驾护航》 ，作者在里面写到他在面试一个5年前端工作经验的小伙子中的一些问题，其中有一个问题引起了我的注意，这个问题就是： 不错，那我问下你 “vue为什么要求组件模板只能有一个根元素？” 笔者入坑学习 Vue 也…
21. 关于javascript闭包我想说几句 在我们的开发当中会经常用到闭包,因为他确确实实解决了一些问题,在面试的时候,也会经常被问到对闭包的理解,然而实际上闭包的概念并没有统一的说法,但不管是怎么描述的,它的核心都是那样,下面就来探究一下闭包到底是怎么理解的 二.基础知识: 1.变量的作用链 JavaScript变量有两种:全局变量,局部变量 …
22. 远程开发nginx + webpack 热更新问题 使用Nginx转发sockjs-node的内容实现热更新 使用Nginx代理远程服务器的vue开发服务器 使用Nginx代理转发 使用Nginx代理加密访问远程开发服务器 webpack 热更新 sockjs-node/info?t=146111*报错 远程服务器开发,代理请求 需求描述 我使用远程服务器进行开发vue或者webpack的前端页面,随地可以编程的情况…
23. 从后端开发转职前端开发，我学到了什么？ 全文共2888字，预计学习时长9分钟 来源：Pexels 从后端开发转职到前端开发真的不容易。 特别是当你已经习惯了后端开发的工作模式，习惯了构建数据结构，编写类似于测试驱动开发的测试，习惯了使用持久层、仓库和数据库图表，以及给前端创建API接口。 …
24. Async/await和Promise的不为人知的秘密 大家知道，Async/await是generator和Promise的语法糖，但仅仅是语法糖吗？ 它们两个的性能有没有区别呢， 又或者 promise.then()和await 同为微任务，但是它们的执行顺序是怎样的呢？ 首先先介绍Async/await是如何优化JavaScript引擎的堆栈处理 是的，你没有看错，通过标题你就知道了，async/await相比较Promise来说，…
25. [推荐] 前端缓存技术概述 缓存概述 在计算机领域中，缓存是一项十分重要的技术。 在软件开发，亦或者是在硬件设计开发中，缓存对性能的影响是十分显著的。 学过Java，会知道在Integer的自动装箱中 这个范围中的转换会有些特殊的表现，稍加研究源码，会知道这是因为Integer中的缓存类有关（该缓存类会使用数组…

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

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