洋葱的博客

原创 Vue 父组件访问接口传值给子组件

但是若data数据是父组件通过访问后台接口获取到，则存在异步问题，由于父组件访问接口的返回值还未返回，所以子组件在访问data数据时为空。父组件引用子组件的地方，利用v-if来判断渲染条件，该判断条件在接口有返回值时设为true，这样可解决访问异步问题。正常情况，父组件传值给子组件，通过在父组件引用子组件的地方，利用:data="data"传递。子组件通过props接收。

原创 JS some和every方法

every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。如果数组中检测到有一个元素不满足，则整个表达式返回。如果没有满足条件的元素，则返回false。如果所有元素都满足条件，则返回 true。如果有一个元素满足条件，则表达式返回。注：every方法不会对空数组检测，every方法不会改变原始数组。some方法用于检测数组中是否满足条件的元素。注：some方法不会对空数组检测，some方法不会改变原始数组。, 剩余的元素不会再执行检测。，且剩余的元素不会再进行检测。

原创 vue 弹出框组件重复打开时，资源重新加载

2、v-if和:visible.sync同时使用。新增或者编辑内容使用同一个弹出框，如何使数据可以重新加载？1、绑定时间戳，有副作用，屏幕会闪烁一下。

原创 Vue 创建和编辑复用同一组件总结

1、第一种方案：将初始化函数从created生命周期移动到activated函数中，activated会在该页面激活时调用，也就是你从查看，编辑，或者新建的路由进入，都会执行该函数进行数据的初始化，但是缺陷在于若用户切换到别的页面，再回到该页面也会导致数据的初始化。一般情况下，查看内容、创建内容和编辑内容因页面结构和样式相同，所以会复用同一页面，复用同一页面也会引入问题：页面在打开后，再次进入该页面，若在created中初始化数据，created不会重复执行，也就是数据不会重新加载。

原创 Vue 生命周期

2、一般不会在beforeDestroyed中操作数据，因为即使操作数据，也不会触发更新流程了。1、销毁后自定义事件会失效，但是原生DOM事件仍有效。

原创 VUE 监视数据原理

（1）使用这些API：push,pop,shift,unshift,splice,sort,reverse。通过setter实现监视，且要在new vue时就传入监测的数据。vue.set() 或者vm.$set()（2）vue.set() 或 vm.$set()（1）对象中后加的属性，vue默认不做响应式处理。（1）调用原生对应的方法对数组进行更新。（2）重新解析模板，进而更新页面。2、如何监测数组中的数据。1、如何监测对象中的数据？

原创 vue key的原理和作用

key是虚拟dom对象的标识，当状态中的数据发生变化时，vue会根据新数据生成新的虚拟DOM，随后vue进行新虚拟dom和旧虚拟dom的差异对比。如果不存在对数据的逆序添加、逆序删除等破坏操作，仅用于渲染列表展示，使用index没问题。若虚拟dom中内容变了，则生成新的真实dom，随后替换掉页面中之前的真实dom。会产生没有必要的真实dom更新 ==》界面效果没问题，但效率低。若虚拟dom中内容没变，直接使用之前的真实dom。2）旧虚拟dom中未找到与虚拟dom相同的key。4、开发中如何选择key？

原创 Vue 绑定class样式

3、对象写法，适用于：要绑定样式个数确定，名字也确定，但要动态决定用不用。2、数组写法， 适用于：要绑定的样式个数不确定，名字也不确定。1、字符串写法，适用于：样式的类名不确定，需要动态绑定。

原创 Set及其实现类特点

在现有的组+单向链表+红黑树结构的基础上，又添加了一组双向链表，用于记录添加元素的先后顺序。便于频繁的查询操作。不可重复性：添加到Set中的元素是不能相同的，比较的标准：需要判断hashCode（）得到的哈希值以及equals（）得到的boolean结果。TreeSet：底层使用红黑树存储，可以按照添加的元素的指定的属性的大小顺序进行遍历。与添加的元素的位置有关，不像ArrayList一样是依次紧密排列的。这里是根据元素的哈希值，计算其在数组中的存储位置，此位置不是一次排列的，表现为无序性。

原创 List及其实现类的特点

Vector：List的古老实现类，线程安全的、效率低，底层使用Object[]数组存储（在对集合中数据频繁删除和插入数据建议使用）在添加数据、查找数据时，效率较高，在插入、删除数据时，效率较低。在添加数据、查找数据时，效率较低，在插入、删除数据时，效率较高。1、ArrayList：List的主要实现类，线程不安全的、效率高，底层使用Object[]数组存储。LinkedList：底层使用双向链表存储。

原创 文档的加载

文档的加载

原创 字符串转整数

字符串转整数

原创 css-选择器

css-选择器

原创 v-if和v-show的区别

v-if和v-show的区别

原创 vue 带有槽位的表格内容如何省略展示

开发中总结的css知识

原创 Vue 监听原理

1、Vue会监视data中所有层次的数据2、如何监测对象中的数据？通过setter实现监控，且要在new Vue时就传入要监测的数据。（1）对象中后追加的属性，Vue默认不作响应式处理（2）如需给后添加的属性作响应式，请使用如下API：Vue.set(target, propertyName/index, value)vm.$set(target, propertyName/index, value)3、如何监测数组中的是数据？通过包裹数组更新元素的方法实现，本质就是作两件事

原创 Vue 监听watch和计算属性compute的区别

1、computed能完成的功能，watch都能完成2、watch能完成的功能，computed不一定能完成，例如：watch可以进行异步操作两个重要的原则：1、所被vue管理的函数，最好写成普通函数，这样this的指向才是vm或者组件实例对象2、所有不被Vue管理的函数（定时器的回调函数、ajax的回调函数、Promise的回调函数），最好写成箭头函数，这样this的指向才是vm或者组件实例对象...

原创 4.Java String

1.初始化可以使用数组来初始化，分配一个新的字符串，将参数中的字符数组元素全部变为字符串。该字符数组的内容已被复制，后续对字符数组的修改不会影响新创建的字符串。char a[] = {'H','e','l','l','0'};String sChar = new String(a);a[1] = 's';String(char[] value,int offset,int count)sChar 变量的值是字符串“ello”。该构造方法使用字符数组中的部分连续元素来创建字符串对象。o.

原创 3.Java switch-case语句

switch后可以跟的数据类型包括：byte，short，int，char，Java7还可以跟String类型String input = ...;switch (input.toLowerCase()) { // toLowerCase用于将大写字符转换为小写 case "yes": ... break;}

原创 2.Java逻辑运算符

注意&&与&的区别，以及||与|的区别：&& 与 & 区别：如果 a 为 false，则不计算 b（因为不论 b 为何值，结果都为 false）|| 与 | 区别：如果 a 为 true，则不计算 b（因为不论 b 为何值，结果都为 true）短路与（&&）和短路或（||）能够采用最优化的计算方式，从而提高效率。在实际编程时，应该优先考虑使用短路与和短路或。逻辑运算符的优先级为：！运算级别最高，&& 运算高.

原创 1.Java常量

定义常量利用final关键字来定义注意：1.定义常量时要初始化 2.常量定义了便不可以修改 3.常量一般用字母大写来表示public class HelloWorld { // 静态常量 public static final double PI = 3.14; // 声明成员常量 final int y = 10; public static void main(String[] args) { ...

原创 4、内联变量

动机：变量的名字并不比表达式更具表现力，则可以将表达式去替换变量。

原创 3、提炼变量

动机：表达式有可能非常复杂而难以理解，这种情况下，局部变量可以帮助我们将表达式分解为比较容易管理的方式如下函数是计算商品的价格void price(order){ return order.quantity*order.itemprice-Max(0,order.quantity-500)*order.itemprice*0.05+min(order.quantity*orde...

原创 2、内联函数

动机：某些函数内部代码和函数名称同样清晰易读，那么就应该去掉这个函数，直接使用其中的代码。间接性可能会带来帮助，但非必要的间接性总是让人感觉不舒服。另一种情况：对于一群不合理的函数，可以将他们都内联到一个大型函数中，再以重新提炼函数。int f(aTest){ return morethanfive(aTest)?2:1;}bool morethanfive(aTest)...

原创 1、提炼函数

定义：将代码提炼到一个独立的函数里，并以这段代码的用途为这个函数命名。提炼的时机：将意图和实现分开对于一段代码，你需要通过阅览才能搞懂这段代码在干什么，那么就需要将这段代码提炼到一个函数中，并为其所做的事命名。不用过于担心短函数会造成函数调用，因而影响性能。短函数常常能让编译器的优化性能运转更加良好，因而短函数可以更加容易地被缓存。1.提炼函数无局部变量typedef st...

原创 迭代器的分类

原创 如何判断大端模式和小端模式

原创 堆栈的溢出

题目：堆栈溢出一般是由什么原因导致的？答：1.函数调用层次太深。函数递归调用时，系统要在栈中不断保存函数调用时的现场和产生的变量，如果递归调用太深，就会造成栈溢出，这时递归无法返回。再有，当函数调用层次过深时也可能导致栈无法容纳这些调用的返回地址而造成栈溢出。2.动态申请空间使用之后没有释放。由于C语言中没有垃圾资源自动回收机制，因此，需要程序主动释放已经不再使用的动态地址空间。申请的动态...

原创 迭代器删除元素

https://blog.csdn.net/liuliu0322/article/details/83302965

原创 如何查找内存泄漏

1.在debug模式下，可以利用CRT库进行查找内存泄漏2.release模式下，可以利用对对象的计数，来统计对象是否建立和析构

原创 必须进行成员列表初始化的情况

1.初始化一个引用成员2.初始化const成员3.类成员没有默认构造函数的类类型4.类存在继承关系，派生类必须通过初始化列表的方式调用基类的构造函数...

原创 虚函数不能是inline的原因

inline函数需要在编译期将函数体替换到函数调用处，而虚函数是在运行时才能确定调用的是哪个函数，因此在编译期无法确定调用的是父类的还是子类的虚函数https://blog.csdn.net/flydreamforever/article/details/61429140...

原创 线程池

1. 线程池的概念： 线程池就是首先创建一些线程，它们的集合称为线程池。使用线程池可以很好地提高性能，线程池在系统启动时即创建大量空闲的线程，程序将一个任务传给线程池，线程池就会启动一条线程来执行这个任务，执行结束以后，该线程并不会死亡，而是再次返回线程池中成为空闲状态，等待执行下一个任务。2. 线程池的工作机制 2.1 在线程池的编程模式下，任务是提...

原创 堆和栈的区别

管理方式：堆中资源由程序员控制（容易产生memoryleak），栈资源由编译器自动管理，无需手工控制。系统响应：对于堆，应知道系统有一个记录空闲内存地址的链表，当系统收到程序申请时，遍历该链表，寻找第一个空间大于申请空间的堆结点，删 除空闲结点链表中的该结点，并将该结点空间分配给程序（大多数系统会在这块内存空间首地址记录本次分配的大小，这样delete才能正确释放本内存 空间，另外...

原创 空类默认产生六个函数

1.默认构造函数2.析构函数3.复制构造函数4.赋值运算符重载函数5.取值运算符重载函数6.const取值运算符重载函数

原创 https连接

https的链接与http连接的区别在于，TCP三次握手阶段后，还需要进行SSL的加密加密过程为： 在使用HTTPS是需要保证服务端配置正确了对应的安全证书 客户端发送请求到服务端 服务端返回公钥和证书到客户端 客户端接收后会验证证书的安全性,如果通过则会随机生成一个随机数,用公钥对其加密,发送到服务端 服务端接受到这个加密后的随机数后会用私钥对其...

原创 http的链接过程

1.域名解析2.发起TCP的三次握手3.Web浏览器向服务器发送http请求命令4.Web浏览器向服务器发送http请求头信息5.Web服务器应答6.Web服务器发送应答头信息7.服务器向浏览器发送数据8.服务器关闭TCP连接...

原创 TCP粘包问题

先说TCP：由于TCP协议本身的机制（面向连接的可靠地协议-三次握手机制）客户端与服务器会维持一个连接（Channel），数据在连接不断开的情况下，可以持续不断地将多个数据包发往服务器，但是如果发送的网络数据包太小，那么他本身会启用Nagle算法（可配置是否启用）对较小的数据包进行合并（基于此，TCP的网络延迟要UDP的高些）然后再发送（超时或者包大小足够）。那么这样的话，服务器在接收到消息（数据...

原创 Hash冲突

哈希冲突：通过关键字key，经过一个函数进行寻址，得到的地址之前已经使用过用来存储数据了解决哈希冲突的方法：1）开放定址法2）再哈希法3）链地址法...

原创 内存泄漏和内存溢出

内存泄露 ：是指程序在申请内存后，无法释放已申请的内存空间就造成了内存泄漏，一次内存泄漏似乎不会有大的影响，但内存泄漏堆积后的后果就是内存溢出。我们知道了内存泄漏的原因而内存溢出则有可能是因为我们我们多次内存泄漏堆积后的后果则变成了内存溢出内存溢出： 指程序申请内存时，没有足够的内存供申请者使用，或者说，给了你一块存储int类型数据的存储空间，但是你却存储long类型的数据，那么结果就是内...