- 博客(46)
- 收藏
- 关注
RSS订阅原创 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
4882
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
2905
2
原创 TypeScript（类型断言，Omit，&，Pick，Partial，Required）
TypeScript（Omit，&，Pick，Partial，Required）
2022-05-12 18:10:49
654
原创 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
1379
原创 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
1758
原创 Vue3.x（ref响应式引用，新增组件Fragment，Teleport，异步组件，全局API转移，动画过渡类名的更改等）
Vue3.x（新增组件Fragment，Teleport，异步组件，全局API转移，动画过渡类名的更改等）
2022-05-08 18:24:16
334
原创 Vue3.x（浅响应式，响应式数据变为只读，响应式对象转为普通对象，自定义ref函数，provide 与 inject，响应式数据的判断，Composition API 的优势）
Vue3.x（浅响应式，响应式数据变为只读，响应式对象转为普通对象，自定义ref函数，provide 与 inject，响应式数据的判断，Composition API 的优势）
2022-05-08 18:13:42
8093
原创 Vue3.x（计算属性与监视，watchEffect函数，生命周期，自定义hook函数，toRef和toRefs）
Vue3.x（计算属性与监视，watchEffect函数，生命周期，自定义hook函数，toRef和toRefs）
2022-05-08 17:59:26
953
原创 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
1300
原创 Vue2.x中axios 拦截器
axios 拦截器目录1.配置请求拦截器1.1请求拦截器-Token认证和展示Loading效果2.配置响应拦截器2.1配置响应拦截器2.2响应拦截器 – 请求完后关闭 Loading 效果
2022-05-04 19:17:27
569
原创 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
1655
原创 Vuex3.x（state，mutations，actions，getters）
Vuex3.x（state，mutations，actions，getters）
2022-05-04 00:35:49
1062
原创 vue脚手架配置代理（解决跨域问题）
方法一在vue.config.js中添加如下配置：devServer:{ proxy:"http://localhost:5000"}说明： 优点：配置简单，请求资源时直接发给前端（8080）即可。 缺点：不能配置多个代理，不能灵活的控制请求是否走代理。 工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器 （优先匹配前端资源） 方法二编写vue.config.js配置具体代理规则：module.exports = {
2022-05-03 15:58:40
874
原创 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
381
原创 ES6模块化与异步编程（Promise，async、await，EventLoop，宏任务和微任务）
ES6模块化与异步编程（Promise，async、await，EventLoop，宏任务和微任务）
2022-05-01 16:14:09
1863
原创 Vue2.路由
前端路由（Hash 地址与组件之间的对应关系）SPA 指的是一个 web 网站只有唯一的一个 HTML 页面，所有组件的展示与切换都在这唯一的一个页面内完成。 此时，不同组件之间的切换需要通过前端路由来实现。结论：在 SPA 项目中，不同功能之间的切换，要依赖于前端路由来完成！1.前端路由的工作方式① 用户点击了页面上的路由链接 ② 导致了 URL 地址栏中的 Hash 值发生了变化 ③ 前端路由监听了到 Hash 地址的变化 ④ 前端路由把当前 Hash 地址对应的组
2022-04-27 22:10:42
3986
原创 Vue2.（获取 DOM 元素或组件的引用：$ref，mixin.js混合配置，自定义插件）
Vue2.（获取 DOM 元素或组件的引用：$ref，mixin.js混合配置，自定义插件）
2022-04-23 17:00:26
5244
原创 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
463
原创 JavaScript进阶：函数进阶（this，严格模式，高阶，闭包，递归）
JavaScript进阶：函数进阶（this，严格模式，高阶，闭包，递归）
2022-04-10 20:11:48
190
原创 JavaScript进阶：面向对象，构造函数和原型，ES5 新增方法（数组方法 字符串方法 对象方法）
JavaScript进阶：面向对象，构造函数和原型，ES5 新增方法
2022-04-10 17:15:55
302
原创 Node.js数据库与身份验证（MySQL，前后端身份认证：Session 认证机制，JWT认证机制）
Node.js数据库与身份验证（MySQL，前后端身份认证：Session 认证机制，JWT认证机制）
2022-04-07 22:57:23
817
原创 Node.js:Express（ express 路由，express 中间件，express 写接口，cors解决跨域，写JSONP接口）
Node.js:Express（ express 路由，express 中间件，express 写接口，cors解决跨域，写JSONP接口）
2022-04-07 21:42:32
627
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人