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项目…

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流