weixin_52005267的博客

原创 vue2 day6 7

重新刷新页面时，重新发送了请求，向后台请求数据，此时更新的数量是正确显示的，但我们需要做到不刷新页面，前端显示也正确 => 更新list（中某一个对象的count），list控制显示。7、module模块：一个js文件一个模块，各模块维护自己的state、mutations、actions、getters等核心概念。6、getters：依赖于state中数据，响应式：state中数据变化，getters中函数结果值跟着变化。4、mutations（变化）：修改state中的数据（仓库数据）

原创 vue day06

点击a链接进入my页面时，a链接 我的音乐高亮，同时my下的a、b页面中的 我的音乐也有router-link-active类，但没有精确匹配的类（只有my页面的 我的音乐有这个类），如果。手动修正：根据报错的规则说明去eslint规则表中搜。，my/a页面中 我的音乐会根据设置好的样式高亮。直接通过这两个类名对相应标签设置样式。2、声明式导航 实现导航高亮效果。4、路由 重定向 模式设置。3、声明式导航 跳转传参。

原创 vue day5

一般组件名要两个单词，这里没有，运行会报错，给组件取name可以解决这个错误。2、v-loading指令封装（蒙层）使用组件时，传入具体标签内容。4、插槽 后备内容（默认值）10、vueRouter使用。.vue文件本质没区别。

原创 vue day2

数据一旦发生变化，就会触发watch中相应方法，数据可能和某个表单元素绑定，用户改变表单元素值，双向绑定使得数据值做相应变化。改成id好像也可以，目前没看出问题，但是id可能比较乱七八糟，有长有短，随机的那种，可能会增加比较时间？此时使用的是计算属性的简写，只能获取计算属性的结果值，不能修改计算属性值，看右边报错了。（1）:class=“{类名1：布尔值，类名2：布尔值}” 对象（频繁切换）:style:“{css属性名1:css属性值，。属性值要加引号，若属性名中间有-，应改为小驼峰命名。

原创 async函数和await关键字

async写在一个函数a前面，该函数变为异步函数，可在里面使用await关键字，await后面一般跟一个promise对象（axios函数返回一个promise对象，里面有异步任务），await会。该异步任务结果（暂停a中，即异步函数内代码继续往下执行，等待。并赋值给左边的变量）

原创 通过js操作元素样式属性

1、2、3、

原创 vue day1（主要是指令）

隐藏逻辑不一样，v-if直接没有这个标签了（创建和移除元素（条件渲染）），而v-show切换display:none来实现。（6）v-for：把某个标签根据某个数组值（或其他）多次渲染（使用时要加上v-key）优化：如果没有任务，底部footer隐藏（属于非一次显示隐藏，用v-show）而只显示一次的，用v-show，其实元素还在页面中，导致页面结构冗余。标签中要访问v-for中item和index，也用插值表达式。data中数据会被添加到实例上，用实例.属性名访问。如何访问修改data中数据?

原创 label

可以为input元素定义标注。点击label标签内文本时，浏览器自动将光标转到或选择对应表单元素上。label中for属性应当与相关元素的id属性相同。

原创 filte（过滤数组）

根据条件，保留满足条件的对应项，得到一个新数组。

原创 git(部分)

4、合并冲突：不同分支下，对同一文件同一部分修改，git无法干净的合并，产生合并冲突。两种方式：git init 本地文件夹转换，从其他服务器上克隆git仓库。2、git文件状态：未跟踪，已跟踪（新添加，未修改，已修改）如何查看暂存区和工作区文件状态：git status -s。6、案例：push之前先pull（看报错提示）因为此时远程仓库非空，有最新内容，是本地没有的。1、git三个区域：工作区，暂存区，版本库。git log --online（当前）git仓库地址：以.git结尾。

原创 webpack

不能直接把process.env.node_env放在那，虽然他是一个字符串，插件内部源码如果发现value位置是一个字符串，会把字符串中的英文当作变量替换到源代码位置，但我们想要的是一个字符串去替代前面的键名匹配的变量。生产模式：npm run build ，改动代码，要重新打包才能运行查看网页，开发环境：启动web服务，自动检测代码变化，热更新到网页，npm run dev。生产模式下，页面运行在浏览器上，第三方库用cdn地址进行请求，就近返回第三方库源码（打包时禁止打包第三方库，用cdn地址取代）

原创 ajax day4

异步代码交由指定的线程处理, 处理完毕后推入任务队列, 当主线程空闲时就会循环从任务队列中取出异步代码执行。5、axios返回的是一个promise对象，axios.then方法也返回一个新promise对象。什么时候使用：想合并多个promise对象，同时等待大家都成功的结果，然后做后续处理的场景。promise本身是同步的，而then和catch回调函数是异步的。返回的是一个个promise对象组成的数组。调用栈空闲时，优先清空微任务队列中的回调。4、promise.all 静态方法。

原创 ajax day3

promise对象一旦被兑现或拒绝，就是已敲定了，状态无法再被改变。故此处先执行resolve，状态为兑现后，不会再改变。获取天气数据进行展示：一打开页面时，页面的显示；创建URLSearchParams参数，再用toString方法转为字符串。案例：使用xhr和promise获取省份列表。请求参数：body参数。

原创 遍历数组 map foreach

1、map：可返回一个新数组2、forEach。

原创 ajax day2

3、右键tr，编辑为html，可直接复制tr部分的代码。7、案例 个人信息设置。

原创 object.keys() 返回一个字符串数组

原创 节流综合案例

【代码】节流综合案例。

原创 节流（附上：清除定时器，id或timeId不会被清除）

节流：如果之前有定时器，不做处理，没有定时器，则开启定时器，500ms后调用函数mouseMove，如果鼠标一直移动，在500ms期间内不再开启下一个定时器，直到500ms结束。时间到了，执行完mouseMove中加1操作，才清空定时器，下一次触发事件，才可以再开一个定时器，过500ms后调用mouseMove。防抖：检测前面有无定时器，有就清除前面的定时器，如果鼠标一直移动，一直清除之前的，直到最后一次移动，调用函数debounced，过500ms后调用函数mouseMove。

原创 js执行机制（事件循环） api-day5-127

耗时的任务都是异步任务。

原创 防抖（附案例） 起性能优化作用

鼠标停止前最后一刻移动即为上一次调用，故鼠标停止后过500ms，调用func。需求：鼠标在盒子上移动，鼠标 停止 500ms后，数字才+1。鼠标一直移动的话，则一直调用debounced函数。需求：鼠标在盒子上 移动，里面数字+1。1、lodash库实现防抖。

原创 js进阶day4-195：bind使用案例（包括disabled、setTimeout）

2、普通函数：谁调用，this指向谁，延时函数setTimeout是属于window对象的方法，过了多久后，window调用函数（延时函数中第一个参数），故延时函数第一个参数若为普通函数，里面的this指向window。改进：function函数内部this默认是window，现在已经改变了指向，而bind并未在函数中，它的this和this.disabled=true的this是同一个，都是btn。

原创 异常处理js

throw会中断程序执行，控制台没有输出’错误’去掉finally：控制台有输出throw的语句。

原创 js进阶day3 综合案例（练习面向对象）

【代码】js进阶day3 综合案例（练习面向对象）

原创 位运算相关题

3、给定2个有32位有符号整数a和b，不能使用算术运算符，分别实现a和b的加减乘除。1、位运算：给定两个有符号32位整数（符号位在最高位），返回a和b中较大的。（如果执行给定a、b操作，结果溢出，函数不必对此负责）2、判断一个32位正数是不是2的幂、4的幂。

原创 用int数组表示bit数组

在Java泛型中，？：不确定的Java类型T：Java类型K，V：java键值中的key和valueE：Element1、利用哈希表实现一个结构：RandomPool结构package day1;import java.util.HashMap;public class Demo { public static class Pool<K>{//泛型 private HashMap<K,Integer> keyIndexMap;

原创 二叉树递归套路题和morris遍历

1、二叉树递归套路 2、Morris遍历

原创 Manacher 滑动窗口

例题：有一个整型数组arr和一个大小为w的窗口从数组最左滑到最右，窗口每次向右滑一个位置。字符串str中，最长回文子串的长度求解。

原创 岛问题（递归） 并查集 kmp算法

算法

原创 第七次实验 java 文件字符流输入输出

java文件字符流例题

原创 记录一点疑惑 java中字符串 equals和==

字符串equals和==

原创 java实验六 Java异常处理与集合的使用

1、【问题描述】键盘输入成绩，自定义异常类MyException用于检测输入的成绩大于100或者小于0时，抛出异常，否则就输出成绩。【输入形式】请输入你的成绩：【输出形式】如果成绩在【0-100】：你的成绩为：如果成绩不在【0-100】：错误，成绩应该在【0-100】之间【输入输出样例1】Please input your score101Error,score should be in 0-100.【输入输出样例2】Please input your score90Your

原创 枚举类型一些方法的用法

枚举类型一些方法的用法：package learn;import java.util.*;//输入：EXTRA_LARge//输出：//EXTRA_LARGE//abbreviation=XL//Good job--you paid attention to the _.public class Test { public static void main(String[] args) { Scanner in=new Scanner(System.in

原创 平时作业 java

1、【问题描述】编写一个Book类，该类至少有name和price两个属性。该类要实现Comarable接口，在接口的compareTo（）方法中规定两个Book类实例的大小关系为二者的price属性的大小关系。在主函数中，选择合适的集合类型存放Book类的若干个对象，然后创建一个新的Book类的对象，并检查该对象与集合中的哪些对象相等。【输入形式】每一行输入一个Book类的对象，名字和价格之间用逗号分隔，集合类的输入结束符号是#，然后输入一个新的Book类对象。【输出形式】显示查找结果，如果找到了

原创 java实验作业 4

1、定义Student类，包含三个私有属性：name、id、score，根据输出结果，填写程序的空白处。构造方法中，如果输入的分数不在0~100之间，则对score属性赋值为0。在对score属性赋值的set方法中，如果给的值不在0~100之间，则给出错误信息，并且不对score进行修改。package learn;import java.util.Scanner;public class Student { private String name, id; private

原创 函数式接口、反射 相关练习

1、函数式接口作为方法返回值：package learn;import java.util.ArrayList;import java.util.Collections;import java.util.Comparator;public class Test { public static void main(String[] args) { ArrayList<String> array=new ArrayList<>();

原创 Lambda表达式、方法引用 实例

1、lambda表达式练习（1）package learn;public interface Flyable { void fly(String s);}package learn;public class FlyableDemo { public static void main(String[] args) { useFlyable(new Flyable() { @Override public void

原创 文件、线程章节的一些案例（heima）

1、向array.txt文件中写入如下内容：（集合到文件）lin,30zhang,20hh,25package learnjava;import java.io.*;import java.util.*;public class Demo { public static Set<String> res=new HashSet<>(); public static void main(String[] args) throws IOException

原创 集合相关 java（heima学习）

1、创建一个存储学生对象的集合，要求：学生对象的成员变量值相同，我们就认为是同一个对象未重写hashCode和equals方法 的情况package learnjava;public class Student { private String name; private int age; public Student(){ } public Student(String name,int age){ this.name=name;

原创 贪心算法删数问题（第3题） java作业

1、【问题描述】从键盘输入10个整数，存放在一个数组中，然后使数组中的所有整数整体向后移动m个位置，最后m个数变成最前面的m个数，并输出移动后的结果。m从键盘输入。【输入形式】输入10个整数，每个整数间用空格分隔，回车。然后输入整数m。【输出形式】首先输出数组中的10个元素，然后输出后移m位以后的数组所有元素。【输入输出样例】Please input 10 numbers:1 2 3 4 5 6 7 8 9 10Your numbers are:1 2 3 4 5 6 7 8 9 10

原创 一些暴力递归题 java左程云

1、N皇后问题：在N*N的棋盘上要摆N个皇后，要求任何两个皇后不同行、不同列，也不在同一条斜线上（1）package learn;public class NQueens { public static int num1(int n){//返回n个皇后有多少中摆法 if(n<1){ return 0; } int[] record=new int[n];//eg.record[1]=2 表示1行皇后放在了第2列