javascript
xvzhengyang
这个作者很懒,什么都没留下…
展开
-
日期格式比较
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> function compareTime(start, end) { let firstStart = start.replace(/\-.原创 2021-02-03 18:07:53 · 132 阅读 · 0 评论 -
js中4个强大的操作符
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>4个强大的操作符</title> </head> <body> <script type="text/javascript"> // 1. ?? 操作符 零合并操作符 nullish coalescing运算符 // 作用:。如果第一个参数不是.原创 2020-12-02 22:17:20 · 121 阅读 · 0 评论 -
js中for of的使用
for...of可以迭代数组、类数组以及任何可以迭代的对象(maps、sets、DOM集合)1.遍历数组 let myArray = [{ code: 1 }, { code: 2 }]; for (let value of myArra...原创 2020-04-09 22:32:45 · 8423 阅读 · 0 评论 -
js中优化if else结构的几点建议
1.逻辑与运算符bad: if(isShow){ // todo}good:isShow&&toDo()2.使用includes处理多重条件 if( currentWind=== 2|| code === 3 || code === 4 ){ // toDo}可以改成 if([2,3,4].inc...原创 2020-04-09 20:00:00 · 1476 阅读 · 1 评论 -
js中的箭头函数
ES6标准新增了一种新的函数:Arrow Function(箭头函数)。x => x * x上面的箭头函数相当于:function (x) { return x * x;}箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... ...原创 2018-12-01 17:59:48 · 1201 阅读 · 1 评论 -
js中的promise学习
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>promise学习</title> <!-- 在js中,所有代码都是单线程执行的 --> <!-- 异步执行:可以使用回调,在ES6中我们可以原创 2019-01-15 23:08:17 · 249 阅读 · 0 评论 -
JS中对象key为数字的使用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>JS中对象key为数字的使用</title> </head> <body> <div>原创 2019-01-15 23:08:04 · 13377 阅读 · 0 评论 -
js中的Set和Map简单使用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Map和Set</title> <!-- ES6引入新的数据类型Map和Set --> <!-- Map是一组键值对的结构,具有极快的查找速度原创 2019-01-15 23:12:33 · 7577 阅读 · 0 评论 -
开发中应该这样写你的js代码
1.变量相关 1.1 不要滥用变量,尤其是定义了变量,但是后面没有使用(可能一段时间以后自己都不知道定义这个是为甚) 1.2 数据只用一次或者不使用就没必要安装到变量中 1.3 变量的命名:尽量做到见名知意 1.4 特定的变量 1.4.1 对参数不说明 if(array.length < 9 ){ // ...转载 2019-03-07 22:59:16 · 126 阅读 · 0 评论 -
8个有用的js技巧
https://mp.weixin.qq.com/s/woTlF_rvtqtySK0-BXhkUA1. 确保数组有值let array = Array(5).fill('');console.log(array); // outputs (5) ["", "", "", "", ""]2.获取数组唯一值(去重)const cars = ['Mazda','Ford',...转载 2019-07-02 23:57:43 · 181 阅读 · 0 评论 -
js中对象的使用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>JS中对象key为数字的使用</title> </head> <body> <div>原创 2018-12-01 17:57:52 · 267 阅读 · 0 评论 -
js中的十进制和十六进制转换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>进制转换</title> </head> <body> <script type="text/javas原创 2018-12-01 17:51:58 · 20715 阅读 · 0 评论 -
js或jquery中必须做到的时刻不能忘记的一件事
1.作为新手,我在学习cavas的时候,出现了一个比较常见的新手会发生的问题;大家看下面代码 var mycanvas = document.getElementById("mycanvas"); var cxt = mycanvas.getContext("2d"); cxt.moveTo(10, 10); cxt.lineTo(...原创 2018-04-18 13:45:30 · 143 阅读 · 0 评论 -
使用js选择文件获取文件信息(转载非原创)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function() { var fileInput = document.getElemen转载 2018-04-13 20:49:04 · 5465 阅读 · 0 评论 -
Vue.js中slot插槽
<slot></slot> 插槽: 1.个人理解:组件中,如果我们不使用插槽slot元素,那么我们在组件中放入任何元素或内容都是不会显示,也就是说放入的元素会被抛弃;使用插槽slot可以向组件内部制定位置传递内容;也就是说<slot>显示不现实以及如何显示是父组件来决定的.2.分类 2.1 "单个插槽"又叫"匿名插槽"或"默认插槽" ..原创 2018-09-06 00:01:45 · 542 阅读 · 0 评论 -
for..in和for..of的区别
for...in可以枚举对象;for..of不可以 var obj = { a: 1, b: [], c: function () { } };for (var key in obj) { console.log(key);}// 结果是:// a// b// c若换成for...of那么会报错 Uncaught TypeError: o...转载 2018-10-23 00:42:40 · 1023 阅读 · 0 评论 -
JS中对数组的一些操作包括删除头元素,删除尾元素、增加到头元素和尾元素等
创建数组 Array构造器 var array = new Array(); 数组字面量 var arr = [1,2,3]; 检测数组 instanceof: value instanceof Array 确定某个对象是不是数组 Array.isArray()确定某个值是不是数组 转换 toString : 返回逗号分隔的字符串 valueOf 返回的还是数组...转载 2018-11-09 23:03:55 · 3539 阅读 · 0 评论 -
初探js中的精读问题
1.记得大学第一次学习计算机课,就接触了进制转换;例如,二进制转十进制,十进制转二进制等;例如对于十进制的整数,进行转二进制是没有什么问题的;但是对小数可能进制转换就会出现精读丢失的问题.在 JavaScript 中所有数值都以 IEEE-754 标准的 64bit 双精度浮点数进行存储的。先来了解下 IEEE-754 标准下的双精度浮点数。IEEE-754 标准下双精度浮点数由三部分组成...转载 2018-11-09 00:03:06 · 167 阅读 · 0 评论 -
JavaScript条件语句--写出更好的条件语句
1.使用 Array.includes 来处理多重条件(判断是否包含某一元素,返回true或false; indexOf返回-1或元素位置,但是indexOf无法判断是否有NaN的元素)function test(color) { // 把条件提取到数组中 const colors = ['red', 'white', 'blac...转载 2018-11-09 00:49:24 · 169 阅读 · 0 评论 -
js中的解构赋值:可以同时对一组变量进行赋值
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js中的解构赋值:可以同时对一组变量进行赋值</title> </head> <body> <script typ原创 2018-11-29 20:12:52 · 1654 阅读 · 0 评论 -
JS 变量提升和var以及let
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>变量提升</title> </head> <body> <script type="text/javasc原创 2018-11-29 20:13:59 · 196 阅读 · 0 评论 -
关于js中数据类型问题--由计算引起的问题
写在前面:自己练习定期任务函数的时候setInterval();想要每次加10;具体代码如下 window.onload = function() { var firstInput = document.getElementsByTagName("input")[0]; var interValId = setInterval(funct...原创 2018-04-18 09:59:47 · 228 阅读 · 0 评论