| | | |

2023年5月22日

摘要：使用方法：全局自定义指令：Vue.directive( dir_name , {} ) 局部自定义指令：directives{ dir_name : {} } 钩子函数： bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted：被绑定元素插入父节点时阅读全文

posted @ 2023-05-22 11:05 写代码的马小跳阅读(72) 评论(0) 推荐(0)

2023年5月21日

对$nextTick的理解，及其实现原理

摘要： 1.对$nextTick的理解： VUE中数据变化后，是异步更新DOM的，如果想数据变化后，操作dom，这个时候获取到的是没有变化的值 eg： <div class="msg"> {{msg}} </div> mounted(){ this.msg = '我是测试文字' console.log(do 阅读全文

posted @ 2023-05-21 15:49 写代码的马小跳阅读(138) 评论(0) 推荐(0)

2023年2月22日

正则表达式

摘要：《正则表达式必知必会》读书笔记引用书中的一段话：“写一个能够匹配预期内容的正则表达式并不难，但写一个能够考虑到所有场景，确保将不需要匹配的内容排除在外的正则表达式可就难多了” 所以~不能随便在网上找个正则用，因为有些黑客就是用正则来实现其不为人知的目的滴。废话很多，进入正题吧： 1. “/g” 阅读全文

posted @ 2023-02-22 10:43 写代码的马小跳阅读(49) 评论(0) 推荐(0)

2022年9月27日

浅谈性能优化

摘要：性能优化可以从以下4个方向考虑： 1.缓存优化 2.请求优化 3.运行效率优化 4.协议性能阅读全文

posted @ 2022-09-27 17:21 写代码的马小跳阅读(30) 评论(0) 推荐(0)

2022年8月26日

web安全-客户端

摘要：本文主要记录三种前端的安全攻击及防控方法: 跨站脚本攻击(XSS) ,跨站点请求伪造(CSRF), 点击劫持(ClickJacking) 一:XSS 通过"HTML注入"篡改网页,插入恶意脚本,从而在用户浏览网页是,控制用户浏览器的一种攻击方式. 攻击 1.反射型XSS (非持久型XSS) 把用户输阅读全文

posted @ 2022-08-26 16:21 写代码的马小跳阅读(35) 评论(0) 推荐(0)

2022年8月22日

浏览器缓存机制

摘要：话不多说,先上一张图,一目了然清楚浏览器缓存机制: 不能被缓存的请求: 1.HTTP信息头包含 Cache-Control:no-cache,pragma:no-cache(HTTP1.0) 或者 Cache-Control:max-age=0 2.需要根据cookie,认证信息等等决定输入内容阅读全文

posted @ 2022-08-22 17:26 写代码的马小跳阅读(34) 评论(0) 推荐(0)

2022年8月9日

动态绑定class的几种写法

摘要：一. 三元表达式 // isDisabled为true ,就加上disabledclass,否则不加 <div :class="isDisabled ? 'disabled' : '' "> 二. 设置成对象 // visual字段是'111' 加上disabled类名,是'red'加上redBg类阅读全文

posted @ 2022-08-09 16:08 写代码的马小跳阅读(379) 评论(0) 推荐(0)

2022年7月26日

实现简单的防抖和节流

摘要：一：区别首先明确一点，防抖注重清零，节流注重加锁二：实现方式：上代码 <html> <body> <button onclick="clickBtn()">点击按钮111</button> <script> // 普通点击 function clickBtn(){ console.log("普通阅读全文

posted @ 2022-07-26 15:58 写代码的马小跳阅读(61) 评论(0) 推荐(0)

2022年7月14日

常用http请求状态码

摘要： 1**:临时回应,表示客户端请继续 2**:请求成功 3**:重定向,请求的目标有变化,希望客户端进一步处理 4**:客户端请求错误 5**:服务端请求错误 1开头的,没有见过,是因为已经被浏览器的http库处理掉了常见的状态码: 301:请求资源永久的被转移了（此请求和之后所有的请求都应该转到指阅读全文

posted @ 2022-07-14 22:16 写代码的马小跳阅读(45) 评论(0) 推荐(0)

2022年7月12日

JSON.stringfy()的三个参数（难度*）

摘要：一般大家使用JSON.stringfy()只用到了第一个参数，把对象转成json格式但是JSON.stringfy()还有后面的两个参数：JSON.stringfy(value, replacer, space) value：要转化的对象 replacer：传函数-->被序列化的值的每个属性都会经阅读全文

posted @ 2022-07-12 11:21 写代码的马小跳阅读(91) 评论(0) 推荐(0)