- 博客(23)
- 收藏
- 关注
RSS订阅原创 input输入框type=“password“时autocomplete=“off“失效问题
需求：实现密码输入框，并不使用记忆功能问题：当type="password"时autocomplete="off"、autocomplete="new-password"均不管用解决方法：将type设为text类型 type="text"并将输入框内容设置圆点显示，如下：text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;eg：html:<input type='te.
2021-07-19 14:23:41
1979
原创 获取div下的第一个子div
$('.qxh-dropdown-page').children()[0]但得到的是一个dom对象，如果要得到Jquery对象，要使用$($('.qxh-dropdown-page').children()[0])
2021-03-30 22:55:34
2617
原创 统计字符串中的汉字个数
var str = '刷新成功'var reg = new RegExp('[\u4e00-\u9fa5]+$','g');str=str.match(/[\u4e00-\u9fa5]/g).join("");console.log(str.length)注：（1）“\u4e00”和“\u9fa5”是unicode编码,并且正好是中文编码的开始和结束（2）join（）：把数组中的所有元素转换为一个字符串...
2021-03-23 11:31:30
426
原创 vue项目给static下的静态资源添加版本号
1、在vue项目的根目录新建一个staticversion.js，js文件内容如下代码：2、在需要给静态文件添加版本号时在根目录允许nodestaticversion注：我的项目static文件夹下放了一个H5项目，每次改动H5项目后需要运行nodestaticversion来给引用的图片或者html中引用的css、js文件等添加版本号以达到清除缓存的目的let fs = require('fs')let path=require('path');let timestamp...
2020-08-11 16:27:50
1810
原创 聊天室中的性能优化
问题：当大量用户涌入聊天室后页面直接卡死，并且输入框卡顿方案：减少频繁渲染带来的性能消耗1、定时渲染 that.storageMsgData.push(dataobj) // 将消息暂存 if(timerStorage){ clearInterval(timerStorage) } ...
2020-03-09 10:13:34
825
原创 网络状态监听
需求：在聊天室中需要对网络状态进行监听，当网络从离线状态切为在线状态时重连socket解决方案： data(){ return{ onLine:false,// 网络状态 } }, mounted(){ if (登录){ window.addEventLi...
2020-02-26 15:18:38
835
原创 node内存泄漏
报错：Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory方案一：（一个扩大node内存限制的插件）npm install -g increase-memory-limitincrease-memory-limit依次运行后重启项目注：之后会补充内存...
2020-02-26 10:36:27
281
原创 输入框小数位限制
以VUE为例：<el-input v-model="form.num" @keyup.native="enterValue"></el-input>data(){ return{ form:{}, reg:'', // 小数位正则 }},mounted(){ this.regRule(3)},met...
2019-11-06 16:59:06
217
原创 vue在输入框输入数据给对象属性赋值时视图没有更新
问题：<el-input v-model="form.num" @keyup.native="enterValue"></el-input>data(){ return{ form:{} }},methods:{ enterValue(){ // 因为某些业务需求，需要对输入框的值做一些判断或处理后重新...
2019-11-05 14:57:25
1804
原创 滑块：通过拖动滑块在一个固定区间内进行选择，以0作为起点（注：区别于Element UI 滑块Slider以最小值作为起点）
1、先上效果，以免浪费各位时间2、父组件引入<slider :min="minOverflow" :max="maxOverflow" @sliderValue="sliderValue" style="width: 345px"></slider>import slider from '@/components/slider'3、子组件页面...
2019-10-17 21:15:29
1707
原创 正则拼接——限制输入小数点后num位
问题：拼接之后的正则表达式是字符串类型，直接使用无效解决：需要将字符串利用eval转为正则，‘\’需要用\转义eg:// 根据业务需求限制输入小数点后num位langReg(num){ var lang1='\\d' for(var i=1;i<num;i++){ lang1 = lang1 + "\\d" } this.r...
2019-05-08 09:43:30
324
原创 vue表格中常见状态的判断方法
方法1：<el-table :data="list" style="width: 100%"> <el-table-column prop="sn" label="订单号"></el-table-column> <el-table-column prop="amount" label="数量"></el-table-colu...
2019-03-25 20:24:05
4073
原创 Vue滚动条下拉到底部时加载数据
<template> <div> <div class="head">开奖记录</div> <div class="lotteryrecord"> <el-scrollbar id="resultScroll" ref="myScrollbar" style=...
2019-03-23 18:13:01
5844
2
原创 一个用来将时间戳或者当前时间转换成常见的日期时间格式的node包
使用方法： npm itime-conversionimport format from 'time-conversion'alert(format('YYYY-MM-DD hh:mm:ss',1551587677836))第一个参数：（时间格式）必填第二个参数：（时间戳）不传时默认获取当前时间时间格式参考：YYYY-MM-DDYYYY年MM月DD日YYYY/MM...
2019-03-20 17:23:15
376
原创 不同尺寸图片的按照规定尺寸统一不变形展示
1、类比微信朋友圈图片展示效果，不同宽高的图片均以规定的正方形尺寸不变形展示，可适当截取部分（宽高自动截取）html:<div> <img src=""> </div>css:div{ width: 100px; height: 100px;}img{ width: 100%; height: 100%...
2019-03-20 16:46:18
1376
原创 PHP基础
PHP的运行方式、基本语法、输出、是否区分大小写、变量、变量赋值、变量作用域及静态变量、函数定义和默认值的设置、内置函数、常量、表单数据接收
2017-09-11 22:23:28
165
原创 jquery day3
$(document).ready(fn)与$(window).load(fn)的区别、鼠标、键盘、表单、悬浮、事件对象、绑定事件、事件触发、动画
2017-08-29 04:17:36
263
原创 canvas day3
27、纠正canvas day2 26旋转90度是指原画布坐标旋转90度，并在新的坐标内绘制矩形1，并将其调整至适当的位置使用户可见，而非将原画布内的矩形1旋转90度28、冒泡（1）点击div3点击div2点击div1（2）div3阻止冒泡点击div3点击div2点击div1div2阻止冒泡点击di...
2017-08-24 00:31:01
194
原创 canvas day2
16、闭包：当function里嵌套function时，内部的function可以访问外部function里的变量。functionfoo(x) {vartmp=3;returnfunction(y) { alert(x+y+(++tmp)); }}varbar=foo(2);//bar 现在是一个闭...
2017-08-23 00:40:52
215
原创 canvas day1
1、var canvas=document.querySelector("#canvas")canvas.width=600;canvas.height=600;canvas.style.border='1px solid red' //通过canvaas对象的属性来设置canvas绘画盒子的宽高2、var pen=canvas.getContext('2d') //获取画笔3...
2017-08-21 21:50:20
232
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人