web前端开发
bossxu_
这个作者很懒,什么都没留下…
展开
-
js for循环用 let 和 var比较
1.使用var 和 let 比较因为var是全局变量,所以循环结束后值会被覆盖掉,比如初始值i=0;i<5那么最后循环结束后i的值就会也只能是5let有作用域 在每次循环之前 会重新声明及初始化一次;for(var i = 0; i<5;i++){ // setTimeout(()=>console.log(i),0) // 5 5 5 5 5}for(let i = 0; i<5;i++){ setTimeout(()=>console.log原创 2022-02-11 10:19:03 · 811 阅读 · 0 评论 -
vue created 和 watch 属性哪个先执行
如果watch 加了 immediate: true, 就是watch先执行,否则就是created 先执行原创 2022-02-10 17:28:00 · 1670 阅读 · 0 评论 -
判断网络是否畅通 可以调用本地图片 (只有发到服务器的可以使用,本地不行)
function onLine(callback){ var img = new Image(); img.src = '/assets/img/img1.26736430.png'; img.onload=function(){ if (callback) callback(true) }; img.onerror=function(){ if (callback) callback(false) };}原创 2021-12-02 14:55:21 · 596 阅读 · 0 评论 -
js 导入本地word解析
import mammoth from "mammoth";import marked from 'marked' created() { let vm=this; const xhr = new XMLHttpRequest(); xhr.open("get", "/src/page/kolApply/agree.docx", true); // 获取word路径 xhr.responseType = "arraybuffer"; xhr.onload =原创 2021-10-19 09:31:19 · 2181 阅读 · 0 评论 -
antd form 表单初始化赋值
antd Design Form setFieldsValue最近开发过程中遇到 antd form 表单赋值不上 查阅文档得知;需要setFieldsValue 和 createRef() 结合起来使用1.创建createRef()export default class HomeIdenx extends Component { constructor(props) { super(props); this.state = { f原创 2021-09-06 11:31:25 · 3149 阅读 · 0 评论 -
json 嵌套多层 json字符串转换成json
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="http://.原创 2021-08-13 10:49:38 · 1318 阅读 · 0 评论 -
vue 数组更新视图没有更新
数组更新this.$set(this.todos,0,{name: 'age'});对象this.$set(this.obj,'key',value);原创 2021-07-27 18:52:01 · 153 阅读 · 0 评论 -
CSS之经典flex布局-垂直居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>flex垂直居中<原创 2021-07-21 09:44:44 · 698 阅读 · 0 评论 -
CSS之经典flex布局——头部底部固定,中间部分自适应高度
1.外部盒模型 flex ,子元素竖向排列;给顶部和底部元素 固定高度;中间元素 flex-grow: 1;2.中间元素左右固定,中间自适应;左右元素固定宽度;中间元素flex:1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>flex 经典布局</title> <style> html原创 2021-07-20 16:14:52 · 3587 阅读 · 0 评论 -
全局默认 Element select filterable属性值
希望element所有的下拉框都支持 filterableElement.Select.props.filterable={ type: Boolean, default: true};原创 2021-07-02 16:46:33 · 894 阅读 · 0 评论 -
js数组从首位 移到末尾
var ary = [9,1,2,3,4,5,6,7,8];ary.push(ary.shift()); // results in [1, 2, 3, 4, 5, 6, 7, 9]原创 2021-06-23 10:45:25 · 3173 阅读 · 0 评论 -
element-ui 时间选择器限制范围的实现(实时选择)
pickerOptions0: { onPick(time){ minDate=time.minDate _maxTime = time.minDate.getTime() + 7776000000 // 这个毫秒数 是三个月 }, disabledDate:(time)=> { if(minDate && _maxTime){原创 2021-06-15 11:49:30 · 367 阅读 · 0 评论 -
vscode 鼠标选中多行代码,每行末尾都出现了光标
1.打开vscode 设置 搜索 Column Selection 取消设置原创 2021-06-09 10:53:32 · 2785 阅读 · 3 评论 -
vue 单页面 vue-cli3 步骤(jsp 页面页面使用)
1.创建vue项目vue create hello-world2.构建单页面npx vue-cli-service build --target lib --name myLib src/components/HelloWorld.vue3.绑定在页面1.用模板绑定<div id="app"> <demo></demo></div><script>new Vue({ components: { demo:原创 2021-04-23 09:04:41 · 551 阅读 · 0 评论 -
Legacy octal literals are not allowed in strict mode 严格模式下禁止使用 八进制
文件执行后报如下错:错误原因是:JS严格模式禁止使用八进制字面量,在我时间输入中使用了0,所以报错了把0删掉问题就解决了;原创 2021-04-15 10:24:42 · 4571 阅读 · 0 评论 -
moment 获取当前时间上个月月初 和 月末
var currentdate1 = moment(new Date()).startOf('month').subtract('month', 1) //上个月初 var currentdate2 = moment(new Date()).endOf('month').subtract('month', 1).endOf('month') //上个月末 currentdate1 = moment(currentdate1).format('YYYY-MM-DD') curren..原创 2020-12-05 15:48:01 · 3614 阅读 · 0 评论 -
moment.js 获取下一个月的月初 和月末
var starttime= moment(date).startOf('month').subtract('month', -1) //下个月初 var endtime= moment(date).endOf('month').subtract('month', -1).endOf('month') //下个月末原创 2020-12-05 15:22:16 · 3984 阅读 · 0 评论 -
js 校验不允许输入中文
onkeyup="this.value=this.value.replace(/[\u4E00-\u9FA5]/g,'')"原创 2020-09-01 10:53:03 · 3741 阅读 · 1 评论 -
element el-select 支持拼音码和中文检索 检索的时候必须加属性 filterable
1.下载拼音码包导入进来npm install --save pinyinimport pinyin from 'pinyin'2.修改element el-select 源码import { escapeRegexpString //这个方法是element el-select 检索方法 导入进来} from 'element-ui/src/utils/util'El...原创 2020-04-19 09:53:45 · 1107 阅读 · 2 评论 -
js方法名当变量传参
1.变量传参function demo(){ alert('我是变量传参')}function init(fn){ window[fn].call(this);}(function(){ init('demo') //变量传参 变量必须加双引号})()2.变量传参,变量有参数时function demo(a,b){ alert(a+b)}...原创 2019-11-27 09:15:52 · 1293 阅读 · 0 评论 -
动态生成元素绑定事件
使用window.onload 可以给动态生成元素绑定事件window.onload = function() { //清除复制元素copy $( "body" ).on( "input","input", function() { if($(this).val().indexOf('#copy#')>-1){ var inputA...原创 2019-11-08 08:49:05 · 182 阅读 · 0 评论 -
js 获取服务器时间
实际使用当中,我们经常需要获取客户端时间;如果我们获取的都是客户端时间;如果客户端时间修改了;就会导致数据有可能出现差错,所以我们就要从服务器获取时间;这样就可以保证整个模块的时间都是统一的;/** * Created by console on 2019-07-25. *//** * init :直接获取服务器时间 * @type {{init}} */var getSer...原创 2019-10-26 15:35:23 · 1028 阅读 · 0 评论 -
js 数组字符串常用方法
数组转换为字符串使用 arr.join()let arr=[1, 2, 3, 4, 5, 6, 7, 8, 9]arr.join() // "1,2,3,4,5,6,7,8,9"字符串转为数组使用 str.split(’’)let str='123456789'str.split() // ["1", "2", "3", "4", "5", "6", "6", "7"...原创 2019-10-26 09:45:06 · 270 阅读 · 0 评论 -
vue textarea 实现密码框的功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js">...原创 2019-10-25 20:15:23 · 2373 阅读 · 0 评论 -
vue CheckBox全选和反选
通过一段时间vue学习。自己模拟练习了CheckBox的全选的反选 希望对大家有用## <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi原创 2018-05-23 22:30:15 · 4295 阅读 · 0 评论 -
获取url地址参数值 已键值对方式存入json
截取url地址参数名 var url="http://vip.qq.com/a.php?a=1&b=3&c=4&d=5"//定义参数可以是无限的 var arr=url.split("?")[1]; //根据?跟个url var arr2=arr[1].split("&"); //根据&重新分割原创 2017-12-15 14:58:58 · 2061 阅读 · 0 评论 -
bootstrapValidator 动态赋值不生效
1.fields 参数添加trigger $('.bv-form').bootstrapValidator({ message: 'This value is not valid', excluded:[":disabled"], feedbackIcons: { valid: '', ...原创 2019-05-15 18:58:43 · 1380 阅读 · 0 评论 -
原生js,postMessage解决跨窗口消息
原生js ,postMessage给跨窗口页面发送数据window.parent.postMessage( { close: true, type: 'shuaka', result:msg.result, errmeesage:msg.meesage, cardMap:msg.map }, '*' );跨窗口页面接受另一个页面传过来的消息,事件注册只执行一次的页面;window.add...原创 2019-01-14 15:28:16 · 14571 阅读 · 0 评论 -
JSON 通过两个字段来排序
var sorted = data.sort(function(a, b) { //先排序a 字段 然后排序b 字段 const first = a.a - b.a; if (first !== 0) { return first; } ...原创 2018-04-15 09:40:33 · 1947 阅读 · 0 评论 -
验证身份证方法
verfyCertificat(idCard) 不仅计算身份证的长度 还会准确的计算他的准确性//校验身份证function verfyCertificat(idCard) { //15位和18位身份证号码的正则表达式 var regIdCard = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1...原创 2018-04-15 09:06:50 · 1225 阅读 · 0 评论 -
计算数组中重复元素个数
/** * @param result 数组 * @param valueNum 计算重复个数的元素 * */function isRepeat(result,valueNum){ //判断数组中重复元素的个数 var arr = []; result.sort() for (var i = 0; i < result.length;) { ...原创 2018-04-15 08:56:22 · 7222 阅读 · 0 评论 -
bootstrap-tagsinput 使用方法
bootstrap-tagsinput 最简单的使用方法只需要引五个文件 在把需要用input初始化一下,bootstrap-tagsinput 需要用的js和css 文件已在文本最后附上html lang="en">head> meta charset="UTF-8"> title>title> link rel="stylesheet" href="../原创 2018-01-09 10:49:01 · 20097 阅读 · 4 评论 -
jqGrid 选中行不选中icheck 阻止事件
jqGrid 选中行不选中icheck 阻止事件beforeSelectRow: function (rowid, e) { var $myGrid = $(this), i = $.jgrid.getCellIndex($(e.target).closest('td')[0]), cm = $myGrid.jqGrid('getGri原创 2018-01-05 16:08:21 · 2521 阅读 · 0 评论 -
截取数组中指定内容
/** * @parm arr 数组 val 要截取的指定内容 * */ function arrIntercept(arr,val){ var index=arr.indexOf(val) if(index>-1){ arr.原创 2017-12-20 09:25:49 · 3149 阅读 · 0 评论 -
svn使用方法以及使用教程
一、什么是svnSVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS、CVS,它采用了分支管理系统,它的设计目标就是取代CVS。二、svn的下载安装下载地址:https://tortoisesvn.net/downloads.zh.html安装完不要忘记重启电脑安装完成后,按下鼠标右键,会看到如下界面: 如果显示是这样的,就说明安装成功了三、svn的常用操作1、迁出配置原创 2017-01-12 15:52:53 · 43852 阅读 · 1 评论 -
2016年JavaScript最佳轻量级的插件和库
重点内容# 欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用转载 2016-12-30 09:46:44 · 319 阅读 · 0 评论 -
js文章网站集锦
js易错知识点整理http://www.jianshu.com/p/1c77853d4f01原创 2017-01-03 16:11:12 · 392 阅读 · 0 评论 -
HTML5获取手机摄像头拍照
HTML5获取摄像头进行拍照,存储原创 2017-01-03 15:57:04 · 6599 阅读 · 1 评论 -
js判断当前浏览类型是谷歌 、火狐、IE
/*** * 获取当前浏览器类型 */function myBrowser() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera) { //判断是否Opera浏览器 ...原创 2018-04-16 21:31:21 · 15468 阅读 · 2 评论 -
数字金额大写转换
/** 数字金额大写转换(可以处理整数,小数,负数) */ var digitUppercase = function(n) { var fraction = ['角', '分']; var digit = [ '零', '壹', '贰', '叁', '肆', '伍', '陆', ...原创 2018-04-17 11:04:49 · 973 阅读 · 0 评论