IsPinocchio-CSDN博客

IsPinocchio

码龄6年

个人简介：学之广在于不倦，不倦在于固志

IP 属地：北京市

查看详细资料

个人成就

获得40次点赞
内容获得20次评论
获得83次收藏
代码片获得147次分享

TA的专栏

兴趣领域设置

前端

javascriptcssvue.jses6前端框架
后端

node.js
网络与通信

https
学习和成长

面试

创作活动更多

2024 博客之星年度评选报名已开启

博主的专属年度盛宴，一年仅有一次！MAC mini、大疆无人机、华为手表等精美奖品等你来拿！

搜TA的内容

由redux到react-redux再到rematch

这比较适合看过redux但看了跟没看一样的同学，帮助记忆理清里面的基础知识一. Redux1. StoreStore是保存数据的地方，可以把它看做一个容器。整个应用只能有一个Store。Redux提供createStore这个函数生成storeimport { createStore } from 'redux';const store = createStore(fn);// store也可以接受第二个参数：state的初始值，他会覆盖reducer的state参数中的默认初始值cons

发布博客 2021.12.23 ·

HTTP1/2/3的发展和区别

不同版本HTTP本文是对极客时间里李兵老师讲的浏览器工作原理与实践的笔记记录和总结。HTTP/0.91991年提出，主要用于学术交流。最早出现的HTTP/0.9需求很简单——用来在网络之前传递HTML超文本内容。特点：只有一个请求行（例如：GET /index.html ，用来获取index.html），并没有HTTP 请求头和请求体，因为只需要一个请求行就可以完整表达客户端的需求了。服务器也没有返回头信息，这是因为服务器端并不需要告诉客户端太多信息，只需要返回数据就可以了。返回的文件内容是

发布博客 2021.09.04 ·

从输入URL到页面呈现发生了什么？

从输入URL到页面呈现发生了什么？按下回车后，用户发出URL请求到页面开始解析的这个过程，叫做导航。前导一切都从浏览器进程开始：浏览器中tab外面发生的一切都是由浏览器进程控制的。浏览器进程有很多负责不同工作的线程，其中包括绘制浏览器顶部按钮和导航栏输入框等组件的UI线程、管理网络请求的网络线程、以及控制文件读写的存储线程等。当你在导航栏里面输入一个URL的时候，其实就是UI线程在处理你的输入。1. 用户输入-浏览器进程用户在地址栏输入关键字后，地址栏会判断输入的关键字是搜索内容还是请求的U

发布博客 2021.08.25 ·

V8引擎如何执行JavaScript代码的？

在了解之前，我们首先要知道几个概念：编译器、解释器、抽象语法树（AST）、字节码、即时编译器（JIT）等1. 编译器和解释器之所以存在编译器和解释器，是因为机器读不懂程序员所写的高级语言代码，所以在执行代码之前，需要将代码“翻译”成机器能读懂的机器代码。然而语言又可分为编译型语言和解释型语言。编译型语言在代码执行前需要经过编译器来进行编译，编译后会生成机器能读懂的二进制文件，这样以后每次运行程序时，直接运行二进制文件就可以了。解释型语言是在代码执行时，通过解释器对程序边动态解释边执行。

发布博客 2021.08.12 ·

计算机网络详细笔记

笔记来源是对某站湖科大教书匠每节课的总结，强推这位老师的计网课程，PPT做的巨好！一. 基础知识1.2 因特网概述网络是由若干节点和连接这些节点的链路（Link）组成。多个网络还可以通过路由器互连起来，就构成了覆盖范围更大的网络，即互联网（或互连网），因此互联网是“网络的网络”因特网是世界上最大的互连网络。因特网服务提供者ISP：普通用户通过ISP接入Internet，ISP可以从因特网管理机构申请到成块的IP地址，同时拥有通信线路以及路由器等连网设备。任何机构和个人只要向ISP交纳规定的费用，

发布博客 2021.08.08 ·

JavaScript实现一个带并发限制的异步调度器，保证同时最多运行2个任务

用JavaScript实现一个带并发限制的异步调度器，保证同时最多运行2个任务，完善代码。class Scheduler { constructor() { this._max = 2; }}const timeout = (time) => new Promise(resolve => { setTimeout(resolve,time);})const scheduler = new Scheduler();const addTask = (time,or

发布博客 2021.05.23 ·

Vue源码前戏之Mustache模板引擎的源码解析

模板引擎是一个帮助我们在一个有规则的字符串内渲染数据的工具。举一个例子：var str = `<h1>我叫{{name}},来自于{{school}}</h1>`var name = '王五'var school = '一个神秘的大学'现在有一个str字符串，里面带有花括号的子串需要被渲染成对应的数据，得到这样的字符串，渲染到页面中，就形成了模板引擎。我叫王五，来自于一个神秘的大学当然mustache有更复杂的语法，比如：var templateStr = `

发布博客 2021.03.27 ·

JS原生实现轮播图

轮播图主要思想就是：在大的容器里，装着一个很长的表，表是容器宽度的整数倍。然后通过更改列表样式里的left属性来实现左右滑动。本文旨在控制滑动五张图片，但在html中使用了七张图片，第一张和最后一张是有重复的，至于原因会在下面解释。通过给容器设定overflow:hidden属性来保证只显示容器视口大小的一张图片。<body> <div id="container"> /*容器*/ <div id="wrap" style="left: -400p

发布博客 2021.03.20 ·

JS算法之栈

leetcode155：最小栈var MinStack = function() { this.stack = [] this.min_stack = [Number.MAX_VALUE]};/** * @param {number} x * @return {void} */MinStack.prototype.push = function(x) { this.stack.push(x) if(x > this.min_stack[this.min

发布博客 2021.02.22 ·

JavaScript深入之原型

每个函数都有一个prototype(原型)属性，这个属性是一个指针，指向一个对象。function Person(){ Person.prototype.name = "Pinocchio"; Person.prototype.age = 14; Person.prototype.getName = function(){console.log(this.name);}}var person1 = new Person();var person2 = new Person()

发布博客 2021.02.06 ·

JS红宝书之创建对象的多种方式

借鉴了github里冴羽大佬的笔记，让我在读红宝书的时候通畅很多。地址：https://github.com/mqyqingfeng/Blog虽然Object构造函数或对象字面量可以用来创建单个对象，但使用同一个接口创建很多对象，会产生大量的重复代码。6.2.1 工厂模式function createPerson (name,age){ var o = new Object(); o.name = name; o.age = age; o.getName = funct

发布博客 2021.02.06 ·

JS红宝书笔记之引用类型

第五章引用类型引用类型的值（对象）是引用类型的一个实例。与类相似。ECMAScript提供了很多原生引用类型（例如Object）5.1 Object类型对象在JS中被称为引用类型的值。object是一个基础类型，其他所有类型都从object继承了基本的行为。5.1.1 创建Object实例有两种方式var person = new Object() //使用new操作符后跟Object构造函数var person = {} // 使用对象字面量表示法，属性名加不加引号都可以。

发布博客 2021.02.05 ·

JS算法之字符串篇（很多基操）

下标不存在时，str[index]和str.charAt(index)的区别：str[index]会返回undefinedstr.charAt(index)会返回""(空字符串)leetcode14：最长公共前缀注意存在空数组的情况。既然判断最长的公共前缀，那么在恰当的位置终止循环是必要的。这里用到了数组的every()方法，以判断数组元素是否存在公共的元素。var longestCommonPrefix = function(strs) { let res = '';

发布博客 2021.02.04 ·

JS算法之数组篇

leetcode88：合并两个有序数组方法有很多，可以直接将nums2插入nums1后面然后排序，也可以利用双指针，直接将nums2的元素插入到nums1中合适的位置。双指针：//目的是将nums2的元素都插入到nums1中，所以循环判断以n为主var merge = function(nums1, m, nums2, n) { let len = m + n -1; m--;n--; while(n>=0){ nums1[len--] = nums1[

发布博客 2021.02.03 ·

数组的扁平化以及去重和排序

已知如下数组：var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];编写一个程序将数组扁平化去并除其中重复部分数据，最终得到一个升序且不重复的数组数组扁平化即将多层嵌套的数组转化为只有一层递归实现：function flatten(arr){ let res = []; for(let i = 0; i < arr.length; i++){ .

发布博客 2021.02.01 ·

爬虫入门

什么是爬虫——通过编写程序，模拟浏览器上网，然后让其去互联网上抓取数据的过程。1. 爬虫在使用场景中的分类：通用爬虫：抓取系统重要组成部分。抓取的是一整张页面数据。聚焦爬虫：是建立在通用爬虫的基础上，抓取的是页面中的特定的局部内容。增量式爬虫：检测网站中数据更新的情况。只会抓取网站中最新更新出来的数据2. 爬虫的矛与盾：2.1 反爬机制门户网站，可以通过制定相应的策略或技术手段，防止爬虫程序进行网站数据的爬取。2.1.1 robots.txt协议

发布博客 2021.01.29 ·

Vue组件化之父子组件的相互访问

父访问子 children-refs当父组件想直接调用子组件的数据或方法时。父组件访问子组件：使用$children或 $refschildren在父组件中调用this.$children会返回包含子组件对象的数组，用索引找到对应的子组件父组件methods:{ btnclick(){ this.$children[0].showMessage() //即可调用索引为0的子组件中的showMessage方法 }}ref父组件中调用this.$refs会返回{ref:

发布博客 2021.01.28 ·

Vue组件化之父子组件之间的双向绑定

例如子组件里有input，想实现子组件props里的属性和value值实现双向绑定，可以在子组件中添加一个data或computed属性来代替props中的属性，然后实现绑定。//如果不改变父组件的值<div> <cpn :cmessage="message"></div><template> <h2>{{cmessage}}</h2> <input type="text" v-model="dmessa

发布博客 2021.01.27 ·

Vue组件化之父子组件

在父组件里使用子组件时，父组件的模板最外层一定要有div块组件的数据存放问题组件内部是无法访问vm实例里的data数据的，组件有自己的保存数据的位置。组件也有data、methods、生命周期函数等属性，但data必须是一个函数且返回的是一个对象，对象内部保存着数据。为什么组件里的data必须是函数形式？当重复使用组件时，如：<div> <cpn><cpn> <cpn><cpn> <cpn>&

发布博客 2021.01.24 ·

Vue组件化之构造组件

在构建项目中尽可能的将页面分成一个个小的、可复用的组件。使用步骤一、构造全局组件(但必须在实例挂载的元素中使用)创建组件构造器 Vue.extend()，里面传递的参数是包含组件选项的对象const cpnC = Vue.extend({ template:``, components:{} //括号里为子组件})注册组件 Vue.component(cpn,cpnC) 给构造器中的模板命名为cpn（即标签的名字）使用组件二、语法糖注册全局组件即将一二步合

发布博客 2021.01.23 ·