qq_39224105的博客

原创 Uni app 开发支付宝小程序，保存到相册，获取小程序权限列表失败问题记录及解决方案。

我在做的时候，在测试环境可以获取权限列表，但是在正式环境就会报错，研究了两天也不知道为什么不行，支付宝开发者中心配置该配的也都配置了。于是就舍弃了第一种方案。用了第二种，直接向用户访问申请相册权限。现在还是不知道为什么在更换了环境和模板之后调用权限列表会失效，如果有哪位小同学知道可以留言相互讨论一下。第一种实现方案思路：先获取所有用户的权限列表配置，进行判断是否可以访问相册。

原创 【前端基础】文字逐渐显示效果

* 动画名称，持续时间，填充模式 *//* 动画结束时，显示全部文本 *//* 确保超出部分不显示 *//* 防止文本换行 */

原创 【前端基础】什么是视口？

一般来讲，移动设备上的viewport都是要大于浏览器可视区域的，这是因为考虑到移动设备的分辨率相对于桌面电脑来说都比较小，所以为了能在移动设备上正常显示那些传统的为桌面浏览器设计的网站，移动设备上的浏览器都会把自己默认的viewport设为980px或1024px。在布局过程中只要使用 rem 设置元素的尺寸，在改变 rem 的基准值 html 的字体大小的时候，页面上的元素将等比例缩放实现适配。在PC端，正常的视口宽度就是整个浏览器的窗口可视区的宽度，会随着浏览器窗口大小的重置而缩放；

原创 【Vue3】如何处理错误路由跳转页面？

如何处理错误路由跳转页面

原创 【Jekins环境变量配置】vue-cli配置打包环境

main.js文件package.json文件

原创 uni app实现多行文字滚动效果

uni app实现多行文字滚动效果。vue，css

原创 uni App 支付宝小程序分享当前页面代码(页面路由有一个参数或者多个参数)

支付宝小程序分享代码示例

原创 JavaScript数据类型有哪些？

【代码】JavaScript数据类型有哪些？

原创 git忽略eslint检验提交代码

git eslint

原创 前端导出Excel并下载到本地

同步，异步导出，以及不同浏览器内核下，如何兼容

原创 html2canvas将dom元素转为图片并传给后台

思路是先用html2canvas将dom转为base64位格式图片，然后将blob再上传到服务器。

原创 element-ui el-cascader级联选择器设置指定层级不能选中(示例代码)

本文为转载原地址：https://www.136.la/shida/show-396330.html有时候用element-ui el-cascader级联选择器添加分类时会遇到最多添加几级的限定.看了文档,只要给需要禁止选择的选项添加disabled属性就可以.但是使用一层一层循环遍历数据感觉很麻烦,自己写了个遍历的方法,纪录下,方便以后使用<template> <el-dialog title="添加分类" :visible.sync="dialogVisibl

原创 js终止foreach循环(那种感觉又上来了，很难受又很难说)

众所周知，就我不知道，foreach不能用return结束循环，return只能结束foreach的当前循环。然后我就用return，return了一下午，我也是难受了一下午，所以我现在要把这个知识点记录下来。使用break(会报错)使用return fasle （只是终止本次循环）try { this.eCardRuleDTO.serviceStepList.forEach((i, v) => { this.startD = 1 thi

原创 JavaScript中如何全部去掉字符串里的指定字符

很简单。比如：我要去除字符创里面的双引号 " ，在字符串后面加上这个方法就可以了。replace(/["]/g,"")

原创 vue路由跳转动态title标题信息

想要让浏览器的标题，随着vue的路由跳转的改变而改变，就要配置router/index.js文件里的信息。在meta对象里面配置一个title。{ path: "/", name: "Home", meta: { title: "首页"//这是重点 }, component: () => import( /* webpackChunkName: "about" */ "../views/home/index.vue"), }然后在路由跳转之

原创 如何使用sourceTree进行代码拉取，上传。

sourcetree 下载地址：https://www.sourcetreeapp.com/如何使用sourceTree进行代码拉取，上传第一步：Clone(先从git服务器上将源码克隆下来)第二步：在拉取的文件夹里面进行编辑代码块。第三步：进行代码暂存。第四步：输入备注，进行确认，同时立即推送变更到origin/dev分支。第一步：Clone(先从git服务器上将源码克隆下来)1.点击头部的加号，点击Clone按钮2.输入仓库地址，在高级选项中选择分支，一般在输入仓库地址和目标路径之后，会在.

原创 SVN在上传时，如何进行文件筛选

.idea *.iml .svn vcs.xml workspace.xml modules.xml misc.xmlnode_modules

原创 JavaScript中的异步操作

JavaScript引擎有多个线程，单个脚本只能在主线程运行，其他线程都在后台配合。单线程模式虽然对JavaScript构成了很大的限制，但也因此使它具备了其他语言不具备的优势。如果用得好，JavaScript程序是不会出现堵塞的，这就是为什么Node可以用很少的资源，应付大流量访问的原因。一.定时器...

原创 Promise(详细讲解，后续会进行更新... ...)

博主之前在项目中做到过一个批量上传图片的功能(是在uni-app里面选择手机图片，选择多张图片之后，多张图片异步进行上传)具体的代码如下// 并行Promise.all(paths.map(path => pathToBase64(path))) .then(res => { console.log(res) // [base64, base64...] }) .catch(error => { console.error(error) })

原创 uni app如何优雅的进行表单验证(正则校验）

最近我们公司也是做了一个审批流的app，在提交申请的时候，需要对申请人提交的申请信息进行表单信息认证。(我自己对正则表达式的理解更是自己的难言之隐)。所以最近我在看uni app看插件市场的时候看到一个插件，感觉一下子有了思路，在这里就分享给大家。下面是一些常规的正则验证规则，大家可以直接将这些代码放到公共js文件然后在main.js页面全局注册就行了。const numberReg = /^-?[1-9][0-9]?.?[0-9]*$/const intReg = /^-?[1-9][0-9]*

原创 一个好看的按钮点击特效

.home-more-p { width: 114px; height: 44px; background: #ffffff; border: 1px solid #919191; border-radius: 22px; cursor: pointer; user-select: none; display: flex; justify-content: center; align-it

原创 javaScript 将字符串分割为整型数组的一个小技巧

具体的代码可以在下面进行查看 var str = '1,2,3,4,5,6,-1'; var str1 = str.split(','); console.log(str1);//['1','2','3','4','5','6','-1'] var str2 = str.split(',').map(el => +el); console.log(str2);//[1,2,3,4,5,6,-1]

原创 javaScript 数组去重的方法(for、filter、set)

//第一种方式for(var i=0;i<this.rightData.length;i++){ if(v.id == this.rightData[i].id) return;}//第二种方式var n = this.rightData.filter(function(item){ return item.id == v.id;} )if(n.length>0) return;//第二种方式优化(箭头函数的写法)var n = this.rightDat

原创 uni-app中如何引入阿里iconfont图标字体(详细教程)

最近的项目中用到了iconfont字体，虽然之前已经用过很多次了，但是一直没有认真的整理过，所以这次就整理一下吧。进入iconfont首页，在这里可以选择自己想要在项目中添加的iconfont图片字体。选择一个图标库，在图标上面点击购物车，添加到自己的项目。点击右上方的购物车，里面就有自己刚刚添加的图标。点击添加至项目，如果没有创建过项目，则手动创建项目。创建完项目，在首页资源管理里面找到我的项目，打开。打开之后，找到刚才添加的图标，点击生成代码，然后点击复制代码。然后在un

原创 神奇的滚动条

我在这里整理了好几个滚动条，因为浏览器原生的滚动条样式，真的不是很好看。1.第一个（代码部分）：::-webkit-scrollbar { width: 8px; height: 8px;}::-webkit-scrollbar-track { background-color:#F5F5F5; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}::-

原创 Element ui 修改el-input 的placeholder样式

/deep/.el-input__inner { &::placeholder { color: red; font-size: 16px; } }

原创 HTML&CSS实现导航栏滑动背景效果

大家可以先看一下背景滚动的效果这个效果需要注意的就是鼠标悬浮的时机hover，鼠标在悬浮到不同的选项上时，背景的那个色块距离左侧的边距会发生改变。在鼠标离开导航栏时，色块会返回到你定义的那个位置(这个位置在实际的开发中，肯定是当前页面的位置，这个位置你可以自行更改)。下面是代码部分：html部分：<div class="container"> <nav> <a href="#">home</a> <a href="#"&

原创 Vue获取dom元素节点并操作元素的样式（$el的用法以及uni-app中操作元素样式）

在vue中操作dom元素节点的样式有好几种方式这里我总结了两种第一种：1.获取到元素节点(这里通过this.$refs获取元素节点)this.$refs.xxxxx.$el2.操作元素的样式this.$refs.num1Underline.$el.style.transform = 'scaleX(1)';这种方法需要注意的是$el 用于获取vue挂载的实例的dom对象，如果不添加$el则获取不到style的属性值，会打印 TypeError: Cannot read property .

原创 一个好看的input输入动画

大家可以先看一下输入框输入效果这个效果需要注意的就是输入框触发的时机问题，在输入框获取焦点的时候：Name文字会向上移动，输入框的下边距会出现。会用到input标签的focus和valid:focus定义：获得焦点的元素，一般用于表单(input、textarea);触发条件：当用户点击或触摸元素或通过键盘的 “tab” 键选择它时会被触发。:valid定义：伪类指定一个通过匹配正确的所要求的表单元素;在这里:valid主要的功能是在input输入框失去焦点是保持最后的状态。下面是代码

原创 uni-app设置页面全局背景色

**uni-app 设置页面全局背景色**page{ background: #000000; }看下编译器是如何介绍这个 page 的。 编写代码的会有提示，大家可以留意下。

原创 Vscode 一键格式化代码插件

1.在Vscode应用商店安装下面这个插件。2.然后点击鼠标右键，点击格式化文档就可以将代码格式化。这样代码就可以格式化了。

原创 前端原生javaScript，通过身份证号判断年龄、性别、出生日期。

方法有两个参数，第一个形参传身份证号，第二个形参传num。num=1 代表返回出生日期。num=2代表返回性别。num=3代表返回年龄。//通过身份证号计算年龄、性别、出生日期function idCard(userCard, num) {//获取出生日期 if (num == 1) { birth = userCard.substring(6, 10) + "-" + userCard.substring(10, 12) + "-" + userCard.subst

原创 css文字超出一行就显示省略号

1，css超出一行用点表示white-space:nowrap;overflow:hidden;text-overflow:ellipsis;2，css超出二行用点表示overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;

原创 element ui 表格超出部分显示省略号

在element ui 的 el-table-column上添加:show-overflow-tooltip='true'<el-table-column prop="address" align="center" header-align="center" label="地址" :show-overflow-tooltip='true'> </el-table-column>改变鼠标悬浮上去的字体颜色<style> .el-tooltip__popp

原创 如何查看电脑是否已经成功安装了node和npm

原创 ES6 箭头函数(详细讲解)

function 省略掉，替换为 =>参数只有一个时，可以省略 ()函数体只有一行时，可以省略 {}函数体只有一行，并且有返回值时，如果省略了{},必须省略return//无参数，一行，无返回值的函数let func1 = function(){ console.log('hello World')}let func1 = () => console.log('hello World')func1()//1个参数，一行，无返回值的函数let func2 = fu.

原创 ES6对象简化赋值

如果属性名和变量名相同，可以简写方法可以省略 function关键字let name = '小黑'let city = '深圳'let person = { name, //name:name, city, //city:city sayHello(){ console.log('你好吗!') }}person.sayHello()

原创 ES6模板字符串

使用 ` ` (1的左边)包裹文本 在需要替换的位置使用${} 占位，并填入内容即可。let name = '张三'let food = '土豆'let city = '郑州'let temStr = `我的名字是：${name} 我喜欢的东西是：${food} 我所在的城市是：${city}`...

原创 var和let关键字之间变量提升的区别。

let和var关键字的用法基本一致。例如：let food = '我是food'food = '我是food1'console.log(food)但是let不会有变量提升，什么是变量提升呢，变量提升简单的理解就是变量的声明会提升到当前作用域的顶端。下面一个简单的例子你就可以理解了。console.log(food)var food = '土豆鸡蛋'console.log(food)let food = '土豆鸡蛋'当你用let去声明一个变量的时候，如果在声明变量之前去访问它，就

原创 如何在vue-cli中引入百度地图(vue-Baidu-Map)

最近公司做的一个项目里面需要用到地图标点和圈出地块的面积，所以总结一下如何在vue中引入百度地图。1.安装$ npm install vue-baidu-map --save2.全局注册，在main.js文件中引入以下代码import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: '你申请的key'})（ak是百度官方提供的密钥，需要开发者自己去申请 http://lbsyun.baidu.com/）3.界面<tem