- 博客(196)
- 收藏
- 关注
RSS订阅原创 键盘shift键失灵
1. 、点击开始菜单—控制面板—轻松访问中心—点击下面的键盘图标—检查“设置筛选键”按钮，或粘贴键是否启用。2. 打开设备管理器，更新键盘的驱动程序。右击 更新驱动即可。
2023-05-27 20:03:13
917
原创 0418 leetcode每日一题 1026. 节点与其祖先之间的最大差值
找到当前节点的子节点中的最大值和最小值，然后做差，差的绝对值最大的值，即为当前节点的子节点的最大差值。给定二叉树的根节点 root，找出存在于 不同 节点 A 和 B 之间的最大值 V，其中 V = |A.val - B.val|，且 A 是 B 的祖先。其中递归函数，返回一个长度为2的数组，第一个数表示子节点的最小值，第二个数表示子节点的最大值。（如果 A 的任何子节点之一为 B，或者 A 的任何子节点是 B 的祖先，那么我们认为 A 是 B 的祖先）
2023-04-18 12:54:48
256
1
原创 0416 leetcode每日一题 1042. 不邻接植花
可以首先将所有花园中的花设置为0，然后遍历与其相邻的花园，选择没有使用过的花的种类（1 2 3 4），将该花园设置成对应的花朵即可。从题目描述中可知，花的种类一共有四种，且一定有满足题意的答案。
2023-04-16 23:03:55
389
原创 二叉树的递归和非递归遍历
树节点的基本结构： public class TreeNode { int val; TreeNode left; TreeNode right; TreeNode() {} TreeNode(int val) { this.val = val; } TreeNode(int val, TreeNode left, TreeNode right) { this.val = val; thi
2022-05-05 12:55:10
1033
原创 vue学习：网络请求的封装axios
一、为什么选择axios二、axios的基本使用// 1.axios基本使用axios({ url: "http://123.207.32.32:8000/home/multidata", method: 'get' //默认是get请求}).then(res=>{ console.log(res);})// axios.post()axios({ // url: "http://123.207.32.32:8000/home/data?t...
2022-05-03 16:39:35
1714
5
原创 Vuex学习
一、Vuex是做什么的状态管理工具：多个组件共享状态（可以先简单理解成变量）所有的组件都继承自vue的原型：可以通过在prototype中加属性实现上述对象，但是通过这种方式，无法实现响应式。二、vue需要管理什么状态呢...
2022-04-27 17:29:22
1490
原创 Promise学习
一.初步认识；1.1 什么是promise1.2 promise的基本语法1.3 使用promise一般情况下，需要异步操作时，对异步操作进行封装promise 将网络请求代码和数据处理代码进行了分离。成功时，调用then，失败时，调用catch二、Promise的三种状态写法2：then中写两个函数，一个是成功时调用，一个是失败时调用三、Promise的链式调用<script> // 实现效果，使用定时器...
2022-04-27 17:11:17
277
原创 css学习——移动端
一、flex布局1.1 flex布局初体验1.2 flex布局原理1.3 flex布局 父项常见属性1.3.1 flex-direction设置主轴方向子元素根据主轴来排列1.3.2 justify-content 设置主轴上的子元素排列方式1.3.3 flex-wrap 设置子元素是否换行flex布局中，默认子元素是不换行的，如果撞不开，会缩小子元素的宽度，放到父元素里面1.3.4 align-items设置侧轴上的子元素排列方...
2022-04-27 10:23:37
671
原创 vue（三）CLI脚手架以及路由vue-router
一、认识脚手架：1.1 什么是脚手架1.2 CIL使用前提：（1）nodenode环境，并且node已经为我们安装好npm（2）webpack（3）安装CILnpm install -g @vue/cil1.3 拉取CIL2的模板npm install -g @vue/cil-init 安装好后，既可以用脚手架3也可以用脚手架21.4 创建项目使用脚手架2创建项目：vue init webpack my-project使用脚手架3创建项目:...
2022-04-25 20:27:52
2587
原创 WebPack
1.什么是WebPack1.1 前端模块化：es6的前端模块化是由浏览器提供的底层支撑。CommonJS在WebPack中就可以使用了。WebPack提供了底层的支撑。1.2 打包webPack更加强调模块化：模块化打包工具：着重理解 模块化和打包采用模块化开发完以后，需要运行代码webpack模块化打包。webPack为了可以正常运行，依赖node环境。而node环境为了可以正常运行很多代码，其中包含各种依赖的包。而这些包的管理又需要npm（...
2022-04-24 16:26:48
525
原创 vue2(二)组件化
一、组件化1.1 简单认识组件化1.2 全局组件与局部组件全局组件:可以在多个Vue实例中使用。局部组件：只能在单个Vue实例中使用。在项目开发中，一般只设置一个vue实例，一般采用局部组件的方式。<body> <div id="app"> <mycpn></mycpn> </div> <div id="app2"> <mycpn&.
2022-04-21 23:29:02
944
原创 vue案例1：购物车案例
1.实现效果：2.涉及到的知识点：toFixed函数、过滤器、reduce高阶函数、v-bind:disabled、v-if3.代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view
2022-04-20 22:33:55
740
原创 vue2 （一）
一、vue入门1.1 vue是一个渐进式框架、可以将vue作为一部分作为应用的一部分嵌入。带来更丰富的交互体验。 Core（vue核心库）+Vue-router（路由）+Vuex（vue状态管理）：vue全家桶1.2 vue有很多高级功能。1.3 安装1.4 vue的好处实现了数据与界面真正的分离。...
2022-04-18 15:00:54
872
原创 es7-11学习
一、es7新特性1.1 cinludes相当于indexof，，但是indexof返回是数数字，下标1.2 指数操作符二、 es8新特性2.1. async和await函数：（生成器函数和promise对象可以实现异步编程）async和await两种语法结合可以让异步代码像同步代码一样2.1.1 async函数在函数前面加async即可。返回的结果是一个promise对象。promise对象的状态由对象来决定。如果返回的是失败的promise或者是错.
2022-04-17 17:38:09
325
原创 node.js学习
一、基础知识1. 终端、shell命令：dir：列出当前目录下所有路径.：表示当前目录； .. 表示上一级目录md 目录名: 新建文件rd 目录名： 删除文件文件名：直接打开文件2. 环境变量（windows系统中的变量）！！！配置path当在命令行窗口打开一个文件，或调用一个程序时，系统会首先在当前目录下寻找文件程序，如果找到了则直接打开，如果没有找到，则会一次到环境变量path的路径中寻找。如果没找到，则报错。（寻找的过程和作用域链是一致的。）因此可以将一些经常需要访
2022-04-15 21:47:19
1481
原创 es6学习（五）
es6学习1. es6新特性1.1 let 声明变量：不能重复声明，var可以重复声明 块级作用域{} 作用域：函数、全局、块级（es6新出的）、eval（严格模式下） 不存在变量提升。var存在变量提升。 不影响作用域链。（会向上一级作用域中去寻找）下面的案例，用var会报错。因为var是函数作用域。因此，其实只定义了一个i，而let是块级作用域，定义了三个i1.2 const 声明常量一定要赋初值。 一般常量使用大写 常量的值不能修改 块级作用域...
2022-04-14 15:54:29
466
原创 es6学习（四，完结）es6新特性
1.关键字1.1 let关键字：（1）left声明的变量只在所处于的块级作用域{}有效。只有let声明的变量才具有块级作用域，var声明的变量不具有块级作用域。优点：防止循环变量变成全局变量。（2）let声明的变量不存在变量提升。（3）使用let声明的变量具有暂时性死区的特性。在块级作用域中声明的变量与块级作用域进行了整体的绑定，不受块级作用域之外的变量的影响。因此上述if块级作用域中，tmp在声明之前先使用了tmp，会报错。这种特性，称为暂时性死区。经典面试题：①
2022-04-13 18:44:04
774
原创 es6学习（三）：正则表达式
一、正则表达式1.1 概述：1.1 1什么是正则表达式：1.1.2 正则表达式的作用：匹配、替换、提取1.1.3 正则表达式的特点：1.2 正则表达式在js中的使用1.2 .1创建正则表达式。1.2.2 测试正则表达式1.3 正则表达式中特殊字符1.3.1 边界符^和$一起，就是精确匹配1.3.2 字符类（1）[ ] 多选一、[a-z] a到z中的字符选一个。或者[a-zA-B0-9]、[a-zA-B0-9_-...
2022-04-13 15:40:36
357
原创 es6学习（二） 函数进阶 this指向问题、深拷贝、浅拷贝
一、函数进阶1.1 函数的定义和调用采用instanceof判断前者是否属于后者。f instanceof Object. 返回true1.2 函数的调用方式2.this指向问题2.1 函数内this的指向2.2 改变函数内部this指向2.2.1 call（）有两个作用：（1）调用函数（2）修改this指向问题。（Father.call(son)将father函数的this指向son）则son就可以使用father的属........
2022-04-12 21:15:56
358
原创 es6练习：filter()、forEach()、some()
filter和forEach函数，遇见return不会终止迭代，而是全部遍历一遍。而some遇见return会终止迭代。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten...
2022-04-12 13:57:32
434
原创 es6学习（一）：类和对象（继承、super）、构造函数和原型、es5新增方法。
一、面向对象：1.面向对象的三大特性：封装、、继承、多态。二、类和对象1.面向对象的思维特点2.对象：具体的事物：特指3.类class：泛指4.创建类：4.1 类 constructor构造函数4.2 类中添加方法：类中的函数不需要function，多个函数之间不需要添加逗号分隔。5. 类的继承5.1 extends继承5.2 super关键字（1）super调用父类的函数。否则，不能直接用su...
2022-04-11 20:16:29
320
原创 js练习：筋斗云案例练习
1.实现效果鼠标经过，筋斗云跟随，鼠标离开，筋斗云回到原来的位置。鼠标点击，筋斗云停在该位置。2.实现思路：鼠标点击时，更改当前的current即可。同时更新记忆变量current，上面图片中的鼠标离开某个小li，就把目标值设为current。（注意：鼠标点击时，不需要再移动，直接更新current即可。点击完后，离开鼠标时会再执行鼠标离开事件（即移动到current位置，筋斗云会停留在当前位置），即可达到想要的效果。）3.代码：<!DOCTYPE html>
2022-04-11 14:28:27
1215
1
原创 js练习：轮播图
1.实现功能：2.实现思路：（1）鼠标放到图片上，显示箭头，用display来做。（2）动态生成小圆圈。（3）小圆圈的排他思想（4）点击小圆圈滚动图片设置自定义属性：this.setAttribute(name, value);获取自定义属性：this.getAttribute(name,value);(5)点击右按钮，滚动一张图片（学习无缝滚动原理）（6）克隆第一张图片放到图片最后面li.cloneNode(true) 设置为t...
2022-04-10 17:27:37
682
原创 js练习：动画函数的使用
1.实现效果：鼠标滑过箭头，显示出问题反馈，离开箭头，问题反馈隐藏 2.主要使用了动画函数。注意：direction的定位变成固定定位，否则页面底部会出现左右的滚动条3.代码实现：动画函数：function animate(obj, target, callback) { clearInterval(obj.timer); obj.timer = setInterval(function(){ var step = (target - ob...
2022-04-10 13:15:19
747
1
原创 js练习：仿淘宝固定侧边栏练习
1.实现效果：当页面运行到banner区域时，右边侧边栏改为固定定位，当页面运行到主体区域时，右边侧边栏显示返回到顶部。2.思路：（1）给document加scroll事件。（2）获取页面被卷去的部分用window.pageYOffset.(3)不断判断页面滚动了多少。计算右边侧边栏应该待的位置。3.代码：pink老师用了固定定位fixed（固定定位是相对于窗口的距离），我做的还是用绝对定位（绝对定位是相对于页面的距离），都是可以实现的。<!DOCTYPE htm
2022-04-09 15:14:11
163
原创 js练习：仿京东放大镜案例
1.实现效果：移动遮挡框，右边的图片响应的放大并移动。2.实现思路：（1）鼠标移动到图片上，遮罩层和右边盒子显示。鼠标移出，遮罩层和右边盒子消失。（2）黄色遮罩层跟随鼠标移动（3）右边图片跟随左边图片移动注意：右边图片的移动方向与左边遮罩层的移动方向相反，因此，右边图片移动距离是负的。右边大盒子：多余的图片不显示，用overflow:hidden.来隐藏3.代码展示<!DOCTYPE html><html lang="en">&.
2022-04-07 20:50:12
261
原创 js练习：拖动模态框
1.实现效果：点击链接，弹出模态框。点击关闭，关闭模态框。点击标题部分，可以随意移动模态框的位置。主要是获取鼠标位置。2.思路：3.代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n.
2022-04-07 19:35:18
496
原创 PC端网页特效
一、offset系列。必须是带有定位父元素的偏移position：relative。以带有定位的父亲为准，如果没有父亲或者没有定位，则以body为准。offsetWidth和offsetHight是包含padding+border+content。offsetParent返回带有定位的父亲position：relative，否则返回body。注意parentNode和offsetParent的区别：parentNode返回的是亲爸爸。但是offsetParent返回的是带有定位的..
2022-04-02 21:08:26
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人