JavaScript学习之路
关注
分享
扫一扫
一个大学刚毕业的菜鸡的学习之路
小李叭叭叭
运维
展开
-
JavaScript 实现一个通讯录
直接贴代码 index.css BODY, HTML { width: 100%; height: 100%; margin: 0px; font-family: "PingFang SC", "微软雅黑", sans-serif; font-weight: 300; color: #333; } .header { width: 100%; padding: 32px; } h1 { margin: 32px; ...原创 2020-12-24 14:43:18 · 1598 阅读 · 4 评论 -
JS三级联动、localStorage的使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&...原创 2020-03-23 17:10:07 · 117 阅读 · 0 评论 -
Vue数组获取下标坑
使用Vue 编写了基础的添加删除功能遇到了一个小坑 <div id="app"> <fieldset> <legend> Create New Person </legend> <div> <label>姓名:</label> <input v-m...原创 2019-12-21 18:22:20 · 11395 阅读 · 0 评论 -
es6 let 与 var的区别
作用域不同 在ES6之前，我们都是用var来声明变量，而且JS只有函数作用域和全局作用域，没有块级作用域，所以{}限定不了var声明变量的访问范围. { var i = 9; } console.log(i); // 9 ES6新增的let，可以声明块级作用域的变量。 { let i = 9; } console.log(i); // Uncaught ReferenceError: i is not defined 例如：let在for循环中的使用 let非常适合在for循环中使用,J原创 2021-04-13 11:59:37 · 172 阅读 · 1 评论 -
JavaScript 利用差集写一个自己的对比小工具
在工作中需要每周统计人员提交材料情况又不想一个一个复制黏贴查找只好写一个小工具帮自己查找谁没提交材料 先把页面搞一搞 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi原创 2021-06-15 15:01:27 · 277 阅读 · 2 评论 -
vue 写一个通讯录
之前使用JavaScript写了一个通讯录，今天还使用原有的css 使用vue将其重构 新手学习请大佬指导 直接贴代码 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>App</title> <meta name="viewport" content="width=device-width, initi原创 2020-12-29 11:29:03 · 692 阅读 · 1 评论 -
Javascript数组去重（利用new Set）
Set 是什么？ Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的 因为他的元素唯一所以我们可以利用它来去重 arr1 = [1, 1, 2, 3, 4, 3, 1] let set1 = new Set(arr1) 返回的是一个类数组,就是类似于数组但是实际上原型是Object console.log(set1) // Set(4) {1, 2, 3, 4} 可以利用Array.from来将他转成真正的数组 let newArr原创 2021-06-15 15:17:24 · 3080 阅读 · 11 评论 -
原生JavaScript写一个简简单单的弹幕
今天闲着无聊突然想写一个弹幕发射效果，复杂的也不会写就利用setInterval简单写一个吧 效果如下 先把框架写出来，简简单单初学者肯定也会写。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co原创 2021-06-21 16:42:42 · 239 阅读 · 0 评论