- 博客(23)
- 收藏
- 关注
RSS订阅
原创 VUE详细版
VUE一、概述vue特点：渐进式框架：可以将Vue作为应用的一部分，带来更丰富的交互体验。如Core + Vue + router + Vuex解耦视图可复用的组件前端路由技术状态管理虚拟DOM二、VUE基础<div id="app">{{message}}</div><script> const app = new Vue({ el: '#app', data:{ message: '
2021-09-03 09:17:04
1024
原创 Promise
Promise的封装function throwDot() { return new Promise((reslove, reject) => { setTimeout(() => { reslove(Math.floor(Math.random() * 6) + 1); }, 300) });}使用PromisethrowDot().then(s1, f1).then(s2, f2);一个问题求打印顺序f
2021-10-29 18:26:31
158
原创 JS的深拷贝和浅拷贝
深拷贝和浅拷贝简单来说 就是B复制A，A变化，如果B跟着变化了就是浅拷贝；如果B未变化就是深拷贝。基本和引用类型的存储地址基本数据类型名字和值都存储在栈内存中。var a = 1;b = a;b = 2;console.log(b); // 2引用数据类型，名字存储在栈内存中，值存储在堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值。若a为数组，b复制了a，那么b复制的就是a的引用地址，如果a发生了变化，b的值也会受影响，因为b和a指向的是同一个地址。这就是浅拷贝
2021-10-29 15:06:24
195
原创 JavaScript数据结构（四）：树
概述节点的度：节点的子树个数。树的度：树的所有节点中最大的度数。树的深度：树中所有节点的最大层次二叉树特性第i层的最大节点数：2^(i-1)深度为k的最大节点数总数：2^k-1对于任何非空二叉树T，若n0表示叶节点的个数，n2是度为2的非叶节点个数，那么两者满足关系：n0=n2+1树结构的实现链表...
2021-10-18 21:35:48
214
原创 JS数组扁平化
数组拍平也称数组扁平化，就是将数组里面的数组打开，最后合并为一个数组。方法一：递归// var arr = [1,2,[3,4,5,[6,7,8],9],10,[11,12]];function flat(arr) { if (Object.prototype.toString.call(arr) != "[object Array]") {return false} let res = []; for (let i = 0; i < arr.length; i++) {
2021-10-17 20:21:37
108
原创 搭建第一个vue项目的配置全过程
1.安装 node.js2.安装淘宝镜像：命令行：npm install -g cnpm --registry=https://registry.npm.taobao.org3.安装vue脚手架： npm i -g vue-cli4.安装webpack: npm i webpack -g5.搭建自己的第一个vue项目： vue init webpack app选项Use ESLint to lint your code ? 选no其余选项一路回车最终效果出现说明安装成功继续输入
2021-09-15 08:47:09
217
1
原创 js实现Tom猫
效果HTML： <img class="bg" src="./assets/img/Animations/eat/eat_00.jpg"> <img class="drink" src="./assets/img/Buttons/drink/drink.png"> <img class="eat" src="./assets/img/Buttons/eat/eat.png"> <img class="cymbal" src="./
2021-09-08 17:43:45
1109
原创 JS中数据的转换
JS中数据的转换1. 数组 => 字符串toString()join() => 所传参数为符号，可根据符号将数组进行连接2. 字符串 => 数组split() => 所传参数为符号，可进行根据符号将字符串进行分割3. 对象 <=> 字符串 【使用】：kookie 中只能存放字符串(容量小 4k)， 在学习cookie时,用cookie 保存微量数据,则需要将数据转换为字符串存入其中 对象 => 字符串 JSON.stringify()
2021-09-07 10:19:30
459
原创 原生实现slider滑块
关键点offsetWidth 获取当前节点的宽度 （width + border + padding）offsetLeft 获取的是相对于父对象的左边距clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的水平坐标。html <div class="content"> <p>0%</p> <div class="bar"> <div class="progress"&g.
2021-09-07 10:18:35
676
原创 Git&GitHub
一、概述Git 和 GitHub是什么？Git 是一个运行在电脑上的版本控制软件，GitHub 则是基于 Git 这个版本控制软件打造的网站。Git 的三个概念：提交 commit、仓库 repository、分支 branch二、Git 常用开发指南本地文件夹初始化为仓库：git init第一次提交 git add -A // 提交所有文件 git commit -m "描述"特殊的查找资源小技巧-常用前缀后缀• 找百科大全 awesome xxx• 找例子 xxx s
2021-09-04 12:50:55
76
原创 Vue练习（二）：TabBar
效果图文件目录：App.vue代码<template> <div id="app"> <router-view></router-view> <tab-bar> <tab-bar-item path="/home" activeColor="red"> <img src="./assets/img/tabbar/home.svg" alt="" slot="item-ico
2021-08-19 14:04:21
100
原创 npm安装和删除依赖
npm安装依赖【npm install xxx】利用 npm 安装xxx依赖到当前命令行所在目录【npm install xxx -g】利用npm安装全局依赖xxx【npm install xxx –save】 安装并写入package.json的”dependencies”中 （开发依赖）【npm install xxx –save-dev】安装并写入package.json的”devDependencies”中 （运行依赖）npm删除依赖【npm uninstall xxx】删除xxx依赖
2021-08-13 09:12:04
608
原创 JavaScript数据结构（二）：队列
概述队列（Queue）是受限的线性结构，先进先出（FIFO）。队列ES6实现：class Queue { // 属性 constructor() { this.items = [] } // 方法 enqueue(element) { this.items.push(element) } dequeue() { return this.items.shift() } // 查看第
2021-08-12 23:19:34
73
原创 JavaScript数据结构（一）：栈
栈的封装实现：// 封装栈类function Stack() { this.items = [] // 压栈 Stack.prototype.push = function (element) { this.items.push(element) } // 出栈 Stack.prototype.pop = function () { return this.items.pop() } // 查看栈顶元素 Stack
2021-08-12 00:25:22
73
原创 Vue练习（一）：购物图书车
运行截图：html: <div id="app"> <div v-if="books.length"> <table> <thead> <tr> <td v-for="item in thead">{{item}}</td> </tr> </thead
2021-08-08 22:07:44
276
原创 JS对象详细归纳（一）
一、创建对象1. 字面量 let dest = { name: "sss", age: 18, sayName(){ console.log(this.name) } }2. 工厂模式 function createObject(name, age, job) { let o = new Object() o.name = name o.age = age o.job = job o.sa
2021-07-26 15:42:12
114
原创 JS数组函数实用
let arr = [ { id: 1, name: 's' }, { id: 2, name: 'w' }, { id: 3, name: 'h' }, { id:4, name: 'z' } ]1. filter 函数返回值：满足条件的新数组2. filter 传递的箭头函数：必须有返回值，且返回值一定是boolean类型 l.
2021-07-25 22:23:13
102
原创 JavaScript数组详细归纳
一、创建数组数组字面量形式： let color = ["yellow", "red", "blue"]Array构造函数形式： let color = new Array("yellow", "red", "blue")Array构造函数用于创建数组的两个静态方法：Array.form() 和 Array.of()Array.form(类数组对象结构，回调函数) 将数组结构转换为数组实例1). 字符串拆分为数组 console.log(Array.form("red")) /
2021-07-24 18:44:18
233
2
原创 for in 和 for of 的区别
对比在数组中的运用创建一个数组users let users = ["su","wang","xiao","da"];for in for (const i in users) { console.log(i); // 0 1 2 3 console.log(users[i]); // su wang xiao da }for in遍历结果是索引值for of f.
2021-07-19 23:35:43
132
原创 JavaScript的参数传递机制
JavaScript的参数传递机制按值传递基本类型：string、number、null、undefined、boolean基本类型例如：let num = 1;基本类型放在栈区，栈区包括了 变量的标识符和变量的值。引用类型1.对象引用对象引用类型的值是同时保存在栈内存和堆内存中的对象例如：let student = { name: "小明",age: 20 }; var a = {}; // a保存了一个空对象的实例 var b = a; // a和b都指向了这个空对
2021-07-18 23:33:34
289
3
原创 日常总结（一）
日常总结（一）1. 条纹式表格使用伪类子选择器 nth-child(number)number值：even： 匹配偶数位元素odd： 匹配奇数位元素2n+1： 匹配第一个及其后面间隔2的元素例如： <style> table { border-collapse: collapse; border-spacing: 0; } tr:nth-child(even) {
2021-07-15 22:14:23
118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人