- 博客(152)
- 收藏
- 关注
原创 炫彩小球demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>炫彩小球demo<
2021-06-22 16:01:13
156
原创 实现一个双向绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Proxy双向绑定</title></head> <body> <input id="input_el" oninput="inputHandler(this)"> <br/> <div id="show_e
2021-04-08 16:04:07
83
原创 手写bind、apply、call
// 实现call方法function person(){ console.log(this.name)}var egg = {name: '蛋老师'}Function.prototype.newCall= function (obj) { var obj = obj || window obj.p = this var newArguments = obj.slice(1) let res = obj.p(newArguments) delete obj.p re
2021-04-07 21:15:32
59
转载 跨域请求传递cookie问题
https://blog.csdn.net/weixin_44862325/article/details/105605091
2021-04-07 17:27:18
101
原创 js实现大数相加
let a = "9007199254740991";let b = "1234567899999999999";const add = (a, b) => { let aLen = a.length let bLen = b.length let maxLen = Math.max(aLen, bLen) let t = 0 let f = 0 let sum = '' a = a.padStart(maxLen, 0) b = b.padStart(maxLe
2021-04-06 17:11:00
329
原创 实现一个div随鼠标移动的功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="targetX" style="background-color: red; height: 300px; width: 300px; position: absolute; top
2021-04-06 16:55:34
94
转载 V16之前的render方法&Fiber执行流程
// 之前的render方法// 缺点是如果节点多,层级就特别深// 因为js是单线程,而且UI渲染和JS执行是互斥的function render(element, parentDom){ let dom = document.createElement(element.type) Object.keys(element.props).filter(key => key !== 'children').forEach(key => dom[key] = element.prop
2021-04-05 22:50:54
115
转载 hash和history的区别 &&路由原理
https://blog.csdn.net/ygh5123687/article/details/89473578https://www.jianshu.com/p/53dc287a8020
2021-03-26 15:22:25
145
转载 react route中 url变了但是页面却没有变的情况
https://segmentfault.com/q/1010000009790180
2021-03-24 18:21:00
1608
原创 Http常见的请求头
请求头:Host :主机和端口号Connection :连接类型Upgrade-lnsecure-Requests:升级为https请求User-Agent:浏览器名称Accept:传输文件类型Referer:页面跳转处Accept-Encoding:文件编解码格式Cookie:Cookiex-requested-with :XMLHttpRequest(是Ajax异步请求)响应头:HTTP/1.1(响应采用的协议和版本号) 200(状态码) OK(描述信息)Location:
2021-03-21 15:35:08
1188
3
转载 module.exports、exports、export、export default之间的关系和区别
https://blog.csdn.net/Vue2018/article/details/85787759?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&dist_request_id=1328679.26107.16162384368497501&depth_1-utm_source=distribute.pc_relevant_t0.none-t
2021-03-20 19:09:13
61
原创 手写数组扁平化
let ary = [1, [2, [3, [4, 5]]], 6]function flatFunc(arr) { let res = [] for(let item of arr){ if(Array.isArray(item)){ res = res.concat(flatFunc(item)) } else{ res.push(item) } } return res}function flatten(arr) {
2021-03-20 18:54:34
67
原创 this指向问题
1、独立调用的函数指向为window,对象调用的指向为调用对象2、高阶函数里,第二个参数可以指定函数内的this指向,默认值是window3、在call,bind,apply里,如果绑定的对象为undefined或者null,this指向会是window4、new绑定里的this指向实例化之后的对象...
2021-03-20 15:25:31
71
原创 CDN及原理
首先CDN是什么呢?CDN的全称Content Delivery Network,)即内容分发。简而言之就是将静态资源文件(图片、视频、脚本等)缓存到距离用户最近位置的服务器上。因此用户在请求访问网站时,可以快速获取自己想要的内容。从而解决了跨运营商,跨地区,带宽小,CPU负载小所引起的响应速度慢等问题。然后CDN技术可实施性条件除了客户端还包括:1.给用户直接提供访问的站点资源,也就是所谓的缓存服务器;2.缓存服务器所要抓取的内容均来自于原始站点,统称为源站;3.用户的访问请求会通过DNS重定向技术指向.
2021-03-20 11:54:34
132
转载 block,inline和inline-block概念和区别
https://blog.csdn.net/qq_26122039/article/details/60151984
2021-03-20 11:41:03
62
转载 web安全相关(xsrf、syn洪水、xss等)
https://blog.csdn.net/weixin_41631970/article/details/88908482
2021-03-20 11:20:40
90
原创 除了http还有什么别的应用层协议?
rSocket简单说来,两者都是解决分布式系统下,点对点通信问题,都是应用层通信协议。HTTP是文本协议,RSocket是二进制协议。从编程模型上看,在HTTP是一种Request/Reponse方式。客户端决定请求时机和次数,服务端有变化不能通知客户端,需要客户端不停的轮询。RSocket除了R/R方式之外,支持另外三种:Fire&Forget(发送后不管),Request/Stream(单项流),Channel(双向流)。客户端与服务端的地位是平等的,需要与反应式编程配合使用,关键词是非阻
2021-03-20 11:09:49
2398
转载 defineProperty()和Proxy()
https://blog.csdn.net/kkkkk0826/article/details/102680084
2021-03-20 10:59:37
70
转载 http的优点和缺点
https://blog.csdn.net/qq_42434318/article/details/113618172HTTP 最大的优点是简单、灵活和易于扩展;HTTP 拥有成熟的软硬件环境,应用的非常广泛,是互联网的基础设施;HTTP 是无状态的,可以轻松实现集群化,扩展性能,但有时也需要用 Cookie 技术来实现“有状态”;HTTP 是明文传输,数据完全肉眼可见,能够方便地研究分析,但也容易被窃听;HTTP 是不安全的,无法验证通信双方的身份,也不能判断报文是否被窜改;HTTP 的性能
2021-03-20 10:27:07
315
原创 手写Json.stringify()
function jsonStringify(obj){ let type = typeof obj if(type !== 'object' || obj == null){ if(['function', 'string', 'undefined'].includes(type)){ return '"' + obj + '"' } return String(obj) } else{ let json = [] let isArr =
2021-03-19 23:15:41
195
原创 用setTimeout和clearTimeout实现setInterval和clearInterval
let timer = nulllet timerArr = []const myInterval = (fn, delay) =>{ function interval(){ timer = setTimeout(interval ,delay) timerArr.push(timer) fn() } setTimeout(interval, delay)}const myClearInterval = (timer) => { for(l.
2021-03-16 15:00:51
211
转载 css动画简介
http://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html
2021-03-15 22:54:18
77
转载 利用reduce手写一个flat函数,数组扁平化
https://blog.csdn.net/qq_43540219/article/details/108877593
2021-03-14 22:03:05
159
原创 关于js中的this指向
箭头函数:https://blog.csdn.net/w390058785/article/details/82884032普通函数:https://blog.csdn.net/w390058785/article/details/78443969
2021-03-12 22:50:31
59
转载 HTML文件里开头的!Doctype有什么作用?
主要是用来告诉浏览器html是用什么版本编写的。https://blog.csdn.net/tianxintiandisheng/article/details/82424096
2021-03-12 22:45:41
165
转载 为什么script标签要放在body前,而不是head中?
应该是放在head中的,但是这样做的话就必须要等到js代码全部都被下载、解析和执行之后才能开始呈现页面内容,对于那些需要很多js代码的页面来说,会导致浏览器在页面出现明显的延迟,而延迟的时候页面则会是一片空白,所以推荐放在body前。https://blog.csdn.net/weixin_40633159/article/details/79367099...
2021-03-12 22:43:55
295
转载 cookie的限制
30~50个4000个字节左右https://blog.csdn.net/u011127019/article/details/89206016
2021-03-12 22:39:30
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人