- 博客(48)
- 收藏
- 关注
RSS订阅原创 Javastript Map和Set
MapMap 对象保存键值对，并且能够记住键的原始插入顺序。任何值都可以作为一个键或一个值。常用方法：let myMap = new Map()// 添加元素myMap.set('name',"paul")myMap.set('age',23)console.log(myMap.get('name')) //paul// 查看里面有几个元素console.log(myMap.size) // 2// 循环遍历for(let[key,value] of myMap){cons
2022-04-26 15:32:48
120
原创 CSS常用选择器
相邻兄弟选择器第二个元素紧跟在第一个元素之后，并且两个元素同属于一个父级元素。则被选中。<div> <p>Hello World</p> <span>Paul</span></div>p + span{ background-color:red}属性选择器标签中包含指定属性将被选中。<input value="name"></input><input></in
2022-04-19 16:10:29
121
原创 使用particles.js制造粒子特效
先上效果图：使用particles.js2.0版本进行制作。目录结构index.html 为主页面，app.js为入口文件，particles.json 为配置文件。具体配置请参考：GitHub - VincentGarreau/particles.js: A lightweight JavaScript library for creating particles源码：index.html：<!DOCTYPE html><html lang="en
2022-03-31 09:44:56
1906
1
原创 vue3 setup 语法糖
组件之间通信：父传子：使用defineProps父组件：import Student from './Student.vue'import { ref,onMounted } from 'vue'const schoolName = ref('xxx')子组件import { ref } from 'vue'const props = defineProps({ schoolName: { type: String, default: 'error' }}
2022-03-23 10:12:41
1103
原创 中国疫情可视化
使用Vue和Echarts制作了关于中国疫情可视化地图。疫情接口来自腾讯新闻：https://view.inews.qq.com/g2/getOnsInfo?name=disease_h5https://view.inews.qq.com/g2/getOnsInfo?name=disease_other使用腾讯提供的两个接口进行数据可视化展示。成果：...
2022-02-27 11:46:03
566
1
原创 JavaScript实现插入排序
let arr = [1, 0, 3, 4, 6, 7, 8, 5, 9, 2];let temp = 0;for (let i = 1; i < arr.length; i++) {let j = i;while (j > 0) { if (arr[j] < arr[j - 1]) { temp = arr[j]; arr[j] = arr[j - 1]; arr[j - 1] = temp; j--; } else { .
2021-11-28 23:45:00
358
原创 JavaScript常用Date类型方法
// 获取当前时间const now = new Date();console.log(now); // Thu Nov 25 2021 19:01:17 GMT+0800 (中国标准时间)// 获取当前时间距离1970年1月1日的毫秒数console.log(Date.now()); // 1637840614725// 获取当前时间距离1970年1月1日的毫秒数console.log(now.getTime()); // 1637840614724// 获取当前年份console.lo.
2021-11-25 21:00:09
601
原创 JavaScript二分查找
思想：所谓二分查找就是从中间分两半，然后比大小，如果比中间数大就去右边找，比中间数小就在左边找。然后递归。代码：const arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];function binarySearch(arr, start, end, key) {if (start !== end) { // 找中间数的下标 const middle = Math.floor((start + end) / 2); // 找到就返回下标
2021-11-25 17:32:51
625
原创 JavaScript快速排序
快速排序算法思想：快速排序使用分治法和递归思想来进行操作。分治分治就是分而治之，把大问题化为小问题再进行求解。首先，给定一个数组，让我们来对数组中的元素进行排序，那么我们的想法是首先选定一个元素element，通常选定第一个元素。每一轮排序的目的就是将element放在正确的位置上，也就是他的左边都小于他，右边都大于他。让我们来设置前后两个指针，指针left指向数组的第一个数，指针j指向数组的最后一个数。开始时，将element拿出来，这个位置就空下来了。先看指针j指向的数字，如果这个数字小于ele
2021-11-25 17:00:02
288
原创 ES6 模板字面量
模板字面量是ES6新增的使用模板字面量来定义字符串的方法，与单引号和双引号不同，模板字面量可以保留换行等。一、用法使用``来定义字符串，不同于单引号或双引号，而是使用反引号。1、保留换行// 会按照模板字符串里面的内容进行原样输出const str = `i am a good boy,so good`;console.log(str); // i am a good boy,// so good2、字符串插值（重点）用法：使用${}来进行插值。const name
2021-11-22 11:02:34
706
原创 算法-有n步台阶，一次只能上1步或2步，共有多少种走法，递归实现
const manySteps = prompt('请输入数据') - 0;function fn(manySteps) { if (manySteps <= 2) { return manySteps; } else { return fn(manySteps - 1) + fn(manySteps - 2); }}let result = fn(manySteps);console.log(result.
2021-11-16 22:03:19
373
原创 ES6 解构赋值
一、对象解构赋值1、对象解构let node = { name: 'paul', age: 56, };const { name, age } = node;console.log(name); // paulconsole.log(age) // 562、对象解构赋值let node = { name: 'paul', age: 23, }, name = '.
2021-11-13 18:22:51
689
原创 ES6 let const 与var区别
区别：1、let 和const 有块级作用域。var没有使用var:// 使用var 没有块级作用域function fn() { var s = 1; if (s) { var q = 2; } console.log(q); // 2}fn()使用let:// 使用letfunction fn() { var s = 1; if (s) { let q = 2; } conso
2021-11-13 11:10:48
490
原创 JS数据结构 队列
代码：function Queue() {let arr = [];// 向队列尾部添加一个或多个新的项this.enqueue = function (...args) { for (let i = 0; i < args.length; i++) { arr.push(args[i]); }};// 移除队列的第一项，并且返回被移除的元素this.dequeue = function () { return arr.shift();};// 返
2021-11-09 21:31:32
537
原创 JS选择排序
代码：// 选择排序，时间复杂度为O(n²) // 选择排序即选出里面最小的放前面，在剩下的里面重复如此。 function sort(arr) { for (let i = 0; i < arr.length - 1; i++) { // 先令第一个数为最小值，则第一个数字的索引即为最小值索引 let minIndex = i; for (let j = i + 1; j < arr.le
2021-11-09 20:29:06
88
原创 JS冒泡排序
// 冒泡排序 时间复杂度O(n²) // 冒泡排序是相邻的两个元素进行比较，然后交换大小 function sort(arr) { for (let i = 0; i < arr.length - 1; i++) { for (let j = 0; j < arr.length - i - 1; j++) { if (arr[j] > arr[j + 1]) { let te.
2021-11-09 20:09:31
365
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人