![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 51
ERROR!!!!!!
这个人很懒,什么都写了。
展开
-
正则表达式(更新)
密码,邮箱以及可能会遇到的其他情况正则校验原创 2022-07-29 11:34:37 · 145 阅读 · 0 评论 -
webGL与three.js 学习笔记(先占个坑)
目录官网链接引入three.js组件场景相机渲染器几何体举个栗子长方体/正方体vue中应用点线面定义一个点几何体THREE.Geometry()线材质three.js是对webGL的封装。小白不必看底层代码,底层是一个需要积累量变的过程。参考文献:webGL Three.js教程官网链接官网上有相应的一手资料及课程,各取所需。一、webGL: http://www.hewebgl.com/二、规范(小白不必):openGL | ES https://www.opengl.org/三、gitH原创 2020-12-28 17:51:27 · 439 阅读 · 1 评论 -
async & await 异步请求骚操作
概述ES7新语法,异步操作,超强async用于函数上,其函数返回值是promise实例对象;await用于async函数中,可以得到异步结果;async function queryData(id){ const ret = await axios.get(url);//不在需要回调了then console.log(ret.data); return ret;//直接return出来}queryData().then(ret => { console.log(ret);})原创 2020-10-28 11:58:26 · 148 阅读 · 0 评论 -
fetch 异步请求骚操作
目录概述基本用法基本配置响应结果概述基于promise实现,xhr升级版fetch(url).then(fn1) .then(fn2) ...... .catch(fn)基本用法fetch(url).then(data => { return data.text();//fetch API,返回promise实例对象}).then(ret => { console.log(ret);//最终真实数据在这里!!})基本配置1、method(String)原创 2020-10-28 10:03:11 · 205 阅读 · 0 评论 -
Promise异步编程总结
目录概述AjaxPromisepromise基本用法用promise处理一下Ajax发送多次Ajax请求then参数函数返回值Promise常用API概述Promise => ES6新语法,处理异步编程。多次异步调用其结果出现的顺序无法控制,异步调用确实存在依赖关系就需要嵌套,多层嵌套会产生回调地狱。三种异步编程:一、定时任务 setTimeout & setInterval二、Ajax三、事件函数Ajax一般的请求:$.ajax({ url:'*****',原创 2020-10-27 21:13:43 · 153 阅读 · 2 评论 -
前端 文件流 / blob / file 转换
目录需求以及背景解决:关于blob/file初始文件流file->formData说说file->blob对象需求以及背景这两天有个需求:把上传的/后台返回的图片文件加一个图片转换文字的ocr功能。目前遇到两种情况,一个是从后台接收的文件流,类似以下:一个是用elementui组件获取的file对象类型格式文件。解决:关于blob/fileblob参数要求看这个https://developer.mozilla.org/zh-CN/docs/Web/API/Blobfile原创 2020-09-30 17:43:35 · 22852 阅读 · 2 评论 -
文本域字数限制
直接正文,不要使用onkeyup事件,输入中文的时候会产生bug(拼音的间隔符会占位需要再次触发onkeyup才能正常)。主要使用oninput事件。方法一 :<textarea id="textid" placeholder="请输入诉求请求" oninput="wordLeg(this);" maxlength="500" ></textarea><div class="word"><span class="text_count">0</sp原创 2020-09-25 14:51:53 · 1319 阅读 · 1 评论 -
vue 点击复制选中指定文本,超好用
经过测试,方法兼容谷歌和IE,提取成公共方法如下:export function copyText(e) { let text = document.getElementById(e); let selection = window.getSelection(); let range = document.createRange(); range.selectNodeContents(text); selection.removeAllRanges(); selection.addRange(原创 2020-08-22 17:52:30 · 2055 阅读 · 0 评论 -
赋值的坑 0的布尔类型
目录background分析解决background简化一下问题以及代码后台返回中的数据中有这样一组:...rdwtdm:0,//number类型rdwtmc:'新型冠状病毒',...因为某些原因,原表单提交的rdwtdm是string类型因为数据类型不一致导致表单数据无法回填成功赋值代码是这样写的:rswtdm = rdwtdm?String(rdwtdm):'';打印了一下赋值后的form发现:数据类型复制成功,但数据未赋值成功...rdwtdm:'',//空字符串r原创 2020-06-24 11:29:28 · 1185 阅读 · 0 评论 -
elementUI+VUE 表格数据单行移动
目录需求说明代码步骤需求说明选中表格单行数据,点击上移或下移实现数据移动。操作按钮单独在表格上。代码步骤一、索引获取原有的从后台获取的数据中并没有存放索引,且表格中数据是根据前端的索引编写的序号。添加** :row-class-name=“tableRowClassName” **属性方法<el-table ref="multipleTable" :data="tableData" height="calc(100% - 38px)" tooltip-effect="dark" sty原创 2020-05-15 12:03:13 · 1149 阅读 · 0 评论 -
IE浏览器GET请求方式乱码
问题ie浏览器,get方式请求时发生错误,参数乱码,时乱时不乱。以下是我输入“大”字。解决办法encodeURIComponent(JSON.stringify(参数),‘utf-8’)url: "/api/*******/******?data="+encodeURIComponent(JSON.stringify(this.form),'utf-8'),正常了...原创 2020-02-25 16:00:00 · 451 阅读 · 0 评论 -
根据身份证号来计算年龄与性别 JavaScript && Vue.js
目录计算规则需求环境代码今天我要来写一些笨重的代码(以后肯定会写出简洁的别人都不懂的代码!!!)计算规则据我所了解(可能了解的不是很准确,大家自行网上搜索一下),我国身份证的规则如下:身份证位数出生年份出生月份出生日期性别15位(一代)7、8位9、10位11、12位15位 奇男偶女18位(二代)7、8、9、10位11、12位13、14位17位...原创 2020-01-03 17:22:48 · 1270 阅读 · 1 评论 -
ElementUI/Vue 联级选择器Cascader 在实际中的应用
目录页面展示代码页面展示代码html部分<el-form ref="form" :model="form" label-width="140px"> <el-form-item label="指定分类(筛选)" prop="nrflCodeId"> <el-cascader :options="nrflOptions" ref="cascaderAdd...原创 2019-12-18 20:13:30 · 465 阅读 · 0 评论 -
mui弹窗动态添加数据
需求点击添加按钮,弹出弹窗,将信息填入点击确认后,在列表详情中会出现一个只有名字的块,点击出现详情。点击弹出啊弹窗,填入信息。点击确认后添加至详情出现色块点击详情中的色块可以查看、编辑、删除。代码弹窗是自己写的没有用框架的。<div id="popover-dialog" style="height: 250px;"> <form class="mui-...原创 2019-11-30 16:15:16 · 1277 阅读 · 1 评论 -
箭头函数
箭头函数中的this,是在定义的时候指定的普通函数中的this是在调用的时候找到的function sum(a,b){ console.log(a+b);//得到30}sum(10,20);匿名函数如下var sum = function(a,b){ console.log(a+b);//得到30}sum(10,20);箭头函数如下//小括号里是参数,箭头花括号是执...原创 2019-06-20 09:28:00 · 121 阅读 · 0 评论 -
浅谈 js 面向对象
前言我们想来思考一个问题,对象是什么。简言之,包含属性和方法的就是对象。更严肃一点即“类的实例”。原创 2019-06-17 08:40:51 · 6774 阅读 · 4 评论 -
简单的对象拷贝
基本数据类型中是值,引用数据类型中对应的是地址。地址被修改后c和d只要引用的是一个地址就以最终修改的为准。原创 2019-06-21 11:32:36 · 145 阅读 · 1 评论 -
JavaScript创建对象的几种方式
目录前言创建对象方法一·对象字面量的方式二·用function模拟无参的构造函数三·用function来模拟参构造函数来实现四·工厂方式(内置对象)五·原型六·混合方式前言JavaScript创建对象的方式有很多,但无非就是使用内置对象或各种内置对象或各种自定义对象,也可以用JSON;写法有很多种,也能混合使用。下面来一一展示。不做叙述,全靠意会。创建对象方法一·对象字面量的方式pers...转载 2019-06-17 23:34:42 · 128 阅读 · 0 评论 -
JavaScript中null与undefined的区别
用汉语直白的解释过来,null是“空”,undefined是“未定义”。这么说起来还是似懂非懂,那么让我们用最简短的语言清楚的解释一下二者的区别。区别区别一:null表示一个对象是“没有值”的值,也就是上面所说的“空”;undefined表示一个变量声明了但没有初始化(赋值),是一个表示“无”的原始值或者说表示“缺省值”,即此处应该有一个值,但是还没定义,尝试读取时会返回undefine...原创 2019-07-02 14:41:26 · 391 阅读 · 0 评论 -
关于this的指向问题
关于这个问题,我们常听到一句话:谁调用它,它就指向谁。先观察以下几段代码。场景一 alert(this); //弹出[object window] //window.alert(this); 省略了windowjs中规定,如果指向window,则window可省略。场景二<body><button id="btn">点击</button>...原创 2019-06-19 23:18:30 · 215 阅读 · 0 评论