![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
文章平均质量分 68
Mr_linjw
这个作者很懒,什么都没留下…
展开
-
前端部署总结
先上灵魂拷问在文章之前,先抛一些灵魂拷问: 前端代码从 tsx/jsx 到部署上线被用户访问,中间大致会经历哪些过程? 上述过程中分别都有哪些考虑、指标和优化点,以满足复杂的业务需求? 可能大部分同学都知道强缓存/协商缓存,那前端各种产物(HTML、JS、CSS、IMAGES 等)应该用什么缓存策略?以及为什么? 若使用协商缓存,但静态资源却不频繁更新,如何避免协商过程的请求浪费? 若使用强缓存,那静态资源如何更新? 配套的转载 2022-02-09 09:35:09 · 1942 阅读 · 0 评论 -
3个模块熟练使用vue3
项目架构//1.封装项目的基础库优秀的基础库可以保证项目的最低质量下限和更好的可扩展性。通常我们说的基础库包括-组件库、基础 css 库、基础工具库。//2.层级管理管理你的请求,建议把你项目的 api 层独立出来为一个层级管理,这样有利于在复杂接口下,更好的管理,降低复杂度。02性能优化//1.缓存缓存可以减少请求,加快速度。比如从商品列表跳往详情页,可以用 cookie 或localstore 缓存商品详情,如果这个详情已经被加载过了,就拿出来重复...原创 2021-06-02 15:18:31 · 170 阅读 · 0 评论 -
UNI-APP 中`require.context`自动注册全局组件app端无效
原因:uni-app 打包是内核严格的跨域限制导致的解决方案:1:切换内核:在配置文件,勾选对应的webview内核2:更换引入方式:因require.context导致的本地文件跨域,最后更改组件批量引入方式 使用import导入。require 和import区别node编程中最重要的思想就是模块化,import和require都是被模块化所使用。遵循规范require 是 AMD规范引入方式webpack中import是es6的一个语法标准,如果要兼容浏览器的话.原创 2021-05-14 11:24:57 · 2939 阅读 · 0 评论 -
Vue Cli3 项目打包优化
一、新建项目使用 vue-cli3 构建一个初始的Vue项目:Cli3 官方文档因为使用了cli3,很多目录结构不见了,而相关配置是放在vue.config.js里面的,因此在根目录,新建一个vue.config.jsmodule.exports = {}二、正式优化1、将 productionSourceMap 设为 false(1) 在vue.config.js中module.exports写入:module.exports = { produc..转载 2021-03-30 14:27:17 · 363 阅读 · 0 评论 -
vue首屏加载优化
1.异步路由加载import Vue from 'vue'import Router from 'vue-router'// 之前的方案// import Index from '@/pages/index/'// import ChooseUser from '@/pages/detail/chooseUser'// 异步加载方案const Index = r => require.ensure([], () => r(require('@/pages/index')),原创 2021-03-10 17:04:52 · 334 阅读 · 0 评论 -
webpack配置整理
通过定义配置文件进行复杂操作,文件名webpack.config.js一个配置文件的基本结构:entry,入口定义入口文件,默认文件./src/index.jsoutput,输出定义出口文件,默认文件./dist/main.jsresolve,解析路径映射,省略后缀名等module,模块定义不同loader,让webpack能够处理非JavaScript模块plugins,插件扩展webpack功能devServer,开发服务器用于配置webpack-dev-server选项原创 2021-03-09 16:18:02 · 162 阅读 · 0 评论 -
react和vue比较
vue和react都是做组件化的,针对view层,支持参数和state,有虚拟dom机制,数据驱动视图。各自配套的全局数据存储vuex和redux也都是flux架构的实现,有action和state,数据变化会通知组件。但是vue、vuex和react、redux还是有很多不同的vue优势包括:模板和渲染函数的弹性选择 简单的语法及项目创建 更快的渲染速度和更小的体积react的优势包括:更适用于大型应用和更好的可测试性 同时适用于web端和原生app 更大的生态圈带来的更多支持和工具原创 2021-03-05 16:32:27 · 162 阅读 · 0 评论