Sophie_U的博客

来模拟后端接口，用于应对后端先定义好接口文档，但接口未完成的时期。在配置好mock后，通过axios请求相应接口地址，可以返回预先设置的内容。

Pinia和Store都作为状态管理器，这里总结一下Pinia和Vuex在用法上的一些区别，及项目应用的解决方案。附官方文档地址。

在一个前端团队中，构建好前端团队的基建工程，一方面是在个人业绩上能有点亮点成绩，另一方面也是为了统一技术栈，提升开发效率，使得即使是新人也能快速融入团队。以下介绍前端基建的搭建方向，及方向内空举例。持续学习，持续更新中...

文章目录1、vite创建的vue+TS项目引入antd-vue2、antd-vue定制主题报错记录博，用于记录Vue3项目中遇到的问题1、vite创建的vue+TS项目引入antd-vue由于不想直接在main.ts里写一大堆按需引入atnd组件的内容，所以采用单独的ts文件来操作新建antd-custom.ts// 这里用于规定传入installAntd的类型import { App } from '@vue/runtime-dom';import { Button,

以在vue中引入mui第三方库为例： 虽然针对vue，有单独的vue-mui库可以使用，但因习惯了直接使用第三方库，且单独的mui更全面一点，所以想要作为第三方js库来引用。问题： 在vue的main.js中引入mui.min.js时，报错。如上，单独在main.js或者任意组件中通过import 方式引入mui时都会报这个错。原因：babel在将js文件转码为ES5时，默认使用严格模式，而在

一、路由1.1 什么是前端路由？ 路由是根据不同的URL地址展示不同的内容或页面 前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做，之前是通过服务端根据url的不同返回不同的页面实现的1.1.1 什么时候用前端路由 开发SPA应用的时候1.1.2 优缺点？ 优点： - 用户体验好，不需要每次都从服务器全部获取，快速展现...

ES6的目标——可以用来编写复杂的大型应用程序，成为企业级开发语言ES6常用命令一、函数1.1 函数的Rest参数（动态参数） 在不确定调用函数时是否传入对应的参数时，使用Rest参数来解决这一问题 //...m表示Rest参数，即不确定会传入多少个参数，m为自定的参数名称 function sum(...m){ var tota...

第一章 框架及导学1.1 Vue和React框架对比 相较于Vue和react，angular更像是一套完整的项目解决方案，框架本身也较大，所以在此不进行讨论 Vue: - 模板和渲染函数的弹性选择 - 简单的语法及项目创建 - 更快的渲染速度和更小的体积 React: - 更适用于大型应用和更好的可测试性 - 同时适用于web端和原...

一、简介 Vuex是什么？ - 专为Vue设计的状态管理器。用于管理全局的状态。什么是状态？各组件中data中所包含的属性即为状态。（可以理解为类似window上的属性） 核心概念 - State ：用于存储状态 - mutations ：用于改变state的值 - getters - actions - modules二、核心2.1 State

一、项目初建的细节 1、webpack.bask.conf.js中有一段关于映射的配置： 其中 ‘@’就代表了src目录resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), ...

说明 本节说明的是针对基于Vue.js的UI组件库 - 推荐：ElementUi,MintUI,iView PC端 - ElementUI ：饿了么UI开源的 - iView 移动端 - mintUI ：饿了么UI开源的1、ElementUI官方网址：http://element.eleme.io/#/zh-CN1、 安装...

一、登录1、前端请求var axios = require('axios'), qs = require('qs');export default { ... methods:{ login(){ var userName = this.userName, userPwd = this...

一、简介 Vuex是什么？ - 专为Vue设计的状态管理器。用于管理全局的状态。什么是状态？各组件中data中所包含的属性即为状态。（可以理解为类似window上的属性） 核心概念 - State ：用于存储状态 - mutations ：用于改变state的值 - getters - actions - modules二、核心...

一、简介1.1 对比grunt,gulp,webpackgrunt,gulp 都是对js，css，html的压缩优化以及版本号的替换webpack更多的重点在于解析项目文件。webpack在打包时，把所有的资源都通过js处理转化。当文件格式不是默认的那几种时，会寻找loader插件来进一步识别再转成js，再打包输出基于模块化的打包工具1.2 webpack基础 ...

一、地址功能一：渲染地址列表1、编写后台接口，根据req.cookies.userId,查询用户，并返回用户addressList2、前台请求后，列表渲染功能二：默认只展示3条数据使用vue的computed计算属性，截取原addressLists的前三条进行展示 slice(0,this.limit)方法截取前三条数据点击展开，显示全部地址 直接更改limi...

一、node应用1.1 Node.js 启动调试方式 1、node启动 - 通过node命令启动 - webstorm配置启动入口（也可以启动调试模式） - pm2启动工具 2、说明： - 在本项目中，将node后台服务（/server）跟前端vue服务整合到了一起（在package.json中即有vue项目的依赖，也有node的依赖） - ...

一、商品查询排序分页（Node端部分）mongoose部分router.get('/goods',function(req,res,next){ var page = parseInt(req.query.page), pageSize = parseInt(req.query.pageSize), sort = req.query.sort...

问题场景：InputNumber组件在设置precision精度后，每次输入都会自动填充导致光标后移，影响输入体验。<InputNumber :precision="2" :min="0.01" style="width:100%" v-model="value"/>期待效果：如输入1.22就直接输入而不是出现输入1，变为1.00的情况。原因：在iView的In...