- 博客(18)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue切换页面 动态设置meta和title标签内容
思路:1)由于vue是单页面应用,index.html入口文件< head >标签只有一个,那么只能通过判断切换的路由2)判断切换路由 需要在main.js全局js中 使用 router.beforeEach,to中可以获得将要去的组件的路由参数3)如果title和meta标签内容是已经定好的,那就在router.js文件中设置需要辨别的参数–》在meta对象里自定义一个变量名 如:content / title,路由切换时直接读取4)如果title和meta标签内容是后台配置的
2020-07-30 14:32:19
1850
原创 图片资源压缩 vue.config.js配置优化
图片资源压缩 vue.config.js配置优化需求:网站内图片大小不超过100kb需求:网站内图片大小不超过100kb项目中我们会遇到静态文件过大,上线后网页加载慢。gzip加速第一步安装依赖:npm install --save-dev compression-webpack-plugin(这样会安装最新的版本,如果你webpack版本过低,则会安装失败。)会提示以上内容。这里就需要降低compression-webpack-plugin版本,这里我使用的是5.0.1版本npm in
2021-11-29 17:04:19
2909
原创 mpvue小程序开发
mpvue,vant-ui小程序开发项目配置api.js,request.js请求拦截响应拦截处理请求方式页面使用api,调用接口;ap.vue调用微信登录API,请求登录接口获取openId;封装一些实用技巧(页面url,url参数,copy 数据,一些微信api的处理)微信分享数据分页处理(数据量达到一定数量添加分页处理)常规操作编辑数据:单选,全选,反选,删除项目配置mpvue 开发小程序接口数据统一管理项目里做API与数据分离统一管理,api.js小程序里请求数据接口使用wx:request
2021-07-07 11:18:21
138
原创 NUXT---项目
npx create-nuxt-app nuxt-lpi //搭建项目.nuxt运行缓存目录assets资源目录,用于存放如 css 文件,js 文件,图片components组件目录,用于存放 vue 组件layouts布局目录,用于设置布局,文件名即为布局名在 pages 目录里的组件可以通过 layout 属性指定布局组件,不指定默认为 default。布局组件中使用 标签指定应用布局时,page 组件所在的位置。middleware中间件目录,用于设置中间件函数,文件
2021-03-10 15:56:27
357
2
原创 表单验证字母数字中文常用正则
只能输入字母和数字 <el-inputv-model="invoiceDate.tax_code"type="text"oninput="value=value.replace(/[^\w\.\/]/ig,'')"></el-input>只能输入数字oninput="value=value.replace(/\D/g,'')" oninput="value=value.replace(/[^\d\-\d]/g,'')"不能含数字,输入中文或英文...
2021-03-04 10:11:55
405
2
原创 vue 动态设置滚动条高度
vue 动态设置滚动条高度获取动态内容高度,设置监听 <div class="description_cont" ref="cont_height"> <pre v-html="result.description"></pre> </div> div class="description_cont" :style="{maxHeight: scr
2021-02-25 17:28:56
2709
原创 2020-09-23
npminstallxxx--registry=https://registry.npm.taobao.orgnpm install 失败,可以使用cnpmnpm install XXXX --registry=https://registry.npm.taobao.org
2020-09-23 16:30:09
67
原创 vue项目刷新当前页面 --友好刷新
provide / inject组合 方式是我试过最实用的,下面用项目截图给大家说明下:首先,要修改下你的app.vue去到某个页面使用有个不友好刷新://this.$router.go(0)
2020-08-05 10:43:04
151
原创 vue设置全局变量
新建一个global.jsconst sourceIp = 'http://120.24.99.100:91'export default{ sourceIp}到main.js中引入并且挂载//全局变量全局使用import global from './api/Global.js'Vue.prototype.global = global需要使用到的页面{{sourceIp}}//直接使用img class="ev_img" v-if="currentTab === 0"
2020-07-25 01:11:00
180
原创 vue 筛选功能
vue 编写产品筛选功能根据行业筛选一级,(国家,价格,发布时间)列表带分页,按时间或者价格排序,以及分页设置10条/页码,20条/页码,50条/页码以下代码去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.<div class="industries_cont clearfix"> <div class="indus_left"> <el-card class="box-card">
2020-07-25 01:05:47
588
原创 vue+mint-ui初始化项目
一、前端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。下载好node之后,以管理员身份打开cmd管理工具,,输入 node -v ,回车,查看node版本号,出现版本号则说明安装成功。二、安装淘宝npm...
2019-07-20 14:04:20
378
转载 史上最全最常用的正则表达式(最新整理+基本够用+值得收藏)
简介:正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。一、校验数字的表达式1 数字:^[0-9]*$2 n位的数字:^d{n}$3 至少n位的数字:^d{n,}$4 m-n位的数字:^d{m,n}$5 零和非零开...
2019-07-08 12:18:20
244
转载 如何居中
平时总结:水平居中: 块级:margin-left: auto; margin-right: auto; 内联:爸爸身上写 text-align:center; 2、垂直居中: 如果 .parent 的 height 不写,你只需要 padding: 10px 0; 就能将 .child 垂直居中; 如果 .parent 的 he...
2019-07-03 13:20:58
417
原创 关于canvas一些小demo
canvas会初始化宽度为300像素和高度为150像素。可以使用CSS来定义大小最简单的例子:<canvas width="600" height="400"></canvas><script type="text/javascript"> //获取画布 var canvas=document.querySelector(...
2019-07-03 13:06:02
210
原创 关于js,面向对象
编程思想:* 面向过程:凡事亲力亲为,所有的事情的过程都要清楚,注重的是过程* 面向对象:提出需求,找到对象,对象解决这个问题,我们要结果,注重的是结果** 面向对象的特性:封装,继承,多态,(抽象性)** JS是一门什么样的语言?* 是一门解释性的语言* 是一门脚本语言* 是一门弱类型的语言* 是一门基于对象的语言* 是一门动态类型的语言** 对象:有属性和方法,具体...
2019-07-03 12:23:23
97
原创 如何理解 HTML 语义化
简单举例来说就是:段落用 p,边栏用 aside,主要内容用 main 标签其实就是用正确的标签做正确的事!语义化的好处是已读、有利于SEO等。通过使用恰当语义的HTML标签,让页面具有良好的结构与含义,可以有效提高:可访问性:帮助辅助技术更好的阅读和转译你的网页,利于无障碍阅读; 可检索性:有了良好的结构和语义,可以提高搜索引擎的有效爬取,提高网站流量; 国际化:全球...
2019-07-03 11:35:56
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人