20200524 前端开发日报

Vue 项目优化技巧；CSS中的混合模式，制作高级特效的必备技巧；DStack–基于flutter的混合开发框架；如何在 JavaScript 中使用新特性“顶层 await”；vue3.x结合typescript初体验；几道我今年跳槽遇到的Vue3.0 面试题；Vue3源码分析——数据侦测；Hanjst汉吉斯特改进+enSafeExpression安全表达式等

1. Vue 项目优化技巧

   1.在全局组件 components 文件夹下新增 global.js 文件 该文件为全局组件配置文件，文件内容如下： important Vue from ‘vue’ function changeStr (str) { //charAt 去字符的第一个自检 abc => Abc return str.charAt(0).toUpperCase() + str.slice(1) } //require.context(a,b,c) a => 目录 …

2. CSS中的混合模式，制作高级特效的必备技巧

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

3. DStack–基于flutter的混合开发框架

   混合开发这项技术由来已久，目前市面上主流的有Hybird，ReactNative，Weex，Flutter等。其中，Flutter以他独有的实现方式，优秀的性能，成为近两年最火的混合开发方案，我们学而思网校1v1客户端团队也是比较早的…

4. 如何在 JavaScript 中使用新特性“顶层 await”

   简短有效的 JavaScript 课，让你看懂顶层 await。 以前要使用 await，相关代码必须位于 async 函数内部。换言之你不能在函数外使用 await。顶层 await 能使模块表现得像 async 函数一样。 模块是异步的，拥有 import 和 export，而这两者也是存在于顶层。这样做的实际意义是，如果你想提供一个依赖于其它…

5. vue3.x结合typescript初体验

   更小更快 – Vue 3.0大小大概减少一半，只有10kB 加强TypeScript支持 加强API设计一致性 – 易读 提高自身可维护性 开放更多底层功能 vue3.x 采用Function-based API 形式组织代码，使其更容易压缩代码且压缩效率也更高,由于 修改了组件的声明方式，以函数组合的方式完成逻辑，天然与typescript 结合。…

6. 几道我今年跳槽遇到的Vue3.0 面试题

   熟悉我的朋友都知道，我在4～5月间在跳槽面试 发现今年情况大有不一样，已经开始浮现 Vue3.0的面试题，为了避免你们踩坑，我给你们分享几道最近遇到的面试题： Vue3.0 都有哪些重要新特性？ Composition API Tree-shaking React Hooks Tree-shaking …

7. Vue3源码分析——数据侦测

   本文同步在个人博客 shymean.com 上，欢迎关注 Vue3.0发布beta版本了，还是来凑个热闹看看源码。本系列大概会有两篇文章，包括应用整体流程、新的响应式系统、组合式API相关内容。 Vue3源码分析——数据侦测 Vue3源码解析——整体流程和组合式API Vue的一个特点就是数据响应式系统，由于这是一个…

8. Hanjst汉吉斯特改进+enSafeExpression安全表达式等

9. 记一次vue3.0技术分享会

   记一次vue3.0技术分享会 记录了组内技术分享会, 有同样需求的同学可以参考一下 分享全程下来时间大约1小时 一. 版本 当前还处于 beta版本, 想要正式使用在项目里还需要一段的时间, 但是结构与api变化应该不大了. …

10. Vue3源码解析——整体流程和组合式API

    本文同步在个人博客 shymean.com 上，欢迎关注 相关文章列表 Vue3源码分析——数据侦测 Vue3源码解析——整体流程和组合式API 我们紧接上文，在了解了Vue3的数据侦测之后，再回头来看应用的整体初始化和一些内部细节。 本文主要为了研究下面几个问题 Vue3中 createApp 初始化和更新流程 …

11. 前端工程师如何处理一个烂摊子

    不只是前端工程师，我相信，任何程序员多多少少都会面临这样的问题 起因有很多，上任团队的技术水平，代码规范；当前团队的不靠谱队员；经历了产品大型改革之后，新老逻辑耦合在一起，等等原因，最终导致你手上的工作就是一坨shit。 注意，我们不可能让一个项目短时间内焕然一新，一定有一个过程，在代码质量和产品进…

12. 深入探索 CSS Grid

    作者：Hammad Ahmed翻译：疯狂的技术宅 原文：[链接] 未经允许严禁转载 简介 本教程将深入探讨 CSS 网格布局，并探索几乎所有的属性和功能。读完之后，你将能够用这种出色的 CSS 附加功能去处理任何一种布局。 术…

13. Js生成随机数 生成随机字符串的5种方法

    第一种：使用randomString，e表示长度，默认32位 {代码…} 第二种：生成随机数 {代码…} 第三种：对定义的数组字符集进行随机选取 {代码…} 第四种：生成随机数转成36进制，再截取部分 {代码…} 第五种：对字…

14. 给 Vuepress 添加暗色夜间模式

    随着各个系统都加入了「亮色/暗色模式」切换，Chrome 和 Edge 浏览器也支持了根据系统切换主题，作为互联网前沿的弄潮儿（没错，说你呢），咱们也要追上潮流不是，所以通过这篇文章你可以学习到如何在自己的 Vuepress 博客里面使用暗色模式。 预览 前提：如果想要完成这个工作，需要一定的知识储备： 有过使用 …

15. ZooTeam 前端周刊｜第 83 期

    nginx指定文件路径有两种方式root和alias，指令的使用方法和作用域：[root]语法：root path默认值：root html配置段：http、server、location、if[al

16. 谈谈JS中的Object.defineProperty()

    今天和大家来聊一聊Object.defineProperty这个方法，学过vue的人都知道，vue的劫持原理就是通过该方法进行数据拦截的，如果想要深入了解vue的原理，Object.defineProperty是避免不了的。 首先来介绍一下语法 定义 Object.defineProperty的作用是在一个对象上定义一个新属性，或对已有属性进行修改。 用法 /** * @p…

17. 手把手教你用Node.js创建CLI

    Node.js除了可以编写“传统“的Web应用外，还有其他更广泛的用途。微服务、 REST API 、工具、物联网，甚至桌面应用，它能满足你的任何开发需求。 本文要做的事情就是利用 Node.js 来构建命令行工具 CLI 。我们先来看一些用于创建命令行的第三方 npm包 ，然后，从零开始构建命令行工具。 我们将要实现一个命令行工…

18. webpack-dev-server深入理解

    因为 devops 的项目结构一开始并不是前后端分离的，所以要进行去 local-dev-server 实现前后端分离配置，当然根据前辈清晰的教程自己也成功实现，但是期间对整个webpack启动本地服务过程。以及webpack-dev-server的原理也一知半解，索性就去了解这方面的知识，并做了一个总结 前言 在使用最新的 vue-cli 生成vue项目…

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