JavaScript学习
文章平均质量分 55
JavaScript相关技术
tfjy1997
这个作者很懒,什么都没留下…
展开
-
TS类型定义ts(2339)问题
TS类型定义ts(2339)问题转载 2022-06-15 10:39:40 · 12966 阅读 · 1 评论 -
【深入理解ES6】Symbol
创建Symbol新增基础类型 Symbol,用于解决 私有属性 问题let firstName = Symbol()let person = {}person[firstName] = 'Nicholas'console.log(person["firstName"])注意, Symbol是原始值,不能 new Symbol()构建实例,只能是new Object(【Symbol 值】)Symbol 接受可选参数,用于描述该 Symbol 值内部存储在 [[Descr...原创 2022-05-04 19:49:46 · 449 阅读 · 0 评论 -
【深入理解ES6】解构
为何使用解构功能是数据访问更便捷// ES5 及以前let options = { repeat: true, save: false}let repeat = options.repeat, save = options.save;// -------------------------------------// ES6 解构let { repeat, save } = options对象解构let node = { type: 'Identifier原创 2022-04-16 09:28:04 · 458 阅读 · 0 评论 -
【深入理解ES6】对象
对象的分类普通对象(Ordinary Object):具备Javascript 对象所有的默认内部行为。 特异对象(Exotic Object):具备某些与默认行为不符的内部行为。 标准对象(Standard Object):ES6中定义的对象,例如 Array、Date 等。既可以是普通对象,又可以是特异对象 内置对象(Build-in Object):JS脚本中的环境对象(window、document等)对象字面量的扩充属性初始值简写// ES5function create.原创 2022-03-27 21:43:06 · 1407 阅读 · 0 评论 -
【深入理解ES6】函数(3)
元属性new.taget、块级函数、箭头函数、尾调用优化原创 2022-03-24 11:48:11 · 639 阅读 · 0 评论 -
【深入理解ES6】函数(2)
Function 构造函数、展开运算符、name属性原创 2022-03-16 21:10:20 · 272 阅读 · 0 评论 -
【深入理解ES6】函数(1)
对于《深入理解ES6》的学习记录,本篇为【默认参数】的学习原创 2022-03-15 21:32:20 · 237 阅读 · 0 评论 -
用 Css3动画 绘制 水波纹DIV
效果图<!DOCTYPE html><html><head><style>@keyframes roll { form { transform: rotate(0deg); } to { transform: rotate(360deg); }}.shuiqiu { width: 200px; height: 200px; border-radius:原创 2020-12-08 09:32:04 · 527 阅读 · 0 评论 -
webpack打包报错:ERROR in multi ./src/main.js ./dist/bundle.js Module not found: Error: Can‘t resolve ‘.\
刚刚接触webpack就遇到好几个问题,成功安装最新版webpack和cli后,第一个打包就出现了问题,其实也算是语法错误当运行webpack .\src\main.js .\dist\bundle.js打包时,出现如下错误:产生错误原因:最新版本的webpack命令有所改变解决方法:在以前的命令里加个-o就可以啦运行webpack .\src\main.js -o .\dist\bundle.js...转载 2020-09-12 15:25:24 · 890 阅读 · 2 评论 -
滚动条滑动距离
let element = document.getElementById("Id")console.log("纵向" + element.scrollTop + "px")console.log("横向" + element.scrollLeft + "px")原创 2020-09-10 17:02:13 · 783 阅读 · 0 评论 -
ES2020 系列:可选链 “?.“
可选链 "?."可选链?.是一种访问嵌套对象属性的防错误方法。即使中间的属性不存在,也不会出现错误。问题如果你才刚开始读此教程并学习 JavaScript,那可能还没接触到这个问题,但它却相当常见。例如,我们有些用户会有地址信息,但有一少部分用户并没有提供相关信息。那么我们就不能安全地读取到user.address.street:letuser={};//这个user恰巧没有addressalert(user.address.street);//Error...转载 2020-07-23 13:07:07 · 612 阅读 · 0 评论 -
ES2020 系列:空值合并运算符 ‘??‘
空值合并运算符 '??'空值合并运算符??提供了一种简短的语法,用来获取列表中第一个“已定义”的变量(译注:即值不是null或undefined的变量)。a ?? b的结果是: a,如果a不是null或undefined, b,其他情况。 所以,x = a ?? b是下面这个表达式的简写:x=(a!==null&&a!==undefined)?a:b;下面是一个更长一点的例子。假设,我们有一个用户,...转载 2020-07-21 08:51:32 · 359 阅读 · 0 评论 -
js用对象模拟switch
以前写switch:switch(foo){case"bar":alert("thevaluewasbar--yay!");break;case"baz":alert("boobaz:(");break;default:alert("everythingelseisjustok");}现在可以用对象进行模拟:varstuffToDo={"b...转载 2020-06-15 14:17:13 · 305 阅读 · 0 评论 -
Js读取Excal数据
借助js-xlsx 进行辅助官方github:https://github.com/SheetJS/js-xlsx$("#btnUpLoad").click(function () { var files = $("#inputUpload").prop("files"); // 获取文件列表 if (files.length == 0) { ...原创 2020-04-07 15:37:05 · 233 阅读 · 0 评论 -
Js实现Html转义和反转义方法
<script> var HtmlUtil = { /*1.用浏览器内部转换器实现html编码(转义)*/ htmlEncode: function (html) { //1.首先动态创建一个容器标签元素,如DIV var temp = document.createElement("div");...转载 2020-03-25 10:44:53 · 512 阅读 · 0 评论 -
JavaScript的RegExp中的$1含义
RegExp 是javascript中的一个内置对象。为正则表达式。RegExp.$1是RegExp的一个属性,指的是与正则表达式匹配的第一个 子匹配(以括号为标志)字符串,以此类推,RegExp.$2,RegExp.$3,..RegExp.$99总共可以有99个匹配var r= /^(\d{4})-(\d{1,2})-(\d{1,2})$/; //正则表达式 匹配出生日期(简单匹配)...原创 2020-03-13 15:23:07 · 1247 阅读 · 0 评论 -
Js的debounce 方法使用
应用场景由于事件频繁被触发,因而频繁执行DOM操作、资源加载等重行为,导致UI停顿甚至浏览器崩溃。简单用法/**2 * 空闲控制 返回函数连续调用时,空闲时间必须大于或等于 idle,action 才会执行3 * @param fn {Function} 相关执行函数4 * @param delay {Number} 延迟时间,也就是阈值,单位是毫秒5 * @re...原创 2019-12-26 15:25:59 · 1912 阅读 · 0 评论 -
element-ui 表单自定义日期输入验证
methods: { validateDate(rule, value, callback){ if (value) { let timestamp = new Date(value).getTime() let start = new Date(this.shiftStartTime).getTime() let end ...转载 2019-12-03 09:14:07 · 952 阅读 · 0 评论 -
String.prototype.indexOf()查找空字符串返回值非-1原因
indexOf()方法返回调用它的String对象中第一次出现的指定值的索引,从fromIndex处进行搜索。如果未找到该值,则返回 -1。参数searchValue一个字符串表示被查找的值。如果没有提供确切地提供字符串,searchValue会被强制设置为"undefined", 然后在当前字符串中查找这个值。fromIndex可选表示开始查找的位置。可以是任...原创 2019-11-08 13:08:56 · 2009 阅读 · 0 评论 -
JavaScript内置对象(3) Math对象
Math对象,提供对数据的数学计算。Math属性 属性名 说明 E 返回算术常量e,即自然对数的底数(约等于2.718) LN2 返回2的自然对数(约等于0.693) LN10 返回10的自然对数(约等于2.302) LOG2E 返回以2为底的e的对数(约等于1.442) LOG10E 返回以10为底的e的对数(约等于0.434) ...原创 2019-07-31 15:32:12 · 178 阅读 · 0 评论 -
JavaScript内置对象(2) string对象
一、返回指定位置的字符(charAt)charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。stringObject.charAt(index)参数:index:(必须) 表示字符串中某个位置的下角标注意:1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。2.如果参数 index 不在 0...原创 2019-07-31 14:49:30 · 80 阅读 · 0 评论 -
JavaScript中内置对象(1) Date对象
一、概论日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒)。定义一个Date对象var mydate = new Date();使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)。也可以用下面的方法来自定义初始值var d = new Date(2012, 10, 1); //2012年10月1日var d = new D...原创 2019-07-31 14:12:30 · 160 阅读 · 0 评论 -
JavaScript主要事件
事件 名称 说明 onclick 鼠标单击事件 onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。 onmouseover 鼠标经过事件 鼠标经过事件,当鼠标移到一个对象上时,该对象就触发onmouseover事件,并执行onmouseover事件调用的程序。 onm...原创 2019-07-30 15:09:27 · 126 阅读 · 0 评论 -
JavaScript关键字和保留字
关键字break else new var case finally return void catch for switch while default if throw delete in try do instanceof typeof 保留字...原创 2019-07-30 10:05:54 · 107 阅读 · 0 评论