- 博客(70)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 微信小程序实现类似Vue中的computed、watch功能
进入小程序后，打开终端，点击顶部“视图” - “终端”点击开发者工具中的菜单栏：工具 --> 构建 npm。在自定义组件中,以require的方式引入。初始化包管理器，生成一个。
2023-11-23 13:23:37
1163
原创 ES6学习笔记（3）- Symbol
Symbol.for()方法首先在全局Symbol注册表中搜索键为‘uid’的Symbol是否存在，如果存在，直接返回已有的Symbol，否则创建一个新的Symbol，并使用这个键在Symbol全局注册表中注册，随即返回新创建的Symbol。有时我们可能希望在不同的代码中共享一个Symbol，此时可用Symbol.for()后续如果再传入同样的键调用Symbol.for()会返回相同的Symbol。
2023-04-16 18:19:42
160
1
原创 ES6学习笔记（2）- ...的用法
es6引入rest参数，用于获取函数的实参，用来代替arguments。」扩展运算符能将「数组」转换为逗号分隔的「参数序列」
2023-04-15 18:30:12
151
原创 ES6学习笔记（1）- 箭头函数
箭头函数箭头函数声明特性箭头函数声明特性this是静态的，this始终指向函数声明时所在作用域下的this的值，使用call也无法改变this的指向不能作为构造函数实例化对象不能使用arguments变量箭头函数简写省略小括号，当形参有且只有一个的时候省略花括号，当代码只有一条语句的时候，此时return必须省略，语句的执行结果就是函数的返回值
2023-04-15 17:53:45
119
原创 css background-blend-mode背景的混合模式
background-blend-mode定义和用法background-blend-mode 属性定义了背景层的混合模式（图片与颜色）值描述normal默认值。设置正常的混合模式。multiply正片叠底模式。screen滤色模式。overlay叠加模式。darken变暗模式。lighten变亮模式。color-dodge颜色减淡模式。saturation饱和度模式。color颜色模式。luminosity
2021-09-07 18:24:33
1203
原创 moment.js 实现获取近一月、近三月、近一年、一月后、一年后等
momentjs官网moment().subtract(Number, String)通过减去时间来改变原始的moment若要减去时间，则传入要减去的数量、以及要减去的时间的键。两个参数第一个参数Number类型，减去的数量第二个参数String类型，要减去的时间的键用法：moment().subtract(7, 'days'); // 7天前moment().subtract(1, 'months'); // 1月前moment().subtract(3, 'months'); //
2021-08-19 14:45:34
10855
原创 静态网页在Tomcat上发布时去掉8080及后缀名.html
我的项目目录： /project/test.html从 http://localhost:8080/project/test.html 到 http://localhost一、去掉8080因为浏览器默认端口是80，将8080端口改为80即可不用输入端口打开tomcat文件夹–>找到conf–>server.xml–>用记事本打开找到下面这段将8080 改为80重启tomcat即可完成端口修改，再次访问就可使用 http://localhost/project/test.h
2021-08-02 18:27:42
754
原创 windows安装jdk+tomcat并配置环境
一、安装包下载jdkjdk下载地址注意： jdk与tomcat版本需要对应上，tomcat版本不能低于兼容的jdk的最低版本，否则会有问题，我就是因为版本没对应，按照步骤部署完后发现访问不了，这里我选的是jdk8根据自己的系统选择对应的版本tomcatApache Tomcat官网左侧选择对应版本进入下载，这里我选择对应jdk8的Tomcat 8，大家根据自己的需要进行选择二、jdk安装下载后双击即可安装，如下图：点击下一步之后出现下图，更改jdk安装路径（也可以采用
2021-08-02 15:29:02
4965
原创 windows使用本地电脑远程连接服务器
1、Window+R 打开运行窗口，输入mstsc 回车2、输入云服务器的外网ip由于我们需要在远程主机上从我们本地拷贝相关文件，因此需将本地某个盘共享到远程服务器中，具体操作如下:2.1 点击选项2.2 打开“本地资源-详细信息”2.3 在需要共享本地的磁盘前打勾确定后点击“连接”用户名为Administrator，密码为之前设置的复杂密码(即之前点击重置密码时设置的密码) 点击确定进入远程主机界面...
2021-07-30 15:58:30
2023
原创 移动端上传图片兼容
安卓和ios均可实现拍照和选择文件上传在测试中发现IOS会出现上传文件的控件只能拍照而不能选择现有图片的问题，代码如下：<input type="file" capture accept="image/*"/>capture属性是为了解决安卓兼容问题，但ios加了这个属性只允许拍照。因此，只能去掉capture属性，安卓上加 accept=“image/*” 属性才可以出现拍照+选择，否则只能选择。<input type="file" accept="image/*" /&g
2021-07-30 14:09:40
299
原创 canvas生成圆形图章（名称紧凑和散开）
使用canvas画公章// 生成公章function comCreateSeal(_opts){ var opts = { canvas: null, // 生成的canvas dom company: "", // 机构名称 companyTight: false, // 公司名称是否紧凑 name: "专用章" } if (typeof _opts == 'object') { opts = Object.assign(opts
2021-06-09 14:11:41
523
原创 UEditor新增自定义按钮---视频/音频上传
效果如图：我添加了两个按钮，所以下例中全都加了两个按钮对应的东西1. 在ueditor.config.js文件里的toolbars的数组中添加一个你需要新增的按钮功能名称我这里添加了两个 ‘customvideo’, ‘customaudio’2.zh-cn.js 中找到labelMap并添加第一步新增的按钮对应的提示内容，主要是用于鼠标放置上去显示的文字提示内容3. 在图标雪碧图中加入需要的图标，如果雪碧图中已有想用的图标可忽略这一步4.在 _css/buttonicon.css添加图标
2021-04-01 17:50:10
1636
4
原创 pdfjs识别pdf文字
pdfjs官网http://mozilla.github.io/pdf.js/Demo示例效果识别的文本在控制台有输出，可打开控制台查看主要代码//用 promise 获取页面PDFJS.getDocument(fileURL).then(function (pdf) {});// 获取i页的页面pdf.getPage(i).then(function (page) { // 识别pdf中文本 page.getTextContent().then(function(textCont
2021-03-19 16:22:55
1659
原创 pdfjs实现pdf预览
Demo示例效果主要代码//用 promise 获取页面PDFJS.getDocument(fileURL).then(function (pdf) {});// 获取i页的页面pdf.getPage(i).then(function (page) {})// 识别pdf中文本page.getTextContent().then(function(textContent) { for(let j = 0; j < textContent.items.length; j+
2021-03-19 16:16:07
11206
原创 移动端使用better-scroll后导致vue组件@click事件失效解决
问题： 在移动端加了better-scroll后，better-scroll组件中的所有@click事件都失效了解决：在dom结构加载完成时才执行初始化<div class="wrapper" ref="wrapper"> <div class="content"> <ul> <li></li> </ul> </div></div>mounted() { th
2021-03-05 13:48:59
224
原创 ES6-const使用总结
es6新增了const用来定义常量，声明之后不允许改变如下：修改const声明的变量会直接报错但是，const声明的变量真的不可以改变吗？我们来看一个例子：const obj = {name: "张三", age: 10}obj.age = 18;此时我们打印obj会发现age被改变了这是什么原因呢？在计算机中，常量是放在栈中的，而对象是放在堆中的。对于对象赋值，const指向的仅仅是他的地址，cosnt仅仅是保证这个地址不改变，至于地址对应的数据，是可以进行改变的。数组同对象是
2021-02-03 17:31:51
1181
原创 var与const、let的区别
一、重复声明同一作用域下let和const不能声明同名变量，而var可以varconstlet√××// varvar str = 'es6';var str = 'es2015';console.log(str); // es2015// const or letlet str = 'es6';let str = 'es2015'; // Uncaught SyntaxError: Identifier 'str' has already been dec
2021-02-03 14:46:26
209
原创 css图片滤镜
模糊/*模糊*/.addblur { filter: blur(6px);}对比效果图：怀旧/*怀旧*/.oldeffect { filter: sepia(.5);}对比效果图：复古/*复古*/.addretro { filter: grayscale(1);}对比效果图：美白/*美白*/.addBeati { filter: brightness(130%);}对比效果图：饱和度/*饱和度*/.saturate{ filter: sa
2021-02-02 17:11:02
803
原创 Jquery对普通数组和JSON数组的排序（包括字符串和数值）
sort() 方法用于对数组的元素进行排序。语法：arrayObject.sort(sortby)参数：sortby 可选。规定排序顺序。必须是函数。返回值：对数组的引用。请注意，数组在原数组上进行排序，不生成副本。下面的排序都用到了sort，分为几种情况来介绍1、普通字符串数组直接调用sort就可以实现排序var arr = ["张三", "李四", "王麻子", "小二", "陈晨", "陈阳"]arr.sort()结果如下：2、普通数值数组var arr = [10
2021-01-29 19:23:00
1825
原创 普通微信小程序转云开发并且新建云函数
1.开发者工具中点击云开发，开通并创建一个云环境（若已开通请忽略）2.在小程序根目录下创建文件夹 cloudfunction3.project.config.json添加云函数根目录4.app.js 文件的 onLaunch 方法中添加下面的代码，初始化云函数if (!wx.cloud) { console.error('请使用 2.2.3 或以上的基础库以使用云能力')} else { wx.cloud.init({ traceUser: true, })}至此云
2021-01-18 15:37:48
1126
原创 Jquery fileupload用法，包括进度条设置
准备工作：引入几个js<script src="js/jquery.min.js"></script><script src="js/vendor/jquery.ui.widget.js"></script><script src="js/jquery.iframe-transport.js"></script><script src="js/jquery.fileupload.js"></script>
2021-01-05 10:44:52
1008
1
原创 全角字符与半角字符转换
半角字符转全角function ToDBC(txtstring) { var tmp = ""; for(var i=0;i<txtstring.length;i++) { if(txtstring.charCodeAt(i)==32) { tmp= tmp+ String.fromCharCode(12288); } else if(txtstring.charCodeAt(i)<127)
2020-12-18 13:55:39
508
原创 windows下安装字体到linux服务器
下载字体文件到Linux使用“WinScp”软件，将字体文件从windows复制到linux文件夹下windows字体文件一般位于 C:\WINDOWS\Fonts ， 从其中copy相应的字体到Linux系统的 /usr/share/font/下的文件夹中如果不能直接复制到 /usr/share/font/文件夹，可先复制到其他文件夹下，然后在ssh中切换刚刚复制的字体目录下，用 cp STKAITI.TTF /usr/share/fonts/命令将字体文件复制到 /usr/share/font..
2020-12-14 11:47:49
990
原创 JS操作之iframe
window.frameElement返回嵌入当前window对象的元素(比如 或者 ),如果当前window对象已经是顶层窗口,则返回null.window.name获取/设置窗口的名称。
2020-09-30 14:35:47
3418
原创 Word字号对应表
字号磅值初号42小初36一号26小一24二号22小二18三号16小三15四号14小四12五号10.5小五9六号7.5小六6.5七号5.5小五9六号7.5小六6.5七号5.5八号5...
2020-08-18 13:05:50
6979
原创 js清空html5上传
问题： 删掉input的value但还是会提交file到后台解决： 先给input套一层form，然后reset()之后再去掉外层form$("#file_url").wrap('<form>').closest('form').get(0).reset();$("#file_url").unwrap();
2020-07-31 16:44:59
173
原创 监听一个DOM节点的变化
监听div宽高变化开发过程中经常遇到的一个问题就是如何监听一个div的size变化比如div1宽度变化的时候同步去改div2的宽度我们一开始会用$(window).resize()去做，但这个方法只能监听浏览器窗口的变化，很多时候，div的size发生了变化，但是window的size并没有改变。此时就需要用到ResizeObserverResizeObserver可以帮助我们监听一个DOM节点的变化，包括节点的显示和隐藏节点的size变化ResizeObserver API使用了观察者模
2020-07-08 13:31:59
1635
原创 移动端省市区三级联动下拉选择
mobiscroll_city源码在最后请用移动设备打开demo或者使用浏览器模拟移动端Demooptions"title": '请选择',//标题(可选)"defaultValue": "",//默认值-多个以空格分开（可选）"type": 3,//需要联动级数[1、2、3]（可选）"data": cityData,//数据(必传)example<h3>省二级</h3><input type="text" name="area" placeholder
2020-06-10 16:41:23
803
原创 微信小程序之通过云函数发送请求
通过第三方request 库发送请求github上搜索request-promise或者点击直接打开需要先安装request，再安装request-promise怎么安装呢？⬇在小程序开发工具里打开你的项目，项目里的云函数下右键打开终端（如果没有对应的云函数，请先创建云函数，如何创建云函数这里就不做描述了）依次安装request和request-promise接下来就可以使用了...
2020-01-05 16:03:22
3778
1
原创 微信小程序之组件Vant Weapp使用
安装Vant Weapp组件前，需要对代码进行初始化的设置首先，打开miniprogram文件夹，右键选择“在终端中打开”List item
2020-01-05 15:17:56
964
1
原创 'npm' 不是内部或外部命令，也不是可运行的程序
使用npm命令提示: ‘npm’ 不是内部或外部命令，也不是可运行的程序在安装nodejs时候，有时候我们会把它安装在d盘或别的盘时，经常会遇到npm环境变量没有配好，需要自己手动去配置。nodejs在nodejs官网下载后直接点击安装在安装完nodejs后输入node -v查看安装是否成功，若成功会出现下图接着我们在使用npm安装依赖的时候有时候会出现“‘npm’ 不是内部或外部命令...
2020-01-05 14:48:59
26733
1
原创 微信小程序开发问题集锦
wx:key报错does not look like a valid key name？解决方法：wx:key="{{index}}"去掉双大括号，用wx:key=“index”
2020-01-04 20:07:41
1260
原创 js之数组
删除某一元素// 为所有Array对象添加新的方法removeArray.prototype.remove = function(_val){ var index = this.indexOf(_val); if (index > -1) { this.splice(index, 1); } }使用方式：var arr = ['张三', '李四', '...
2019-12-19 16:18:02
78
原创 echarts之自定义（一）
最大值&最小值&平均值效果图代码/*params：包含了当前数据信息和坐标系的信息。api：是一些开发者可调用的方法集合。api.value(...)，意思是取出 dataItem 中的数值。例如 api.value(0) 表示取出当前 dataItem 中第一个维度的数值。api.coord(...)，意思是进行坐标转换计算。例如 var point = ap...
2019-12-09 13:26:01
2323
原创 Mdate.js使用
使用方法new Mdate("dateShowBtn", { //"dateShowBtn"为你点击触发Mdate的id，必填项 acceptId: "dateSelectorTwo", //此项为你要显示选择后的日期的input，不填写默认为上一行的"dateShowBtn" beginYear: "2002", //此项为Mdate的初始年份，不填写默...
2019-11-12 10:14:29
3427
原创 移动端兼容问题
ios对new Date() 的兼容问题问题：var d = new Date(“2019-11-11 17:39:00”);在ios上返回 invalid Date原因：ios里不支持 ‘-’ 连接的日期解决：将日期转换为 ‘/’ 连接的var d = new Date(“2019-11-11 17:39:00”.replace(/-/g, “/”));移动端弹出软键盘导致...
2019-11-01 17:44:52
101
原创 pdf.js使用问题
pdf.js显示合同签名问题问题：pdf页面，合同的签名印章或签字会显示不出解决方式：pdf.worker.js里，找到if (data.fieldType === ‘Sig’) ，注释掉this.setFlags(AnnotationFlag.HIDDEN);注： 不用版本可能写法不用if (data.fieldType === 'Sig') { /*warn('un...
2019-10-28 16:01:15
556
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人