- 博客(67)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 js字符串常用的方法
// charAt 方法返回字符串中指定索引处的字符。let str1 = ‘abcdcdcdff’let str2 = ‘ccccc’;console.log(str1.charAt(1)) //a//concat 用于连接两个或多个字符串。返回一个新字符串。console.log(str1.concat(str2)) //abcdccccc// 如果字符串以字符结尾，则此方法返回 true，否则返回 false。console.log(str1.endsWith('cd')) // tr
2022-04-19 10:28:14
165
原创 vue PDF批量下载打包 详解
1. 第一步引进并且安装import JSZip from ‘jszip’import FileSaver from ‘file-saver’npm install jszipnpm install file-saver --save//该方法查看第三步。import {getFile} from “@/api/file/contract/saleList.js”;2.第二部点击批量下载的方法**loadFilesWin(){//这块代码就是拿到pdf的地址，后台一起放回给我的。所以需要
2021-12-03 16:58:37
1100
原创 bpmn-js vue中使用
bpmn-js做成了单独的组件，因为公司项目多，组件用的不一统一，所以ant,element等都没用。已经做成组件了，直接Import 引进来注册就可以用了。 用之前要安装3个东西npm install bpmn-js -Dnpm install bpmn-js-properties-panel -Dnpm install camunda-bpmn-moddle -D安装成功以后 替换下这个文件 改了源码node_modules/diagram-js/lib/features/palette/.
2021-04-25 14:47:39
427
原创 ant design 多选框样式修改
ant design 默认单选框样式2.修改后ant多选框样式ui非让改 没办法只能自己动手了，话不多说，看代码项目代码css要放在全局css// 多选框样式开始.selectAloneStyle .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {max-width: 40px;position: absolute;left: 15
2021-02-05 15:14:40
1484
原创 js找到出现次数最多的字符可能出现多次
let str = ‘aaasssadfsdgfsgegggwrgssdgsgzxvchtrjrftrhnedw’;let obj = {}for(let i = 0; i < str.length; i++) {if(obj[str[i]]) {obj[str[i]]++}else {obj[str[i]]= 1}}let num = 0;for(let k in obj) {if(obj[k] > num) {num = obj[k]}}let parms =
2020-12-09 17:09:26
77
原创 2020-12-07
箭头函数和普通函数的区别区别1this是静态的，始终指向的是函数声明时所在的作用域下this的值call和apply无法改变tihs的执行区别2不能作为构造函数实例化对象let preson = (name,age) {this.name = name;this.age = age;}let me = new preson(‘aa’,18)//报错 不是构造器区别3函数内部有个arguments可以保存实参，在这里不能使用区别4形参只有一个的时候小括号可以省略，代码条只有一条可
2020-12-07 10:55:48
74
原创 JS节流函数函数防抖驼峰命名
//驼峰命名法var str = ‘doucment-get-element-byid’var arr = str.split(’-’);for(var i = 0;i < arr.length; i++) {//吧arr[i]中的第0项变为大写 如何加上arr[i] 减去一项arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].substr(1,arr[i].length-1)}console.log(arr)//函数节流
2020-11-27 10:33:37
135
原创 小程序规格切换通过数据改变状态
数据都是动态的，所以用的最笨的方法，操控数据，操控标签恐怕是不行的，话不多说上代码wxml{{item.pname}}{{items.value}}时长-+确定 wxSS.pecifications {margin-top: 40%;background-color: #fff;border-radius: 50rpx 50rpx 0 0;}.pecifications .peciTop {height: 252rpx;}.p.
2020-11-07 12:03:39
216
2
原创 js中文对象数组转换为普通数组对象
后台返回的是这样的都是中午并且是动态的，都没有属性值{“颜色”:[“红色}”,“黑色”],“型号”:[“iphone6s”,“iphone7s”],“内存”:[“2G”]}第一步转换为json对象let specListData = JSON.parse(res.data.data.objs)let temp = [] //定义空数组//获取元素的keyObject.keys(this.data.specListData).forEach((key, index)=>{ let obj
2020-11-06 19:46:44
741
原创 git 常用提交 修改 删除
git常用的操作git status查看修改的文件git add . 把文件提交到暂存区git commit -m ‘备注提交商品了’ 将暂存的代码提交到本地仓库git push 把代码提交到仓库会这一套操作就Ok了解决冲突强制更新git fetch --all //全部文件 指令是下载远程仓库最新内容，不做合并git fetch – ‘src/js/index/js’ //指定文件git reset --hard origin/master 指令把HEAD指向master最新
2020-07-29 17:21:00
224
原创 JQuery一个对象可以同时绑定多个事件
//添加事件document.getElementById(“myDIV”).addEventListener(“mousemove”, myFunction)//移除事件document.getElementById(“myDIV”).removeEventListener(“mousemove”, myFunction);...
2020-04-24 12:57:38
427
原创 Js正则校验
1.html 元素控制（只能输入数字，不包括小数点。 ）<input type=“text” id=“bankAccount” name=“bankAccount” maxlength=“64”οnkeyup=“this.value=this.value.replace(/\D/g,’’)”onafterpaste=“this.value=this.value.replace(/\D/...
2020-02-28 14:23:14
104
原创 cookie存取页面关闭就清空
document.cookie = “userJurisdiction=” + ‘true’;页面进入的时候，用户权限为truewindow.addEventListener(‘beforeunload’, function (){document.cookie = “userJurisdiction=” + null;}, false)页面关闭的时候吧cookie的值改为null完整...
2020-01-16 12:56:48
1019
原创 js数组中的字符串链接后剪切
let asddData = []for (let i = 0; i < this.data.transmitData.length; i++) { //遍历数组数组中的商品ID 乘以 商品数量 中间用逗号分隔let addNumIn = this.data.transmitData[i].searchId + ‘,’ + this.data.transmitData[i...
2019-11-14 15:11:03
92
原创 idea编译器部署启动项目
第一步引进项目地址。第二步第三步第四步 引进maven 后 点击apply后Ok第5步第6步 选择import Moudule后引进项目地址 后apply ok第七步 引进项目后ok第八步。sdk位置第9步 打开配置部署第10步第11步 填写端口。 最好不要是1099 最好比1099大几百。完成后apply ok第12步 点击后自动...
2019-11-06 17:01:17
471
原创 nginx unknown directive "" in
nginx 报错 unknown directive “” in 3 看了看第3行没有少什么空格啊。后来发现应该是格式问题解决方案：打开notepad++ 工具吧这个文件放进去转码默认是utf-dom改成utf-8就ok了然后保存关闭 重新在在cmd 输入 cd D:\sort\nginx-1.12.1 地址后 输入启动命令start nginx.exe 即可...
2019-10-23 14:36:48
583
原创 小程序根据返回的优惠券来计算当前的满减和下一个的满减
//计算优惠券的值//this.data.totalmorey 总价if (this.data.totalmorey > 0) {this.setData({morenData: false,bianhuaData: true,bianhuaDatasa:false,})}if (this.data.totalmorey <= 0) {this.setData({...
2019-10-21 12:14:48
664
原创 小程序禁止用户输入空格
绑定name值就可以了// jsinputMobile(e) {let name = e.currentTarget.dataset.name;this.setData({‘forms.mobile’: e.detail.value,[name]: e.detail.value.replace(/\s+/g, ‘’)})},
2019-09-20 12:40:35
634
原创 小程序上传图片，和动态修改for 循环的数据，
//小程序上传图片 动态修改for-itme里面的数据handleUpload(e) {let _this = thisvar index = e.currentTarget.dataset.index;_this.setData({‘forms.setFlag’: this.data.openDatas[index].fileType,‘forms.fileId’: this.dat...
2019-09-19 09:38:34
635
原创 js字符串json字符串切换
let json = {'1':1,"2":'2','3':3,"4":4}// 先将json对象转为json字符串，再替换你要替换的属性名，最后再转为json对象json = JSON.parse(JSON.stringify(json).replace(/1/, "titlea"));json = JSON.parse(JSON.stringify(json).replace(/2/,...
2019-09-18 18:05:35
110
原创 iframme监听父子通信没有name和id
1.iframe没有id和name的情况下var num = 999; //随便定义的// 子页面 childwindow.parent.frames[1].postMessage(‘num’,‘http://localhost:8080/iframe?page=/’)2.父页面 parent//监听window.onmessage=function(e){数据在e...
2019-07-30 14:09:10
102
原创 console.log()详解
https://jingyan.baidu.com/article/6dad507505f714a123e36e8a.html
2019-07-20 18:55:23
2087
原创 使用performance进行网页性能监控
由于项目需要, 需要对网页的一些性能进行监控, 接触到了performance,window.performance 提供了一组精确的数据，经过简单的计算就能得出一些网页性能数据, 将这些数据存储为日志, 可有效的对网页性能进行监控.首先看一下在Chrome 的控制台执行window.performance会出现什么技术分享图片下面是对这些属性的详细解释:1 performance = ...
2019-07-20 18:50:11
521
原创 windows10 jdk1.8的配置和maven安装配置
1、JDK1、在桌面上计算机点右键选属性，或是开始菜单计算机上点右键选属性， 左边点高级系统设置，点下边的环境变量2、 在新弹出窗口上，点系统变量区域下面的新建按钮，弹出新建窗口，变量名为JAVA_HOME，变量值填JDK安装的最终路径，我这里装的地址是C:\Program Files\Java\jdk1.8.0_131，所以填C:\Program Files\Java\jdk1.8.0_1...
2019-06-05 09:43:31
598
原创 js数据类型4种判断
1、typeof1 console.log(typeof “”);2 console.log(typeof 1);3 console.log(typeof true);4 console.log(typeof null);5 console.log(typeof undefined);6 console.log(typeof []);7 console.log(typeof func...
2019-05-11 19:23:19
114
原创 es6语法的理解
1、let和constvar 存在变量声明提示 let不存在var 在变量声明前使用的话 值为undefinedlet 声明变量前使用会报错，let 变量不能重复声明 否则会报错使用let声明变量前不可用的。这样的语法叫暂时性死区2、stateWide和endWidestateWide检查变量开头如果正确返回true否则返回falseendWide检查变量结尾如果正确返回true否...
2019-05-11 19:11:48
192
原创 ajax上传图片
Document **php文件**<?php// 获取文件后缀// 找文件名最后一个点的小标strrpos($_FILES['f']['name'],'.')// 从点下标开始截取到最后就是文件后缀$ext = substr($_FILES['f']['name'],$pos)//定义新文件名$new_file = time(...
2019-05-05 15:24:18
54
原创 跨越请求的四种方法
第一种服务器代理核心思想:php中有一个函数 file_get_contents。 该函数能够获取到其他网站的数据。案例:www.study.com/proxy/index.html发送ajax请求，请求www.study.com/proxy/proxy.php文件，file.php文件使用file_get_contents函数读取www.demo.com/a.php文件中的内容，...
2019-05-05 13:31:39
972
原创 JavaScript中基本数据类型和引用数据类型的区别
1、基本数据类型和引用数据类型ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。2、常见的基本数据类型：Number、String 、Boolean、Null和Undefined。基本数据类型是按值访问的，因为可以...
2019-04-21 15:51:07
74
原创 CSS3的新特性整理
animation IE10animation的六大属性animation-name规定需要绑定选择器的keyframe名称animation-duration规定完成动画所花费的时间 s msobject.style.animationDuration=“3s”animation-timing-function动画的速度曲线默认值easeobject.style.animat...
2019-02-26 21:50:50
112
原创 web移动端页面性能优化方案
众所周知，在互联网行业里，移动端占有的比例越来越高了，尤其实在电商领域，用户购物大部分在移动端。比如淘宝双11，在移动端支付的接近7成。这就要求我们产品质量越来越高，那对于我们前端工程师来说也是一个挑战，如何让我们所开发的页面能有更好的体验，就是我们今天讨论的话题：移动端页面性能优化。Html5的出现对于移动端影响挺大，HTML5框架可以提升网站的访问速度，通过优化前端将响应时间加快，使用户的等...
2019-02-26 21:49:51
155
原创 position的属性
值 描述absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。relative 生成相对...
2019-02-26 21:47:02
75
原创 垂直水平居中的方法
//宽高未知//第一种定位 .box {background-color: #ccc;width: 300px;height: 300px;position: relative;}.content { background-color: #999999; width: 100px; height: 100px; position: absolute;...
2019-02-26 21:44:15
131
原创 vue-router的钩子函数
2018年05月17日 10:28:15 晓笔刀 阅读数：6349vue路由钩子大致可以分为三类:1.全局钩子主要包括beforeEach和aftrEach,beforeEach函数有三个参数：to:router即将进入的路由对象from:当前导航即将离开的路由next:Function,进行管道中的一个钩子，如果执行完了，则导航的状态就是 confirmed （确认的）；否则为f...
2019-02-26 21:03:34
358
原创 String 对象方法
常用的:chatAt()indexOf()match()replace()slice() //数组也是split() //数组也是 split(/\s+/) 按中间一个或多个空字符串分隔成数组，如获取字符串中的单词substr()substring()等方法 描述anchor() 创建 HTML 锚。big() 用大号字体显示字符串。blink() 显示闪动字符串...
2019-02-26 20:58:06
168
原创 js数组方法大全
JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数（二）使用数组字面量表示法：var arr4 =...
2019-02-26 20:56:56
76
原创 精灵图的使用和介绍
精灵图什么是精灵图：css精灵(CSS sprites),是一种网页图片应用处理技术。主要是指将网页中需要的零星的小图片集成到一个大的图片中应用的原因：1.减少对浏览器的请求次数，避免网页的延迟2.方便小图标的统一管理精灵图的制作：1.软件：ps2.制作方法：新建透明图层添加参考线将画布划分，将小图标放入划分好的格子中精灵图的使用： css精灵图需要配合背景的图片和背景定位...
2019-02-26 20:53:43
5310
原创 TCP/IP、HTTP、HTTPS、HTTP2.0
HTTP，全称超文本传输协议（HTTP，HyperText Transfer Protocol)，是一个客户端和服务器端请求和应答的标准（TCP），互联网上应用最为广泛的一种网络协议。客户端是终端用户，服务器端是网站。通过使用Web浏览器、网络爬虫或者其它的工具，客户端发起一个到服务器上指定端口（默认端口为80）的HTTP请求。HTTPS，即加密后的HTTP。HTTP协议传输的数据都是未加密的，...
2019-02-24 21:57:29
136
原创 HTTP 2.0与HTTP 1.1区别
1、什么是HTTP 2.0HTTP/2（超文本传输协议第2版，最初命名为HTTP 2.0），是HTTP协议的的第二个主要版本，使用于万维网。HTTP/2是HTTP协议自1999年HTTP 1.1发布后的首个更新，主要基于SPDY协议（是Google开发的基于TCP的应用层协议，用以最小化网络延迟，提升网络速度，优化用户的网络使用体验）。2、与HTTP 1.1相比，主要区别包括HTTP/2采用...
2019-02-24 21:25:28
92
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人