Bridget719 - 个人主页动态

2022-03-05 19:22

1、通过prop  这是常用方法  2、高阶组件  祖孙传值可以使用 祖：provide; 孙：inject provide 和 inject 绑定并不是可响应的。 祖先： // 父组件中返回要传给下级的数据 provide () { return { reload: this.reload } }, methods: { reload () { this.isRouterAlive = false this.$nextTick(() => { this.isRouterAlive = true }) } }  孙子： export default { //引用vue reload方法 ...

0 点赞评论收藏

2022-03-02 11:23

陕西科技大学前端工程师

url参数解析

一： function urlToObj(url) { url = url.split("?")[1]; //"course1=js&course2=css&course3=jQ" var ary = url.split("&"); //["course1=js","course2=css","course3=jQ"]; var obj = {}; ary.forEach((item) => { var a = item.split("=");//["course1","js"] obj[a[0]] = a[1]; }); return obj; }  二：  f...

0 点赞评论收藏

2022-03-02 10:09

陕西科技大学前端工程师

cookie的安全设置

加签名，加密   set-cookie: httponly：这样就通过document.cookie访问不到cookie了。 secure：只允许https的请求发送cookie。 domain：允许同主域跨域访问 path：允许向path路径下的发送cookie sameSite:不允许发送cookie，或者部分get请求允许发送。   前缀cookie：确保创建该前缀cookie的子域限制在该子域。

0 点赞评论收藏

2022-03-01 20:41

已编辑

陕西科技大学前端工程师

前端跨域

前言：什么是跨域？ 大家都知道什么是同源策略，但是具体说一说过程恐怕有些大脑空白哦。跨域有前端和后端设置，但其实大多数我们都是为了保护服务器不受攻击，前端只是一个途径。 浏览器默认的限制是非同源之间的交互，比如阻止非同源请求发送到服务器（即使有时前端设置了跨域，也可能受到后端的限制的，只是前端设置可以解决浏览器限制就是了） 比如：从某页面嵌入脚本，去下载攻击网站的一个脚本，这个时候就起作用了，即阻隔恶意文档。 跨域写：比如提交操作、链接。 解决： 1、访问同主域：  设置domain。通过document.domain设置为主域（如假设 文档中的一个脚本执行以下语句：document.doma...

0 点赞评论收藏

2022-03-01 17:08

已编辑

陕西科技大学前端工程师

对象都有什么属性

问题来源：Object.defineProperty和普通的赋值操作有什么区别？我们都知道像有些操作是会遍历原型链的，但是Object上其实有很多方法和属性，在遍历的时候并没有将其遍历出来，但是他们却是可用的，这里引出概念"可读不可写"  要注意的属性名： 一个对象的属性名可以是任何有效的 JavaScript 字符串，或者可以被转换为字符串的任何类型，包括空字符串。然而，一个属性的名称如果不是一个有效的 JavaScript 标识符（例如，一个由空格或连字符，或者以数字开头的属性名），就只能通过方括号标记访问。这个标记法在属性名称是动态判定（属性名只有到运行时才能判定）时非常有用。  枚举对...

0 点赞评论收藏

2022-03-01 19:10

已编辑

陕西科技大学前端工程师

xss和csrf攻击以及解决方式

xss--跨站脚本攻击  1、存储型  利用内容验证的漏洞，将代码嵌入，存入数据库后，用户访问该链接即下载了相关代码，如cookie通过document.cookie被泄露。 (在这里就可以引出保护cookie就可以防止部分xss攻击，cookie内置有保护字段httponly等，详见cookie安全设置) 2、反射型  嵌入脚本使用户执行并请求服务器，携带会话令牌返回给攻击者，于是攻击者拿到了会话令牌。 3、基于dom的  在传输过程中恶意修改源代码（html），修改web页面的数据。   csrf--跨站请求攻击  利用用户的登录状态，做一些攻击请求。 之间的关系是xss可以进一步变成cs...

0 点赞评论收藏

2022-02-27 15:09

已编辑

陕西科技大学前端工程师

js实现继承

为什么要实现继承？ 个人认为，复用场景是非常常见的，故继承能够实现的复用也尤为的频繁，具体场景可能需要具体实践。   以下是五种实现继承的方式。  提前说明： 有类的概念的人，应该清楚，一个实例首先他有自身的属性（创建自构造函数），那么在继承的时候，父类的构造函数的属性就可能与其想重叠等，一般来说，名字相同则覆盖，不同则均存在呀。（到这里构造函数的继承关系差不多就说完了）。 然后就是原型链上的继承，也就是父类的这个构造函数的原型（prototype），会继承该原型上的属性（注意，这里明显原型继承和构造函数继承不是一个东西哦）。 （代码全部都是简写哦）  1、原型链继承  只需要在子类的构造函数...

0 点赞评论收藏

2022-03-15 18:04

已编辑

陕西科技大学前端工程师

0 点赞评论收藏

2022-03-02 14:51

已编辑

陕西科技大学前端工程师

事件循环

每一个任务都有一个重要特点：“执行至完成”（正常不会被终止）   一个误区：关于settimeout里的第二个参数，并不是说加入队列后开始计时，这个时间代表的是最小延迟时间，真正等待时间会比这个大，是碰到它的时候就开始计时，到时后加入宏任务队列，这里的计时器是由其他线程完成的。  The time value represents the (minimum) delay after which the message will be pushed into the queue. If there is no other message in the queue, and the stack i...

0 点赞评论收藏

2022-02-20 19:53

已编辑

陕西科技大学前端工程师

TCP与UDP的区别

他们都是传输层协议  tcp是可靠连接，udp是不可靠连接。 tcp的可靠主要通过，建立连接，按序发送，超时重传等机制确保的。并且还有滑动窗口，拥塞控制（慢开始、快恢复、快重传、拥塞避免）等机制。 而udp不建立连接，面向报文，与tcp面向字节流不同。 tcp面向字节流，方便其分包，拆包等。 udp面向报文，尽最大努力发送报文，不保证可靠，故可能会丢包。但也因为没有tcp那样复杂的重传机制等，速度也会更快。

0 点赞评论收藏

2022-02-21 12:42

已编辑

陕西科技大学前端工程师

http协议以及版本区别

HTTP 0.9  特点： 只有get请求，没有请求头，典型的无状态，响应失败没有错误码  HTTP 1.0  特点： 有了请求头响应头，支持POST、HEAD请求方法，但依然是无状态，短连接。  HTTP 1.1  特点：   最重要就是默认都是长连接connection：keep-alive 增加了PUT、DELETE、OPTION、TRACE、CONNECT 管线化，不用等待响应即可发送下一个请求 必须包含HOST头部 允许响应数据分块(chunked)传输 cache的新字段，etag，cache-control  HTTP 2.0  特点：   多路复用，二进制分帧，避免队头阻塞，请...

0 点赞评论收藏

2022-02-20 13:28

已编辑

陕西科技大学前端工程师

项目问题

1、网速过慢造成的连续点击请求 解决：  2、每隔几秒就会有这个请求报错http://192.168.0.7:8080/sockjs-node/info?t=数字串 首先 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 服务端：sockjs-node（https://github.com/sockjs/sockjs-node） 客户端：sockjs-clien（https://github.com/sockjs/sockjs-client） 如果你的项目没有用到 sockjs，vuec...

0 点赞评论收藏

2022-02-20 12:25

陕西科技大学前端工程师

遇到的一些困难-总结反思

1、问题：axios配置到Vue的原型中后，在组件中使用显示未define；使用封装的request也同样显示request未define。  解决思路：在main.js中明显已经导入了axios，也已经配置好了。出现这样的原因有两种：一是axios未安装成功；二是未引入或者使用错误。 解决过程：查阅了很多，发现应该是因为使用过VueAxios的原因导致的问题，于是在不想使用VueAxios的情况下，将其卸载后还是不行，故新建了一个项目只查看axios的使用，最后发现加一个this就成功了，背后的原理还未可知。之所以加this是因为axios配置到Vue的原型中后，按理说是会直接从vue的原型...

0 点赞评论收藏

2022-02-19 22:38

已编辑

陕西科技大学前端工程师

你真的实践过BFC吗

0 点赞评论收藏

2022-02-14 16:32

陕西科技大学前端工程师

一些小经验

经验 1.传入的props，需要用的先用简单的名字保存起来，方便编写: 2.解构赋值传参: （1）左部解构赋值 const { onReset, onIncrement, onDelete, onDecrement, counters, onRestart } = this.props;   左部解构赋值并不是浅拷贝   但是，如下的代码，可以在某种程度上避免误修改props  const {tags} = this.props; const {aaa, bbbb} = tags ;  （2）快速赋值props  <Menu.Item {...props} key={props.key...

0 点赞评论收藏

创作者周榜

关注他的用户也关注了：