方法 用patch-package给node_module中的包打补丁，解决修改源码的问题 使用 1、下载patch-package包：npminstallpatch-package-D 2、package.json文件中增加命令："postinstall":"patch-package" { "scripts":{  "serve":"vue-cli-serviceserve",  "build":"vue-cli-servicebuild",  "postinstall":"patch-packa...

 查看需要的环境及插件版本   创建vue命令 默认配置   手动配置     编辑其他 hash和history的区别：     hash模式，url后，会带着，改变hash，页面不会刷新，不会更改整个页面，只会更改后面路由配置的内容；     hash原理：通过监听浏览器的onhashchange()事件变化，查找对应的路由规则；     history模式：url后没有，看起来比较美观  &nbs...

  Vue-lazyload是一个基于Vue.js的图片懒加载库，它的实现原理是基于IntersectionObserverAPI。IntersectionObserverAPI是一种异步观察目标元素与其祖先元素或顶级文档视窗交叉状态的方式。 Vue-lazyload的实现原理如下： 在需要懒加载的图片元素上添加一个自定义指令v-lazy，并将其参数传递给Vue-lazyload组件。 Vue-lazyload组件通过IntersectionObserverAPI监听目标元素的交叉状态，即当目标元素进入可视区域时触发回调函数。 在回调函数中，Vue-lazyload组件会通过$...

 场景：充值之后生成的充值记录列表，点击任一条充值记录，进入到当前点击项的交易明细页面。 目录  1.在充值记录页面调接口拿数据  2. v-for遍历渲染数据，给li标签@click绑定点击事件  3.通过item获取当前点击项的所有属性值  4.在充值明细页面使用通过路由传来的参数值  5.案例页面展示 1.在充值记录页面调接口拿数据 通过后端提供的接口获取数据，拿到的是数组对象格式 asyncgetAllRecord(){ try{ const{data}=awaitrecord()//record是接口名 th...

 在store.js中使用vuex全局控制loading显示与隐藏 importVuefrom'vue' importVuexfrom'vuex' Vue.use(Vuex) exportdefaultnewVuex.Store({ state:{ LOADING:false }, mutations:{ showLoading(state){ state.LOADING=true }, hideLoading(state){ state.LOADING=false } } 新建loading公共组件页面 <template> <divclass="l...

 一、封装本地存储操作模块 新建文件src\utils\storage.js封装操作token的方法 /存储数据/ exportconstsetItem=(key,value)=>{ //将数组、对象类型的数据转换为JSON格式字符串进行存储 if(typeofvalue="object"){ value=JSON.stringify(value); } window.localStorage.setItem(key,value); }; /获取数据/ exportconstgetItem=(key)=>{ constdata=window.localStorage...

 1.在src/components文件夹下创建新的公共组件 (没有components就新建一个) <template> <el-card> <divclass="page-tools"> <!-左侧--> <divclass="left"> <divclass="tips"> <iclass="el-icon-info"/> <slotname="left"><span>文字区域</span></slot> </div> </...

 一、安装依赖包 npminit-y npmi@vant/weapp@1.3.3-S--production npmi--saveminiprogram-api-promise@1.0.4 npminstall--savemobx-miniprogram@4.13.2mobx-miniprogram-bindings@1.2.1 二、小程序简介  2.1小程序与普通网页开发的区别？ 运行环境的不同：网页运行在浏览器，小程序运行在微信环境；API不同：小程序无法调用DOM和BOM的API，但可以调用微信环境提供的API；开发模式：网页是浏览器+代码编辑器，小程序开发模...

 登录功能实现的基本步骤？亮点？难点？ 首先对登陆页面进行绘制，除了登录页面其他页面都是需要权限的。基于Vue和使用element-ui提供的el-form表单快速实现项目各页面的搭建开发；利用display:flex控制水平垂直居中。 在使用form表单的时候会涉及到校验，校验规则是需要给form表单绑定四个属性，其中在el-form标签上要绑定:model属性和:rules属性，在el-form-item标签上绑定prop属性，在el-input标签上绑定v-model属性。然后在data中配置校验规则，要求是el-form-item标签上的prop字段要和el-input标...

Vue底层实现原理(数据响应式原理)? vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter和getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 在数据初始化的时候把data里面的数据进行转换，因为Object.defineProperty里面有一个get和set方法get返回被劫持的属性，set修改被劫持的属性。 当data中的数据发生改变的时候，由于被劫持了所以vue的内部是知道数据改变了，然后就调用对应的dep去通知观察者去更新视图。 观察者-订阅者模式？ 实现⼀个Observer（数据...

 优点 1.联网运行，支持多人协作开发；性能优秀、用户体验好2.客户端断网后支持离线本地提交版本更新3.服务器故障或损坏后，可使用任何一个客户端的备份进行恢复三个区域：工作区、暂存区、Git仓库三种状态：未跟踪、已修改 、已暂存 、已提交 配置信息 配置用户信息：gitconfig--globaluser.email"itheima@itcast.cn" 检查配置信息：gitconfig--list--global查看所有的全局配置项 全局配置文件：C:/Users/用户名文件夹/.gitconfig文件中 获取帮助信息：githelpconfig 现有目录中...

 一、在页面中直接使用 1. 通过模板字符串使用： {{times}} 2. 定义变量存放时间： data(){ return{ times:"", }; }, 3. 在mounted()方法里调用： mounted(){ constdate=newDate(); constY=date.getFullYear(); constM=date.getMonth()+1<10?"0"+(date.getMonth()+1):date.getMonth()+1; constD=date.getDate()<10?"0"+date.g...