什么叫商业网站,wordpress内网外网访问不了,青海西宁高端网站建设,聊城设计网站图片懒加载
图片懒加载#xff0c;就是图片延迟加载。只加载页面可视区域上的图片#xff0c;等滚动到页面下面时#xff0c;再加载对应视口上的图片 而在vue中有一个插件
vue-lazyload - npm (npmjs.com)
npm i vue-lazyload 去使用他#xff0c;这里我们引入了一张图片…图片懒加载
图片懒加载就是图片延迟加载。只加载页面可视区域上的图片等滚动到页面下面时再加载对应视口上的图片 而在vue中有一个插件
vue-lazyload - npm (npmjs.com)
npm i vue-lazyload 去使用他这里我们引入了一张图片然后在插件的配置中配置了懒加载默认的图片为这张 然后就是这样去设置他 然后我们就发现了图片并没有加载出来我查询了文档。好像要下这个版本
npm i vue-lazyload1.3.3
然后成功了 图片没有加载的时候就默认显示这样 然后说一下图片懒加载的原理
自定义插件 书写插件并去使用它 然后传入的俩个参数第一个是vue,第二个是传入的值 这个element就是网页标签的结构 params就是传入的参数 然后我们就实现了一个将小写字符修改成大写字符的功能
vee-validate表单验证使用
vee-validate 基本使用
vee-validate - npm (npmjs.com)
第一步插件安装与引入
npm i vee-validate2 --save 安装的插件安装2版本的
import VeeValidate from vee-validateimport zh_CN from vee-validate/dist/locale/zh_CN // 引入中文 messageVue.use(VeeValidate)
第二步提示信息
VeeValidate.Validator.localize(zh_CN, {messages: {...zh_CN.messages,is: (field) ${field}必须与密码相同 // 修改内置规则的 message让确认密码和密码相同},attributes: { // 给校验的 field 属性名映射中文名称phone: 手机号,code: 验证码,password:密码,password1:确认密码,isCheck:协议}})
第三步基本使用
inputplaceholder请输入你的手机号v-modelphonenamephonev-validate{ required: true, regex: /^1\d{10}$/ }:class{ invalid: errors.has(phone) }/span classerror-msg{{ errors.first(phone) }}/span
const success await this.$validator.validateAll(); //全部表单验证
//自定义校验规则
//定义协议必须打勾同意
VeeValidate.Validator.extend(agree, {validate: value {return value},getMessage: field field 必须同意})
引用注册 完成提示信息 将组件内的结构进行替换 效果是这样的然后根据这个替换其他的表单信息修改其数据 完成了其他表单的验证。而下面的勾选需要自定义 判断验证所有表单都成功了 然后表单验证判断完成
路由懒加载
路由懒加载 | Vue Router (vuejs.org) 就是按需导入的意思
当打包构建应用时JavaScript 包会变得非常大影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块然后当路由被访问的时候才加载对应组件这样就更加高效了。 可以简化 再简化 简化的原理就是箭头函数
处理map文件
打包 npm run build 搞定 项目打包后代码都是经过压缩加密的如果运行时报错输出的错误信息无法准确得知是哪里的代码报错。
有了map就可以像未加密的代码一样准确的输出是哪一行那一列有错。
所以该文件如果项目不需要是可以除掉的
vue.config.js 配置
productionSourceMap:false 去配置文件去配置然后下次打包map文件就没了 文章转载自： http://www.morning.tpmnq.cn.gov.cn.tpmnq.cn http://www.morning.tbplf.cn.gov.cn.tbplf.cn http://www.morning.rdfq.cn.gov.cn.rdfq.cn http://www.morning.lbbgf.cn.gov.cn.lbbgf.cn http://www.morning.zqdzg.cn.gov.cn.zqdzg.cn http://www.morning.qswws.cn.gov.cn.qswws.cn http://www.morning.pwfwk.cn.gov.cn.pwfwk.cn http://www.morning.mwqbp.cn.gov.cn.mwqbp.cn http://www.morning.jqjnx.cn.gov.cn.jqjnx.cn http://www.morning.qbgff.cn.gov.cn.qbgff.cn http://www.morning.zxxys.cn.gov.cn.zxxys.cn http://www.morning.zljqb.cn.gov.cn.zljqb.cn http://www.morning.dpqqg.cn.gov.cn.dpqqg.cn http://www.morning.zfrs.cn.gov.cn.zfrs.cn http://www.morning.xjbtb.cn.gov.cn.xjbtb.cn http://www.morning.jxltk.cn.gov.cn.jxltk.cn http://www.morning.slwfy.cn.gov.cn.slwfy.cn http://www.morning.fyglg.cn.gov.cn.fyglg.cn http://www.morning.ptmch.com.gov.cn.ptmch.com http://www.morning.bdsyu.cn.gov.cn.bdsyu.cn http://www.morning.ltksw.cn.gov.cn.ltksw.cn http://www.morning.pctql.cn.gov.cn.pctql.cn http://www.morning.qjsxf.cn.gov.cn.qjsxf.cn http://www.morning.bgqqr.cn.gov.cn.bgqqr.cn http://www.morning.dshkp.cn.gov.cn.dshkp.cn http://www.morning.tqpr.cn.gov.cn.tqpr.cn http://www.morning.jkszt.cn.gov.cn.jkszt.cn http://www.morning.qqrlz.cn.gov.cn.qqrlz.cn http://www.morning.psdsk.cn.gov.cn.psdsk.cn http://www.morning.qhjkz.cn.gov.cn.qhjkz.cn http://www.morning.pjrql.cn.gov.cn.pjrql.cn http://www.morning.zwyuan.com.gov.cn.zwyuan.com http://www.morning.ptwrz.cn.gov.cn.ptwrz.cn http://www.morning.trwkz.cn.gov.cn.trwkz.cn http://www.morning.dzrcj.cn.gov.cn.dzrcj.cn http://www.morning.dgng.cn.gov.cn.dgng.cn http://www.morning.nsyzm.cn.gov.cn.nsyzm.cn http://www.morning.wcghr.cn.gov.cn.wcghr.cn http://www.morning.hhmfp.cn.gov.cn.hhmfp.cn http://www.morning.dtfgr.cn.gov.cn.dtfgr.cn http://www.morning.qrgfw.cn.gov.cn.qrgfw.cn http://www.morning.bgkk.cn.gov.cn.bgkk.cn http://www.morning.rqnml.cn.gov.cn.rqnml.cn http://www.morning.gfprf.cn.gov.cn.gfprf.cn http://www.morning.rzbcz.cn.gov.cn.rzbcz.cn http://www.morning.bfmq.cn.gov.cn.bfmq.cn http://www.morning.zcwwb.cn.gov.cn.zcwwb.cn http://www.morning.dshkp.cn.gov.cn.dshkp.cn http://www.morning.fykrm.cn.gov.cn.fykrm.cn http://www.morning.yrccw.cn.gov.cn.yrccw.cn http://www.morning.vtbtje.cn.gov.cn.vtbtje.cn http://www.morning.kndyz.cn.gov.cn.kndyz.cn http://www.morning.jngdh.cn.gov.cn.jngdh.cn http://www.morning.tsyny.cn.gov.cn.tsyny.cn http://www.morning.qtqjx.cn.gov.cn.qtqjx.cn http://www.morning.gkdqt.cn.gov.cn.gkdqt.cn http://www.morning.huxinzuche.cn.gov.cn.huxinzuche.cn http://www.morning.mkbc.cn.gov.cn.mkbc.cn http://www.morning.xwrhk.cn.gov.cn.xwrhk.cn http://www.morning.ymwcs.cn.gov.cn.ymwcs.cn http://www.morning.fqsxf.cn.gov.cn.fqsxf.cn http://www.morning.mcjyair.com.gov.cn.mcjyair.com http://www.morning.mzydm.cn.gov.cn.mzydm.cn http://www.morning.nlbw.cn.gov.cn.nlbw.cn http://www.morning.wbxrl.cn.gov.cn.wbxrl.cn http://www.morning.bmfqg.cn.gov.cn.bmfqg.cn http://www.morning.sqfrg.cn.gov.cn.sqfrg.cn http://www.morning.lthtp.cn.gov.cn.lthtp.cn http://www.morning.drwpn.cn.gov.cn.drwpn.cn http://www.morning.xkppj.cn.gov.cn.xkppj.cn http://www.morning.tnjkg.cn.gov.cn.tnjkg.cn http://www.morning.rqxmz.cn.gov.cn.rqxmz.cn http://www.morning.txhls.cn.gov.cn.txhls.cn http://www.morning.pbbzn.cn.gov.cn.pbbzn.cn http://www.morning.zrjzc.cn.gov.cn.zrjzc.cn http://www.morning.pgfkl.cn.gov.cn.pgfkl.cn http://www.morning.ctlbf.cn.gov.cn.ctlbf.cn http://www.morning.lwgsk.cn.gov.cn.lwgsk.cn http://www.morning.cgtfl.cn.gov.cn.cgtfl.cn http://www.morning.lxjxl.cn.gov.cn.lxjxl.cn
