![](https://img-blog.csdnimg.cn/20210708191452946.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue3.x
文章平均质量分 71
逐步深入Vue3的各个开发环节
情系半生e
坚持分享,努力学习,冲冲冲!!!
展开
-
Vue3.x新特性总结及与vue2.x的对比
Vue3.0 特性总结1.OptionsApi 和 CompositionApi的区别2.template模板支持多个根标签3.获取页面实例与路由信息4.Vuex状态管理5.响应式对象函数 ref和reactive1.OptionsApi 和 CompositionApi的区别OptionsApi - Vue2.x1.限制了自由度,必须按照规定来书写代码,如props,methods,data,computed,watch,各司其职,禁止越界2.上下文必须使用this3.生命周期包含beforeC原创 2021-04-12 08:53:02 · 1791 阅读 · 0 评论 -
[重点]2023前端全方位知识点
目录学习文章基础知识相关提升技能相关JS1.闭包2.深拷贝浅拷贝3.ES6 特性4.JavaScript规定了几种语言类型5. javascript中变量类型分为值类型(基本数据类型)和引用类型6.Js中精度问题7.原型链继承学习文章基础知识相关一名【合格】前端工程师的自检清单答案:Cep58的主页-答案提供者的原型和原型链作用域和闭包语法和API执行和机制JavaScript基础篇提升技能相关字节跳动员工的文章JS1.闭包2.深拷贝浅拷贝浅拷贝还是同一块内存地址,深拷贝原创 2021-07-02 15:44:59 · 521 阅读 · 0 评论 -
Vue3系列(一)之初始化项目及Vite 2.0配置
Vite 2.0配置一.vite介绍二.项目搭建- vue3.0 + vite2三.配置留存 vite.config.js一.vite介绍vite官网:https://cn.vitejs.dev/Vite 是由 Vue 作者尤雨溪开发的一套一种新的、更快地 web 开发工具,它具快速的冷启动、即时的模块热更新、真正的按需编译几个特点。二.项目搭建- vue3.0 + vite2注意事项:1.官方发布:Vite 目前只适用于 Vue 3.x,这也意味着开发的过程中不能使用与 Vue 3 不兼容的库原创 2021-04-12 09:02:23 · 1916 阅读 · 0 评论 -
Vue3系列(二)之安装依赖与UI框架初体验
目录一.安装依赖一.安装依赖后缀加上 @next ,表示使用最新版本的依赖包yarn add axios@nextyarn add vue-router@nextyarn add vuex@nextyarn add element-plus@nextyarn add ant-design-vue@next注意这里有个坑,less 和 less-loader 必须写到 devDependencies 里面,不然项目运行会报错yarn add less less-loader --dev原创 2021-04-12 09:02:47 · 940 阅读 · 0 评论 -
Vue3系列(三)之CDN引入依赖包优化打包速率
目录一.概述二.CDN网站分享三.打包前后对比四.实例代码1.index.html 页面2.vue.config.js须知:2.1 cdn预设值2.2 在configureWebpack下定义externals,2.3 在chainWebpack下将当前页面定义的cdn值传到主页面3. main.js中的使用五.啰里啰嗦注意!!!注意!!!注意!!! 本文是基于Webpack打包一.概述使用CDN的好处缓解服务器的压力,将首屏加载时的请求分摊给其它的服务器优化打包后verdor.js过大问题原创 2021-06-02 14:16:49 · 3185 阅读 · 8 评论 -
前端开发代码命名规范
目录一.开发与命名规范二.VsCode 插件扩展三.家族式设计语言概念(未落地)须知: 以下均为实际开发中用到的物料与规范,在此留存,会持续完善内容,同时欢迎各位补充!一.开发与命名规范约定文件必须添加头部解释说明,用以概括当前文件的主要作用相同内容的 UI 或者内容被使用 2 次以上,务必封装成组件临时数据如果过长,必须新建一个 js 用来放置临时数据,如当前页的 data.js提交代码前务必执行 eslint 校验并自行删除 console 输出,保持代码的整洁度项目采用懒加载形式原创 2021-05-27 08:50:15 · 869 阅读 · 0 评论 -
前端优秀文章好文收集
浅谈前端权限设计方案搭建规范的Vue3.x 项目工程环境真正的手摸手带你实现 Vue 组件库Nginx配置21道关于性能优化的面试题(附答案)Vue 项目中各种痛点问题及方案前后端接口鉴权全解 Cookie/Session/Token 的区别...原创 2021-05-07 14:22:57 · 198 阅读 · 1 评论 -
tsz_module公共Npm包
目录一.Npm命令行二.安装项目依赖三.组件列表1.工具类1.axios网络请求2.Mock集成3.通用JS工具类4.Execl文件导出5.PdfJs集成6.store(vuex状态管理) - 登录部分2.组件类1.分页组件2.校验短信验证码组件3.上传下载组件4.留言组件5.搜索组件6.微信登录组件一.Npm命令行须知:发布前需先将npm源改为原始源,否则会出现登录不了的问题npm login //登录账号,只需要登录一次npm publish //发布项目//npm源npm con原创 2021-04-12 09:00:58 · 224 阅读 · 0 评论 -
大平台基础概念与实践
目录一.中台概念列举1.物料中台(公用common)2.数据中台(数据支持可视化) - 难点在于数据的存储规格,目前建议各系统存入Json3.业务中台(提供公用Api技术调用,减少二次造轮)4.技术中台二.前端三.后端一.中台概念列举1.物料中台(公用common)1.组内的组件库,如:上传下载组件,选人组件,分页组件,网络请求2.登录页业务,各系统二次开发定制3.工具js共享2.数据中台(数据支持可视化) - 难点在于数据的存储规格,目前建议各系统存入Json1.支付数据2.登录数原创 2021-04-12 08:57:42 · 358 阅读 · 0 评论