- 博客(45)
- 收藏
- 关注
RSS订阅转载 前端跨域知识
怎么解决跨域呢： 有三种，第一种是JSONP，这个是利用script标签实现的；浏览器先询问服务器，当前网页所在的域名是否在服务器的许可名单之中，以及可以使用哪些HTTP动词和头信息字段。特殊请求会在正式通信之前，增加一次HTTP查询请求，称为"预检"请求（preflight）。如果浏览器得到上述响应，则认定为可以跨域，后续就跟简单请求的处理是一样的了。跨域是浏览器的一种保护措施，是为了防止一些攻击，比如跨站请求伪造的攻击；不符合简单请求的条件，会被浏览器判定为特殊请求,，例如请求方式为PUT。
2023-04-17 20:38:39
99
翻译 el-tree组件中数量大出现卡顿问题
在对话框中嵌入了一个element-tree 中，但是当数据量很大时，就会出现卡段现象。针对这个问题，我看到有两种解决方式第一种是给tree设置一个height属性，表示切换为虚拟滚动，使长列表拥有更好的表现。这个是官方给的解决办法，设置了这个属性后，组织树就不能设置懒加载 以及 拖拽的功能。Element - The world's most popular Vue UI framework第二种，是采用virtual-scroll-list插件，这个我在别人的博客上看了下，稍微有些复
2022-03-02 15:20:10
7266
7
原创 前端微前端相关知识资料
解密微前端：从qiankun看子应用加载 - 掘金基于 qiankun 的微前端应用实践 - 知乎iframe接班人-微前端框架qiankun在中后台系统实践 - 知乎
2022-02-24 13:51:34
410
原创 学习笔记——并查集工具函数（javascript）
/* * @Author: zhihui * @Date: 2021-11-30 21:16:30 * @LastEditTime: 2021-11-30 09:49:11 * @LastEditors: your name * @Description: In User Settings Edit * @FilePath: \ECloud-H5d:\Test\网络连通数目-并查集.js */ var makeConnected = function(n, connections) { .
2021-11-30 16:17:23
409
原创 @Watch(‘$route.query‘, { deep: true, immediate: true })
应用场景：当收到推送消息的对话框时，点击对话框，会跳转至消息中心的页面。最开始实现方式：使用【@Watch('$route.query')】 监听路由的参数，使用这个的原因是当停留在消息中心页面，推送出一个消息，点击推送消息，会根据不同的参数弹出对话框【但是会存在一个问题是，第一次跳转至消息中心的页面，这个监听不起效，所以就使用了路由守卫来解决这个问题。虽然该问题解决了，但是会存在在非第一次的路由跳转，这两个函数都会执行，就会弹出两个对话框的问题】最后实现的方法：@Watch('$route.que
2021-10-14 10:47:34
1929
原创 css: box-shadow 和 drop-shadow 的区别（每日一增）
box-shadow 和drop-shadow 都是添加阴影，但是他们是有区别的。box-shadow 是对这个元素的边框添加阴影，元素的边界框，而drop-shadow是为图像的非透明的地方添加阴影。其中，这篇文章很好的介绍了他们的区别，并画出了相应的图片被低估的CSS滤镜：drop-shadow - 知乎...
2021-10-13 09:09:36
204
原创 对QwebChannle.js的理解
今天是国庆节的第四天，看看书了哦，目前是收集看到的资料的链接，还没有形成自己的理解，先把链接放在这存一下（哈哈哈）Qt中的信号和槽详解_徐kun按门铃的博客-CSDN博客【了解QT里面的一些知识】...
2021-10-11 09:29:08
435
原创 React-Native Webview 和H5之间的通信
//这个是监听IOS的postMessage消息window.addEventListener&&window.addEventListener('message',function(e){that.getDataForConfig(true)})//这个是监听安卓的postMessage消息document.addEventListener&&document.addEventListener("m...
2021-09-17 14:04:47
179
原创 对Vue的props的理解
有这么一个场景:有一棵树的组件，其选中的节点（是由数组构成）是由父组件传过去的，选中的节点在一个输入框显示，现在在输入框的X的按钮依次去掉选中节点, 现在遇到的问题是：在我清除组件树选中的节点时，父组件通过props透传的数组也跟着变了。自己迷惑了很久，修改了几个小时都没有修改出来（哈哈哈，自己太菜了），没有找出原因，经过和同事的分析，自己有了想法，觉得组件树的选中节点和我透传过去的数组应该是指向同一个内存的地址，所以，子组件的数据变化，父组件的数据也会跟着变化。所以，得出了一个结论：通过props传递值，
2021-07-30 16:20:20
179
原创 flex布局时，出现上一行与下一行之间间距大的问题
最近做项目的时候，使用flex 布局，发现上一行与下一行的间距比较大。具体的代码布局如下所示，<main v-if="tableData.length" class="flex flex-ai-start flex-wrap"> <div v-for="item in tableData" :key="item.id" :ruleData="item" /> <div class="inf
2021-07-22 19:24:45
4993
原创 2021年算法日记：leetcode 不同路径 I（62） II （63）
自己对动态规划浅薄的理解：动态规划的题目分为两大类，一种是求最优解类，典型问题是背包问题，另一种就是计数类，比如这里的统计方案数的问题，它们都存在一定的递推性质。前者的递推性质还有一个名字，叫做 「最优子结构」 ——即当前问题的最优解取决于子问题的最优解，后者类似，当前问题的方案数取决于子问题的方案数。所以在遇到求方案数的问题时，我们可以往动态规划的方向考虑。不同路径I一个机器人位于一个 m x n网格的左上角 （起始点在下图中标记为 “Start” ）。机器人每次只能向下或者向右移动一..
2021-01-11 14:24:34
72
原创 2021-1-6日算法日记：leetcode 167 两数之和 II - 输入有序数组
题目描述：给定一个已按照升序排列的有序数组，找到两个数使得它们相加之和等于目标数。函数应该返回这两个下标值 index1 和 index2，其中 index1必须小于index2。说明:返回的下标值（index1 和 index2）不是从零开始的。你可以假设每个输入只对应唯一的答案，而且你不可以重复使用相同的元素。示例:输入: numbers = [2, 7, 11, 15], target = 9输出: [1,2]解释: 2 与 7 之和等于目标数 9 。因此 index...
2021-01-07 09:11:51
82
翻译 java环境安装
java安装第一步：在https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html这个网址下载JDK。我的电脑是win10,因此下载了jdk-8u271-windows-x64-demos.zip第二步：对下载的JDK双击进行安装，我是傻瓜式的安装，直接下一步安装，它默认的安装路径是：C:\Program Files\Java\jdk1.8.0_271第三步：配置环境变量...
2020-12-12 18:43:17
313
1
原创 字符串新增的方法
1.String.fromCodePoint() 用于从Unicode码点返回对应字符。2.String.raw() 该方法返回一个斜杠都会被转义（即斜杠前面再加一个斜杆）的字符串，往往用于模板字符串的处理方法3.实例方法： codePointAt()4.实例方法：normalize() ，用来将字符的不同方法统一为同样的形式，这称为Unicode正规化。5.实例方法：inclu...
2019-05-08 08:48:23
372
转载 变量的解构赋值
1.数组的解构赋值ES6允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这就被称为解构。（1）如果等号的右边不是数组（或者严格的说，不是可遍历的结构），那么将会报错。// 报错let [foo] = 1;let [foo] = false;let [foo] = NaN;let [foo] = undefined;let [foo] = null;let [fo...
2019-05-06 09:57:31
378
翻译 let和const命令
let命令：用来声明变量。用法类似于var,但是所声明的变量，只能在let命令所在的代码块内有效。 1.for循环还有一个特别之处，就是设置循环变量的那部分是父作用域，而循环体内部是一个单独的子作用域。for (let i = 0; i < 3; i++) { let i = 'abc'; console.log(i);}// abc//...
2019-05-05 09:45:56
1258
翻译 外边距合并
外边距合并：块级元素的上外边距和下外边距有时候会合并（或折叠），其大小取其中一个最大的值，这种行为就叫做外边距折叠，有时候也称为外边距合并。注意浮动元素和绝对定位元素的外边距是不会折叠的。下面列出会发生外边距折叠的情况：相邻元素之间 ：毗邻的两个元素之间的外边距会折叠（除非后一个元素需要清除之前的浮动） 父元素与其第一个或者最后一个子元素之间:如果在父元素与其第一个子元素之间不存在边框、...
2019-03-27 21:16:44
239
原创 HTML 块级元素和内敛元素区别
块级元素特点（<div> <p> <h> <ol> <ul> <table> <address> <hr> <form> ....） 1.总是从新的第一行开始（一个块级元素独占一行） 2.元素的高度、宽度、行高以及顶部和底边距都可以设置。
2019-02-22 19:28:45
268
原创 设计模式之抽象工厂模式
一. 抽象工厂模式的定义：提供一个创建一系列相关或者相互依赖对象的接口，而无需指定他们具体的类。二. 抽象工厂模式的UML图（详见<<大话设计模式>>之抽象工厂，下面的图也是我从别的博客copy过来的 嘿嘿~） ...
2019-02-20 16:13:29
157
转载 OOP中的六种关系理解
OOP(面向对象编程)，有UML六种关系，分别是：泛化、实现、依赖、关联、聚合、组合，这六种关系紧密程度依次增强。（1）泛化 概念：他是一种一般与特殊、一般与具体之间关系的描述，具体描述建立在一般描述的基础之上的，并对其进行扩展，在程序中是通过继承来实现的，比如够是对动物的具体描述，在面向对象设计中一般设为够是动物的子类。表示方法：空心三角形箭头的实线，子类指向父类。（2）...
2019-01-19 18:34:30
1167
原创 设计模式之装饰模式
参照《大话设计模式》这本书以及网上的一些博客，对设计模式有了一些基本的认识。通俗的理解，就是对已经存在某些类进行装饰，来扩展他的一些的功能。 装饰模式的基本结构是： Component 为统一接口，也是装饰类和被装饰类的基本类型ConcreteComponent 为具体的实现类，也是被装饰类，他本身是个具有一些功能的完整的类。Decorator 是装饰类，实...
2019-01-18 14:18:26
91
转载 java 对象引用
https://zwmf.iteye.com/blog/1738574 这篇博客讲的Java 中的引用讲的非常的好。https://www.cnblogs.com/caiyao/p/4964176.html 这篇博客讲解了java中值传递
2019-01-07 10:59:48
100
原创 Java 抽象类和接口
一.抽象类抽象类中需要注意：1.抽象类是不能被实例化的，如果实例化了，就会报错。2.抽象类中不一定要包含抽象的方法，但是有抽象的方法的类必定是抽象类。3.抽象类中的抽象方法只是声明,不包含方法体，只是不给出方法的具体的实现也就是方法的具体的功能。4.构造方法，类方法（用static修饰的方法）不能声明为抽象的方法。5.抽象类的子类必须给出抽象类中抽象方法的具体实现，除非子类...
2019-01-06 17:18:30
91
转载 Java 虚方法
java中的虚方法出现在Java的多态特性中，父类与子类之间的多态性，对父类的函数进行重新定义。如果在子类中定义某方法与其父类有相同的名称和参数，我们说该方法被重写 (Overriding)。在Java中，子类可继承父类中的方法，而不需要重新编写相同的方法。但有时子类并不想原封不动地继承父类的方法，而是想作一定的修改，这就需要采用方法的重写。方法重写又称方法覆盖。当设计类时，被重写的方法的...
2019-01-04 15:31:32
772
原创 java 理解引用和对象
在java 中有这么一句话，“万物皆对象”，这句话Java程序语言之初的理念之一。我们就需要理解什么是对象，还有什么是引用。对象定义在《Java编程思想》中，是这么定义对象的。“按照通俗的说法，每个对象都是某个类(class)的一个实例（instance）,这里的类就是类型的同义词”。我们可以从这一句话中可以看出对象的本质，简单的说，它就是类的实例。比如说，所有的人合起来就是人类，这里人类...
2019-01-02 19:54:12
237
1
原创 java 重载和重写的区别
重载（Overload）(1)重载Overload 是一个类中多态性的一种表现。是编译时的多态性。方法重载是让类以统一的方式处理不同类型数据的一种手段。方法重载是让类以统一的方式处理不同类型数据的一种手段。重载发生在一个类中，同名的方法如果有不同的参数列表（参数类型不同，参数个数不同或者二者都不同）则视为重载。（2）Java的方法重载，就是在类中可以创建多个方法，它们具有相同的名字，但具有...
2019-01-02 16:39:56
119
转载 Java中String，StringBuilder,StringBuffer三者的区别
（这篇文章是抄的网上的）这三个的区别主要在于两个方面，第一个就是运行速度，第二个就是线程安全。1.运行速度，StringBuilder > StringBuffer > String String 最慢的原因是：String为字符串常量，而StringBulider 和StringBuffer均为字符串常量，即String对象一旦创建之后该对象是不可更改的，但后两者的对象是变...
2018-12-27 20:32:25
90
翻译 awake resouces---第四篇
JA3是一种创建SSL/TLS客户端指纹的方法，应该可以在任何平台上轻松生成，并且可以轻松共享威胁情报。那它是怎么工作的呢？ TLS和它的前身SSL，为简单起见，我将其称为“SSL”，用于加密通用应用程序的通信，保护数据安全和恶意软件，因此它可以隐藏在噪声中。 要启动SSL会话，客户端将在TCP 3次握手后发送SSL客户端Hello数据包。 此数据包及其生成方式取决于构建客户端应用程序时使用的包和方法。 如果接受SSL连接，服务器将使用基于服务器端库和配置以及Client Hello中的详细
2018-12-27 16:05:05
141
原创 Java String类
字符串广泛应用在Java 编程中，在Java中字符创属于对象，Java提供了String类来创建操作字符串。1.求字符串的长度 length()方法 ，它返回的是字符对象中包含的字符数。2.连接字符串 string1.concat(string2) ,返回的是string2连接string1的新的字符串。 我们常用的是+连接字符串。3.创建格式化字符...
2018-12-26 20:23:11
91
原创 Java Number&Math类
一般的，当需要使用数字的时候，我们通常使用内置的数据类型，如：byte,int,long double等。 列如：int a = 5000; float b = 13.65f; byte c = 0x4a; 然而，我们在实际的开发的过程中，我们经常会遇到使用对象，而不是内置数据类型的情形。为了解决这个问题，Java语言为每一个内置数据类型提供了对应的包装的类。 ...
2018-12-26 17:16:09
203
1
翻译 awake---resources(第三篇)
Equifax breach report highlights multiple security failures ...
2018-12-26 15:22:40
111
翻译 awake--resources(第二篇)
通过Awake发现（和停止）Typosquatting攻击在文章的开始，简要的介绍一下这个Typosquatting攻击，它被称为的是URL劫持，圈套站点或者说是虚假URL,是一种域名抢注，可能是劫持，它依赖于互联网用户在网站地址输入网络浏览器时所犯的错误等信息。如果用户不小心输入了错误的网络地址，他们可能被引导到任何URL(包括域名抢注者拥有的替代...
2018-12-26 14:28:43
158
翻译 awake--resources(第一篇)
安全团队会考虑检测和响应组织网络安全状况的关键组件。下一代攻击者策略，技术和程序（TTP）利用环境中已存在的合法工具，“生活在陆地上”，让安全团队争先恐后地消除与业务合理活动相融合的潜在威胁。让安全团队争先恐后地消除与业务合理活动相融合的潜在威胁。 传统的安全工具无法跟上这些不断变化的TTP。 网络检测和响应领域从恶意意图和良性行为之间的细线争夺最多。网络检测和响应领域从恶意意图和良性行为之间...
2018-12-26 10:31:44
272
1
翻译 awake 总结（一）
一.攻击者采用的一般步骤首先 ，我们要对网络攻击进行检测，得知道入侵活动中，攻击者往往采取的步骤有哪些，攻击者往往采取以下几个经典步骤：阶段一：侦查第一阶段在于确定潜在目标满足攻击者实施入侵的条件（例如具备理想的经济效益、有针对性地获取敏感信息或者造成对品牌的伤害）。一旦确定了现有的防御机制之后，攻击者将依据此 选择自己的攻击武器--具体包括利用零日安全漏洞，实施鱼叉式网络钓鱼活动或者...
2018-12-25 13:50:08
1334
转载 awake 预备知识（2）
一.安全传输层协议（TLS）概念：是确保在通信应用程序与互联网用户之间提供数据保密的协议。就是当一台服务器和客服端通信的时候，安全传输层协议能够确保没有第三方窃听或者干扰信息的传输。构成：由两层组成，TLS记录协议(TLS Record Protocol) 和TLS 握手协议（TLS Handshake Protocol）.TLS记录协议利用了数据加密的标准算法等一些算法来提供连接的安全性...
2018-12-21 09:44:20
151
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人