摘要： Vue 事件的高级使用方法 事件方法 在Vue中提供了4中事件监听方法，分别是： $on(event: string | Array, fn) $emit(event: string) $once(event: string, fn) $off(event?: string|Array, fn?) 阅读全文

摘要： 前言： 在了解回流与重绘之前，我们先来了解下浏览器的渲染机制： 1. 浏览器采用的是流式布局模型（Flow Based Layout） 2. 浏览器会把CSS解析成CSSOM Tree，把HTML解析成 DOM Tree，把这两个合并成 Render Tree 3. 有了Render Tree 我们 阅读全文

摘要： 一、为什么要学习微前端 什么是微前端 微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。 微前端的核心在于拆, 拆完后在合! 为什么去使用微前端 不同团队间开发同一个应用技术栈不同怎么破？ 希望每个团队都可以独立开发，独立部署怎么破？ 项目中还需要老的应用代码怎么破？ 阅读全文

摘要： 移动端适配一直都是个大问题，现在也出现了各种各样的解决方案，比如 rem, vw 百分比等，但是比较成熟的切比较容易编写的还是 rem，他是相对于根元素的 font-size 进行等比例计算的。 但是我们在编写css的时候，需要计算每一个元素相对于根元素的rem值是多少。会比较麻烦，并且维护起来也不 阅读全文

摘要： 需求背景 上传一个封面图，在上传之前需要对图片进行裁剪，上传裁剪之后的图片，类似微信的上传头像。 技术方案 上传肯定是用element的 el-upload 组件实现上传，非常方便，各种钩子函数。 裁剪一开始找的 cropper 看着功能到是非常齐全，api也比较丰富，基本是符合预期的需求的。但是此 阅读全文

摘要： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 思考问题 Vuex 只在更实例引入了，那么它是如何在每个子组件中都能使用的？ Vuex 是一个插件，为什么更改了Vuex中的state，会触发 阅读全文

摘要： Preload 作为一个新的web标准，旨在提高性能和为web开发人员提供更细粒度的加载控制。Preload使开发者能够自定义资源的加载逻辑，且无需忍受基于脚本的资源加载器带来的性能损失。 <link> 标签的rel属性preload 可以在页面中的header部分中申明一些资源的获取请求，可以指定 阅读全文

摘要： 首先创建一个react项目，使用新的方式 npx npx create-react-app my-app 网上有很多方法去扩展react的webpack，比较常见的做法是运行 yarn eject 将所有的react配置暴露出来。但是这样就会使得项目变得臃肿，看起来代码多了很多。这里不做介绍。 今天 阅读全文

摘要： 百度统计一个免费的统计平台，使用的时候只需要申请下账号即可 官网地址：https://tongji.baidu.com/ 一、添加需要统计的网址 二、添加完之后，点击获取代码，可以看到一段js代码 三、每个网址都会对应一个唯一的id，这个不能更换，将此代码复制到 vue 的 index.html 中 阅读全文

摘要： 在暗黑主题下，用户可以采用深色的外观，所有的窗口，背景都采用比暗的颜色。 随着系统的升级，越来越多的APP适配了暗黑模式，比如微信，qq浏览器等。现在网页也得跟上时代的潮流，也得适配暗黑模式。 暗黑模式的优势 可以减少使用电量； 对弱势或者光线敏感的人提供更好的视觉； 让所有人都能在光线较弱的环境下 阅读全文