sjpqy

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

摘要： 移动端适配一直都是个大问题，现在也出现了各种各样的解决方案，比如 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浏览器等。现在网页也得跟上时代的潮流，也得适配暗黑模式。 暗黑模式的优势 可以减少使用电量； 对弱势或者光线敏感的人提供更好的视觉； 让所有人都能在光线较弱的环境下 阅读全文

摘要： 为什么要使用Promise JS 是一门单线程单线程的语言，所以在早期解决异步的场景时，大部分情况下是使用回调函数的形式。 例如我们在浏览器中发送一个ajax请求。发送请求之后要过一段时间，浏览器响应之后才会返回给我们结果，如果我们希望在异步请求之后进行某些操作，那么只能通过回调函数来进行。 var 阅读全文

摘要： 记录本地项目开发过程中，遇到的问题。 本次项目开发，使用vue-cli 2.9 搭建，用于移动端新闻详情页开发。 1. 在IOS手机上，数字串会自动识别为 电话号码，并加上 <a> 标签 解决方法：在html中添加meta 标签 2. 在微信中会有缓存，更新了代码之后，在微信网页中打开，还是显示的旧 阅读全文