- 博客(28)
- 收藏
- 关注
RSS订阅原创 2020-09-24
nuxt下全局引用scss两种方式：1、在nuxt.comfig.js中直接引入（不支持@mixin等）2、安装@nuxtjs/style-resources (支持@mixin)npm i @nuxtjs/style-resources --save在nuxt.config.js中增加一下代码export default { modules: ['@nuxtjs/style-resources'], styleResources: { scss: 'assets/styl
2020-09-24 15:59:55
112
转载 Open With VSCode----在Mac上右键文件夹 通过Visual Studio Code打开
1、点击Dock（程序坞）上的Launchpad（小火箭），如图：2、点击其他，如图：3、点击自动操作（小机器人），如图：4、点击新建文稿或cmd+ n，如图：5、点服务，点击选取，如图：6、在左侧面板选择“实用工具”；然后找到”运行Shell脚本“，把它拽到右侧面板里；在右侧“...
2020-07-24 11:40:58
783
原创 dev合并到master
先将dev分支代码提交git checkout master //切换分支到mastergit pull origin mastergit merge devgit statusgit add --allgit push origin master
2020-05-13 14:00:49
232
原创 vue title添加favicon.ico
1、将favicon.ico图片放在根目录下2、找到build下的webpack.dev.conf.js文件,添加图片地址（favicon: path.resolve(’./favicon.ico’), // 引入图片地址）3、找到build下的webpack.prod.conf.js文件4、重启项目 npm run dev...
2020-04-08 10:16:26
206
原创 生成6位随机码（大小写字母+数字）
前端生成六位随机码，要求有大写字母+小写字母+数字 randomNum () { let arr = [1, 2, 3] // 保证六位随机码包含数字+大写字母+小写字母 let code = '' function getRandom (min, max) { return Math.round(Math.random() * (max - ...
2020-03-30 16:11:54
2453
原创 移动端@2X 和 @3X图片的处理
1、在scss文件中@mixin bg-img($url){ background-image:url('../../assets/image/' + $url + "@2x.png"); @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) { background-image: url('...
2020-03-30 14:44:48
578
原创 vue清空form
当弹层中有form时，提交form要将form 清空1、初始化数据form: { userName: '', password: ''}2、在created中深拷贝一份数据：created () { this.defaultForm = JSON.parse(JSON.stringify(this.form))}注：这个时候this.defaultForm已经是t...
2020-03-13 13:25:34
2567
1
原创 git 新建项目后开通权限
在git上新建了一个项目，当团队伙伴要上传代码时，却发现没有权限，以下是开通权限步骤：1、打开所在项目，点击 Settings2、3、输入要添加的git用户名4、完成...
2020-01-09 13:14:08
1992
原创 首次使用git，生成token
首次使用git，生成token欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的...
2019-11-22 17:10:19
10086
3
原创 vue跳转路由时，带参数为数组，刷新后数组错误
1、跳转路由时，带入参数，将数组转换为字符串 this.$router.push({path: '/edit', query: {data: JSON.stringify(this.arr}}})2、接收参数>this.datas = JSON.parse(this.$route.query.data)...
2019-09-09 09:42:58
2497
原创 watch 普通监听与深度监听
废话不多说，直接上例子data(){ return { val: 1, form:{ value1: 111, value2: 222 } }}watch: { val(v){// 普通监听 console.log(v) }, form: {// 深度监听，可监听到对象、数组的变化 handler(obj){ console.log(obj)...
2019-09-02 17:48:13
477
原创 input type=number 输入框禁止输入e
<input type="number" @keydown.native="inputLimit" />inputLimit (e) { let key = e.key if (key === 'e') { e.returnValue = false return false } return true...
2019-08-21 15:59:31
1537
原创 vue 跳转连接 传递数组
跳转时，带入参数this.$router.push({path: '/editName', query: {dataName: this.checkMultip}}) 接收参数created () { this.data = this.$route.query.dataName console.log(this.data)}...
2019-08-21 15:48:29
1570
转载 本地项目关联到git
第一步：cd到你的本地项目根目录下，执行git命令git init第二步：将项目的所有文件添加到仓库中git add .如果想添加某个特定的文件，只需把.换成特定的文件名即可第三步：将add的文件commit到仓库git commit -m "注释语句"第四步：去github上创建自己的Repository,拿到创建的仓库的https地址第五步：重点来了，将本地的仓库关联到g...
2019-08-07 17:46:27
185
转载 使用http-server开启一个本地服务器
在写前端页面中，经常会在浏览器运行HTML页面，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接时，HTML页面就无法正常打开，为了解决这种情况，需要在在本地开启一个本地的服务器。本文是利用node.js中的http-server，开启本地服务，步骤如下：1 下载node.js官网地址： https://nodejs.org下载完成后在命令行输入命令$ ...
2019-06-11 14:01:44
303
转载 element时间范围选择添加限制条件
需求：vue 基于element 时间控件，选择范围做控制，如下图组件代码：<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"></el-date-picker>情景...
2019-04-25 14:17:20
2125
转载 多行文字溢出 省略号显示
单行文字 溢出 省略号显示overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文字 溢出 省略号显示display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;...
2019-03-25 14:50:09
104
转载 小程序设置tabbar后，wx.navigateTo不能跳转
当wx.navigateTo跳转链接跟app.json中设置的tabbar中跳转链接一样时，wx.navigateTo就不能跳转可以改为wx.switchTab1、当app.json中设置了tabbar跳转时2普通跳转wx.navigateTo不起作用，要换成是wx.switchTab...
2019-03-20 14:27:33
1528
转载 两个数组提取相同元素，两个数组提取不同元素
两个数组提取相同元素const getArrEqual = (arr1, arr2) =&gt; { let newArr = []; for (let i = 0; i &lt; arr2.length; i++) { for (let j = 0; j &lt; arr1.length; j++) { if(arr1[j] === arr2[i]){ ...
2018-12-26 10:59:28
5479
转载 判断数组中，是否包含另一数组
//是否被包含,是返回true,不是返回falseisContained =(a, b)=>{if(!(a instanceof Array) || !(b instanceof Array)) return false;if(a.length < b.length) return false;var aStr = a.toString();for(var i = 0, le...
2018-12-26 10:41:34
1585
原创 vue 手机端 input change时，无法执行
vue H5页面中，有一个搜索功能，回车时执行，代码如下：<el-input placeholder="请输入内容" prefix-icon="el-icon-search" clearable size="small" v-model="searchVal" @change="search"></el-input>问题： 手机端在搜索时，按如
2018-09-03 14:54:51
4291
原创 vue 手机端无法播放动态加载的视频
最近做了一个看似超级简单的项目，但是却遇到了n多的问题，好不容易将所有坑都填平了，但是，在即将提测之时，PM的一句话，又开始了填坑之路…… 言归正传，视频文件想跟其他的文件（如ppt，pdf，txt等）一样查看下载，在手机上却实现不了，需要一个播放器，于是放进了video中，预览本地的是没问题的，代码如下：<video width="100%" controls poster="xxx...
2018-09-03 13:54:11
2992
原创 vue 路由传递参数，刷新页面后参数丢失
在用vue做项目的时候，发现在新页面刷新后，上一页面带过来的参数会丢失，查阅资料才发现原来自己对params和query理解不透彻 下面是两种传参方法： 1、用 params 传参，需要路由里加上这个参数this.$router.push({name:'list', params:{id: id}});routes: [ { path: '/list/:id', ...
2018-08-31 17:50:24
9564
原创 get无法传参的问题
在做vue项目的时候，get方法一直无法传参，问了度娘才知道， 噢，原来需要params this.$axios.get('/api/Home/File', {params: {id: 10}}).then((res) => { …… })
2018-08-31 14:33:07
934
原创 vue 路由跳转到新页面置顶
当页面较长，有滚动条时，路由跳转的时候，有时会有不能置顶的情况，只需要在router.js中加入以下代码即可（不是唯一，但能解决问题）scrollBehavior (to, from, savedPosition) { if (savedPosition) { return savedPosition } else { return { x: 0, y:...
2018-08-31 11:45:38
3785
1
原创 如何在手机端查看vue-cli构建的项目
当我们用脚手架构建一个H5项目时，势必要在手机上查看该项目，在电脑上，直接 localhost:端口 就可以插件，那手机端呢？ 1.首先查看电脑的ip地址（mac在终端输入ifconfig） 2.找到config文件夹下的 index.js ,再将 host: ‘localhost’，改为host: ‘xx.xx.xx.xx’，重启（npm run dev） 3.在...
2018-08-31 10:32:46
223
原创 移动端，当设置最大宽度时，使用rem错位问题
项目背景：使用rem适配开发的H5页面（设计稿宽度为750px），但是有一个最大宽度的设置（750），当设置了最大宽度后，在这个极限值，样式会有错位问题 在这个项目里用到了remfunction setRem() { var scrren = document.documentElement.clientWidth || 320; document.getElements...
2018-08-31 10:15:46
1626
转载 适配移动端的rem
在做H5页面时，会遇到一个适配的问题，在这里给大家介绍一中方法：设置viewport的scale值为1.<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">根据屏幕的分辨率动态设置html的文字大小，达到等比缩放的...
2018-08-31 09:56:35
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人