Javascript-demo
关注
分享
扫一扫
Javascript-demo
前端酱紫
这个作者很懒，什么都没留下…
展开
-
移动 touch 拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do原创 2020-07-21 19:10:09 · 263 阅读 · 0 评论 -
javascript / this 的指向总结一下
JS this指向总结使用 JavaScript 开发的时候，很多开发者多多少少会被 this 的指向搞蒙圈，但是实际上，关于 this 的指向，记住最核心的一句话：哪个对象调用函数，函数里面的this指向哪个对象。下面分几种情况谈论下1、普通函数调用这个情况没特殊意外，就是指向全局对象-window。let username=‘cn’function fn(){alert(this...原创 2020-05-03 22:21:19 · 121 阅读 · 0 评论 -
js 递归使用 遍历查找出 树形对象数组 的某特定id
需求：找出树形数组里面 canAccess 为true的id var arr = [ { id: 1, canAccess: false }, { id: 2, canAccess: true }, { id: 3, canAccess: false, children: [{ id: 4, canAcce...原创 2020-04-23 10:05:21 · 3035 阅读 · 4 评论 -
使用for of 循环操作元素
使用for of 循环操作元素：点击哪个li 哪个li 变成红色 <script> // 点击哪个li 哪个li 变成红色 let lis = document.querySelectorAll('li'); for (let val of lis) { val.addEventListener('c...原创 2020-04-07 17:19:53 · 403 阅读 · 0 评论 -
JavaScript 里的for in和for of 区别
JavaScript 里的for in和for of 区别 let hds = [{ name: '张三', age: 10 }, { name: '小名', age: 8 }, { name: '李四', ...原创 2020-04-07 17:03:27 · 147 阅读 · 0 评论 -
利用for in 动态创建表格
利用forin 动态创建表格 let hd = [{ title: "第一章 走进JAVASCRIPT黑洞", lesson: 3 }, { title: "ubuntu19.10 配置好用的编程工作站", lesson: 5 }, { ...原创 2020-04-07 16:47:08 · 286 阅读 · 0 评论 -
js for循环三角形 杨辉三角
js for循环三角形 杨辉三角正三角：function zheng(num) { for (let i = 0; i < num; i++) { let n = 0; for (var j = 0; j <= i; j++) { document.write("*") }; docu...原创 2020-04-07 16:08:24 · 1438 阅读 · 1 评论 -
JavaScript 封装方法 使用 do while 打印三角形
JavaScript 封装方法 使用 do while 打印三角形 // 打印三角形 function start(num = 4) { let start = 0; do { let n = 0; do { document.write('*'); ...原创 2020-04-07 12:06:59 · 1155 阅读 · 0 评论 -
JavaScript 封装方法 使用 while 动态创建表格
JavaScript 使用while 动态创建表格 function table(options = { tr: tr, td: td }) { document.write('<table border ="1" width="100%">') let tr...原创 2020-04-07 11:48:11 · 176 阅读 · 0 评论 -
js 实现 两个input密码确认框
js 实现 input密码确认框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &l...原创 2020-04-06 14:19:03 · 1400 阅读 · 0 评论 -
02.JS变量和JS数据类型
浏览器GecKo 火狐trdient iewebkit谷歌手机国产浏览器苹果浏览器谷歌浏览器欧朋 >=14Presto 欧朋浏览器 <=14谷歌浏览器控制台Elements：查看结构样式，可以修改这些内容Console：查看输出结果和报错信息，是js调试的利器Sources：查看项目源码Network：查看当前网站所有资源的请求信息(包括和服务...原创 2020-04-06 11:55:48 · 102 阅读 · 0 评论 -
3.JS中的操作语句：判断、循环
####JS中的操作语句：判断、循环条件成立做什么？不成立做什么？if /else if/else if(条件){ 条件成立执行 } else if(条件2){ 条件2成立执行 } .... else{ 以上条件都不成立 }三元运算符条件? 条件成立事件 : 不成立处理的事情1.如果处理的事情比较多，我...原创 2020-04-06 11:54:05 · 173 阅读 · 0 评论 -
4.函数 function
函数 function函数就是一个方法或者一个功能体函数就是把实现某个功能的代码放在一起进行封装，以后想要操作实现这个功能，只需要把函数执行即可 => ‘封装’ ：减少页面中的冗余代码，提高代码重复使用率（低耦合高内聚）洗衣机就是一个函数，生成洗衣机就是封装一个函数(把实现某些功能的代码封装进来)，生产的时候，，不知道用户洗衣服的时候放什么水、衣服、洗衣液，我们需要提供出入口(提供...原创 2020-04-06 11:53:55 · 188 阅读 · 0 评论 -
15.箭头函数数
/* function sum(n, m) { return n + m;} */// 改成箭头函数/* let sum = (n, m) => { return n + m;} *///如果函数体中只有一行return ，可以省略return和大括号// let sum = (n, m) => n + m;// console...原创 2020-04-06 11:53:47 · 164 阅读 · 0 评论 -
16.Math方法
Math数据函数：但是他不是函数，他是一个对象，对象中储存了很多操作数字的属性方法，因此被称为数学函数传递的不是数字类型的值，首先基于Number() 转化为数字在处理Math = { PI: 3.141592653589793 abs:绝对值 // console.log(Math.abs(-3));//取绝对值 ceil: 向上取整 floor: 向下取整...原创 2020-04-06 11:53:29 · 130 阅读 · 0 评论 -
21.url参数取出
let url = 'https://www.suning.com/?source=hao123&medium=mingzhan#abcs' let askIndex = url.indexOf('?'); let wellIndex = url.indexOf('#'); // 从问号索引位置截取得到 井号 索引位置 不包含井号 ...原创 2020-04-06 11:53:15 · 150 阅读 · 0 评论 -
17.数组及数组常用方法及数组去重
数组中的常用方法方法的作用和含义方法的实参 (类型和含义)方法的返回值原来的数组是否会发生改变1.实现数组增删改的方法这一部分方法都会修改原有的数组pushpush：数组最后一项 增加@params 代表参数 多个任意类型@return 代表返回值 新增后数组长度let arrPush = [10, 20, 30] ;let re...原创 2020-04-06 11:53:01 · 166 阅读 · 0 评论 -
各个方向的轮播图
各个方向的轮播图 ：html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>上下左右无缝滚动jQuery插件</title> <meta name="keywords" content="上下左右,无...原创 2020-04-04 17:19:46 · 935 阅读 · 0 评论 -
js对象遍历 方法
for in let obj = { a: 1, b: true, c: "hello", d: 'day', e: [6, 7, 8], __proto__: { lastname: '唐' //在对象原型上加属性 } };...原创 2020-04-04 12:13:51 · 206 阅读 · 0 评论 -
JS数组遍历的几种方法，简单明了
for 最简单的一种循环遍历方法，也是使用频率最高的一种，可优化var arr = [1, 2, 3, 4, 5, 6]for(var i = 0; i < arr.length; i++) { console.log(arr[i])}// 1 2 3 4 5 6 优化：使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显var arr ...原创 2020-04-04 11:44:15 · 184 阅读 · 0 评论 -
javascript字符串string常用的几种方法
javascript字符串string常用的几种方法javascript字符串string常用的几种方法（length/indexOf/lastIndexOf/search/charAt/match/slice/substr/substring/replace/concat/split）1.获取字符串的长度 length2.字符串转换为大写 toUpperCase()3.字符串转换为小写...原创 2020-04-03 09:57:04 · 283 阅读 · 0 评论