- 博客(46)
- 收藏
- 关注
原创 vue2后台管理系统( vue2 + vue-router + Vuex + axios + elementui + echarts,nodejs后台)
vue2 + vue-router + Vuex + axios + elementui + echarts后台管理系统,包括国际化配置,富文本编译器,mockjs,上传图片,pdf打印,导出Excel表,购物车案例
2022-06-18 18:19:17 4915 6
原创 仿网易云移动端项目Vue3.2+Pinia+Vant+axios
仿网易云移动端项目Vue3.2+Pinia+Vant+axios前期准备(Pinia,rem,初始化样式,图标引入,vant组件,axios)安装pinia1.在main.js引入注册2.创建storerem移动适配1.创建rem.js实现移动适配布局2.在index.html引入3.可以用px to rem 插件进行px和rem转换阿里图标引入(Symbol方法)1.在官网添加项目后复制symbol代码在index.html引入2.使用svg3.初始化样式,设
2022-05-24 14:57:35 2918 2
原创 TypeScript(类型断言,Omit,&,Pick,Partial,Required)
TypeScript(Omit,&,Pick,Partial,Required)
2022-05-12 18:10:49 661
原创 Pinia(基本使用+购物车案例)
目录安装 piniapinia的使用引入main.js:在store下的index.jsstate里数据的使用1.简单使用2.对象解构使用(storeToRefs)2.1.引入storeToRefs并包裹store让其数据具备响应式2.2.修改数据方法(不用action,直接修改的方法)2.3.如果要修改数组,就比较麻烦那么可以在$patch()传入参数3.在模板使用action的使用1.不传参使用2.传参使用getters的使用1.基本使用
2022-05-12 17:30:43 1389
原创 vue3.2setup语法糖,vite2创建vue3.2+ts+vue-router4项目
vite2创建项目用volar插件替换vetur插件vite配置文件resolve.alias配置项(路径别名使用)1.需要安装插件来支持ts:2.在配置文件导入node模块path并改resolve.alias3.添加配置项vue3.2语法糖1.setup 语法糖2.defineProps(自定义属性)3.defineEmits(自定义事件)4.useSlots和useAttrs(需引入)4.1.useSlots4. 2.useAttrs5.de
2022-05-12 11:22:43 1760
原创 Vue3.x(ref响应式引用,新增组件Fragment,Teleport,异步组件,全局API转移,动画过渡类名的更改等)
Vue3.x(新增组件Fragment,Teleport,异步组件,全局API转移,动画过渡类名的更改等)
2022-05-08 18:24:16 336
原创 Vue3.x(浅响应式,响应式数据变为只读,响应式对象转为普通对象,自定义ref函数,provide 与 inject,响应式数据的判断,Composition API 的优势)
Vue3.x(浅响应式,响应式数据变为只读,响应式对象转为普通对象,自定义ref函数,provide 与 inject,响应式数据的判断,Composition API 的优势)
2022-05-08 18:13:42 8099
原创 Vue3.x(计算属性与监视,watchEffect函数,生命周期,自定义hook函数,toRef和toRefs)
Vue3.x(计算属性与监视,watchEffect函数,生命周期,自定义hook函数,toRef和toRefs)
2022-05-08 17:59:26 954
原创 Vue3.x(setup函数,ref函数,reactive函数,响应式原理)
Vue3.xComposition API(组合API )setup配置项(函数)1.setup函数的两种返回值 (对象和渲染函数)1.1 setup函数返回对象1.2setup函数返回渲染函数2.setup的注意点ref函数(定义响应式数据,可以是基本类型也可以是对象)1.语法(const xxx = ref(数据))1.JS中操作数据: xxx.value2.模板中读取数据: 不需要.value,直接:{{xxx}}reactive函数(定义一个对象类型的
2022-05-06 23:42:43 1311
原创 Vue2.x中axios 拦截器
axios 拦截器目录1.配置请求拦截器1.1请求拦截器-Token认证和展示Loading效果2.配置响应拦截器2.1配置响应拦截器2.2响应拦截器 – 请求完后关闭 Loading 效果
2022-05-04 19:17:27 575
原创 Vuex.3.x的module使用(语法,项目拆分)
Vuex.3.x的module使用开启命名空间定义module中的userModule模块使用vuex的module1.获取state数据/getters1.1方法一:直接声明1.2方法二:导入mapState和mapGetters,在computed节点声明2.触发mutations/actions2.1方法一:commit函数(mutations)和dispatch函数(actions)2.2方法二:导入mapMutations, mapActions,在method
2022-05-04 13:07:30 1666
原创 Vuex3.x(state,mutations,actions,getters)
Vuex3.x(state,mutations,actions,getters)
2022-05-04 00:35:49 1074
原创 vue脚手架配置代理(解决跨域问题)
方法一在vue.config.js中添加如下配置:devServer:{ proxy:"http://localhost:5000"}说明: 优点:配置简单,请求资源时直接发给前端(8080)即可。 缺点:不能配置多个代理,不能灵活的控制请求是否走代理。 工作方式:若按照上述配置代理,当请求了前端不存在的资源时,那么该请求会转发给服务器 (优先匹配前端资源) 方法二编写vue.config.js配置具体代理规则:module.exports = {
2022-05-03 15:58:40 880
原创 Vue2.的动画过渡
在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。目录1.先准备样式和定义动画或过渡2.使用包裹要过度的元素,并配置name属性:3.多个元素过渡,指定key值使用第三方库animate.css1.先准备样式和定义动画或过渡元素进入的样式:v-enter:进入的起点 v-enter-active:进入过程中 v-enter-to:进入的终点元素离开的样式:v-leave:离开的起点 v-leave-active:离开过程中 v-leave
2022-05-03 15:47:35 382
原创 ES6模块化与异步编程(Promise,async、await,EventLoop,宏任务和微任务)
ES6模块化与异步编程(Promise,async、await,EventLoop,宏任务和微任务)
2022-05-01 16:14:09 1867
原创 Vue2.路由
前端路由(Hash 地址与组件之间的对应关系)SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。 此时,不同组件之间的切换需要通过前端路由来实现。结论:在 SPA 项目中,不同功能之间的切换,要依赖于前端路由来完成!1.前端路由的工作方式① 用户点击了页面上的路由链接 ② 导致了 URL 地址栏中的 Hash 值发生了变化 ③ 前端路由监听了到 Hash 地址的变化 ④ 前端路由把当前 Hash 地址对应的组
2022-04-27 22:10:42 3988
原创 Vue2.(获取 DOM 元素或组件的引用:$ref,mixin.js混合配置,自定义插件)
Vue2.(获取 DOM 元素或组件的引用:$ref,mixin.js混合配置,自定义插件)
2022-04-23 17:00:26 5269
原创 vue-cli(脚手架)的基本使用
vue-cli的使用,vue-cli 是 Vue.js 开发的标准工具,简化了基于 webpack 创建工程化的 Vue 项目的过程。
2022-04-20 11:11:27 553
原创 JavaScript进阶:正则表达式,es6
目录正则表达式正则表达式在 JavaScript 中的使用1.创建正则表达式2 测试正则表达式 test正则表达式中的特殊字符1.边界符(^ 和 $)2. 字符类3.量词符4.用户名验证,座机号码验证5.括号总结预定义类replace 替换正则表达式参数表单验证Es61.let2.constlet、const、var 的区别3.解构赋值4. 箭头函数5.剩余参数ES6 的内置对象扩展Array...
2022-04-10 20:53:16 467
原创 JavaScript进阶:函数进阶(this,严格模式,高阶,闭包,递归)
JavaScript进阶:函数进阶(this,严格模式,高阶,闭包,递归)
2022-04-10 20:11:48 191
原创 JavaScript进阶:面向对象,构造函数和原型,ES5 新增方法(数组方法 字符串方法 对象方法)
JavaScript进阶:面向对象,构造函数和原型,ES5 新增方法
2022-04-10 17:15:55 306
原创 Node.js数据库与身份验证(MySQL,前后端身份认证:Session 认证机制,JWT认证机制)
Node.js数据库与身份验证(MySQL,前后端身份认证:Session 认证机制,JWT认证机制)
2022-04-07 22:57:23 822
原创 Node.js:Express( express 路由,express 中间件,express 写接口,cors解决跨域,写JSONP接口)
Node.js:Express( express 路由,express 中间件,express 写接口,cors解决跨域,写JSONP接口)
2022-04-07 21:42:32 631
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人