- 博客(23)
- 收藏
- 关注
RSS订阅原创 jest快照测试---简单入门
http://laichuanfeng.com/work/jest-snapshot-and-dom-testing-in-react/前提：需要npm下载jest依赖包，babel依赖包。环境为node14.这个jest用于测试react的组件，其实并没有类似函数那样子的输入输出对错 之分，而是保留像git版本之类的东西，可以用于对比每一个版本的不同点。使用jest测试react组件，需要jest测试文件中有初始化组件态，触发事件前以及触发事件后的组件更新。Snapshot Testing快照测
2022-02-19 16:14:43
900
原创 dns和arp
dns和arp区别DNS 是域名系统(Domain Name System) 的缩写，它是由解析器和域名服务器组成的。域名服务器是指保存有该网络中所有主机的域名和对应IP地址，并具有将域名转换为IP地址功能的服务器。ARP，即地址解析协议，实现通过IP地址得知其网卡的MAC地址即物理地址。总结：DNS是应用层协议，简单点说就是将域名网址转为IP地址，是将域名与IP联系。而ARP是网络层协议，是在以太网中通过IP地址得到物理地址，将IP与mac联系。他们2个是完全不同的东西。...
2021-04-21 09:08:52
2968
原创 简述中间人劫持攻击
中间人攻击（Man-in-the-Middle Attack, MITM）就是通过拦截正常的网络通信数据，并进行数据篡改和嗅探，而通信的双方却毫不知情。假设爱丽丝（Alice）希望与鲍伯（Bob）通信。同时，马洛里（Mallory）希望拦截窃会话以进行窃听并可能在某些时候传送给鲍伯一个虚假的消息。首先，爱丽丝
2021-04-07 00:11:29
897
2
原创 HTTP总结---满满的干货
1、HTTP 0.9只有get方法，没有请求头。2、HTTP1.01、请求中添加了版本号。2、可以使用content-type传输其他文件了。3、request和response都有请求头了。3、HTTP1.1主要解决了网络性能的问题。1、可以让http重用tcp链接，每次请求不需要经过三次握手了。别称为HTTP长链接。2、第一个请求发送出去的时候，不需要等待相应返回，就可以发第二个请求了。3、请求头可以加入host这个字段，服务器可以马上知道请求的域名网站了。4、加入了option方
2021-04-06 10:01:57
183
1
原创 XSS和CSRF简单理解
1.什么是 XSS ？跨站脚本攻击（Cross Site Scripting)，为了不和层叠样式表 CSS 混淆，故将跨站脚本攻击缩写为 XSS)。恶意攻击者往 Web 页面里插入恶意 Script 代码，当用户浏览该页之时，嵌入其中 Web 里面的 Script 代码会被执行，从而达到恶意攻击用户的目的。XSS允许攻击者可以在其他用户浏览的web页面中注入客户端脚本。一个跨站脚本漏洞可能会被攻击者用来绕开访问限制，例如同源策略。XSS 主要有如下三种分类：• Reflected XSS（基于反射的
2021-04-06 09:27:19
469
原创 js实现日历组件
经历千辛万苦终于找到了一个日历组件了（泪目直接创建文件，复制粘贴就可以在网页上实现了index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid...
2020-03-19 11:21:16
866
原创 axios封装
引入axios包创建axios实例请求拦截器（设置请求头）响应拦截器（后台返回的数据分析，限制路由跳转或者显示给用户无法登陆的信息等） // case 400: error.message = '请求错误'; break // case 401: error.message = '未授权，请登录'; break // case 403: error....
2019-11-30 13:13:39
164
原创 sass的语句与一些sass函数
Sass 控制指令和表达式函数if(, , ,)判断第一个表达式是否为true，为true则返回第二个参数，为false时返回第二个参数指令@if与@else if后面不需要加括号，如果成立则执行后面的语句。for语句1.to@for $var from to 当$var等于的时候便不再执行。2.through@for $var from through 当$var大于的...
2019-07-16 18:17:01
204
原创 sass入门学习
SASS1变量声明sass的变量声明如果出现在{}代码块中时，只可以在{}中使用，如果出现在外面时，可以在所有{}使用。方便改变代码，将变量改变后即可以改变全局。$link-color: blue;a { color: $link_color;}//编译后a { color: blue;}2嵌套规则包含关系父元素{ 子元素{ }...
2019-07-16 12:25:37
205
原创 普遍的动画效果
普遍的动画效果1.css的transitiontransition: property duration timing-function delay;(默认值分别为：all 0 ease 0 )property:填写需要变化的css属性如：width,line-height,font-size,color等;duration:完成过渡效果需要的时间（2s 或者2000ms）timing...
2019-07-16 08:24:45
188
原创 css的@规则
CSSat-rule是让CSS做一些疯狂和有趣的事情的地方。虽然这里的示例是基本的，但我们可以看到它们如何用于将样式手工处理到非常特定的条件，从而创建与场景匹配的用户体验和交互。1.引入css的方法@import@import url(‘地址’);先加载HTML后再加载css，可能会导致网页先完成而后修饰link先加载css后加载网页内容，即显示出来时是同时的。（经常使用）2.改...
2019-07-12 18:44:57
303
原创 flex布局与grid布局
css布局position布局relative:相对于原位置来调整top，right，left，bottom且不会影响其他元素。fixed：相对于视窗来定位；absolute：相对于最近的“positioned”祖先元素除了static定位。如果绝对定位（position属性的值为absolute）的元素没有“positioned”祖先元素，那么它是相对于文档的 body 元素float...
2019-07-12 18:43:22
561
原创 常见布局
布局静态布局固定所有元素的尺寸流式布局使用百分比来确定元素适应屏幕的宽高，但是会文字内容的大小不变自适应布局使用 @media 媒体查询给不同尺寸和介质的设备切换不同的样式。即创建多个静态布局，而每一个静态布局对应一个分辨率。响应式布局1、布局特点：每个屏幕分辨率下面会有一个布局样式，即元素位置和大小都会变。2、设计方法：媒体查询+流式布局。通常使用 @media 媒体查询 和网...
2019-07-12 18:26:11
152
原创 javascript的this与函数基础
javascript函数参数调用函数时传入的参数是按顺序传入的，如果后面还传入过多的话，是不会有影响的，如不传入参数而调用函数的话返回NAN。arguments用于函数内部，是一个关键字，用法类似于数组，其中包含了所有传入函数的参数。…rest也是一个类似于argument的参数，用于接收其余的参数形式并更改。return如果分行返回参数的话，有可能会造成返回undefined。...
2019-07-12 18:25:06
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人