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. 记一次vue3.0技术分享会

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

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

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

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

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

  11. 深入探索 CSS Grid

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

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

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

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

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

  14. ZooTeam 前端周刊|第 83 期

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

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

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

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

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

  17. webpack-dev-server深入理解

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

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

原文:20200524 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200524.html)