07 2019 档案
摘要：实际上存在三种模式： Hash: 使用URL的hash值来作为路由。支持所有浏览器。 History: 以来HTML5 History API 和服务器配置。参考官网中HTML5 History模式 Abstract： 支持所有javascript运行模式。如果发现没有浏览器的API，路由会自动强制
阅读全文
摘要：团队协作时，若是团队的代码风格统一，能够大大减少沟通成本。 什么是 ESLint ？ ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。在许多方面，它和 JSLint、JSHint 相似，除了少数的例外： ESLin
阅读全文
摘要：todo 参考：https://segmentfault.com/a/1190000013292562?utm_source=channel-newest 一些关于async/await的见解(1): 参考：https://segmentfault.com/a/1190000015488033 1，
阅读全文
摘要：对原型链理解有点问题： https://www.cnblogs.com/onepixel/p/5024903.html 参考（我自己的理解）： https://www.cnblogs.com/wangtong111/p/11227334.html 原型与原型链 说到原型，就不得不提一下构造函数，首先
阅读全文
摘要：平时都是这样写的for循环， 1 2 3 for(var i = 0; i < 20 ; i++){ .... } 1 2 3 for(var i = 0; i < 20 ; i++){ .... } 1 2 3 for(var i = 0; i < 20 ; i++){ .... } for(va
阅读全文
摘要：了解Object.defineProerty()方法 关于Object.defineProperty()方法的解释，理解Object.defineProperty的作用 这篇文章做了很详细的概述 关于vue双向绑定中Object.defineProperty()的应用 vue双向绑定的实现及原理 v
阅读全文
摘要：封装一个组件：https://www.jianshu.com/p/89a05706917a 我想有过vue开发经验的，对于vue.use并不陌生。当使用vue-resource或vue-router等全局组件时，必须通过Vue.use方法引入，才起作用。那么vue.use在组件引入之前到底做了那些事
阅读全文
摘要：1.代码提示插件：sublimeCodeIntel a)在Sublime Text 3中，按下Ctrl+Shift+P调出命令面板;b)输入install 调出 Install Package 选项并回车;c)输入sublimeCodeIntel ，并在列表中选择 sublimeCodeIntel
阅读全文
摘要：除了一下的几种方式外，可以参考 https://www.cnblogs.com/hpx2020/p/10936279.html 组件传值的方法： 一、父组件向子组件传递数据（props） 第1：父组件需引入子组件 import nav2Children from './nav2Children.vu
阅读全文
摘要：博客讲解内容如下： 1、babel是什么 2、javascript制作规范 3、babel转译器 4、babel的使用 5、常见的几种babel转译器和插件 6、babel最常见配置选项 7、babel的其他 8、在webpack中使用babel 9、总结 凡是看到这个标题点进来的同学，相信对bab
阅读全文
摘要：三次握手四次挥手可参考：http三次握手，四次挥手 本文整理了一些TCP/IP协议簇中需要必知必会的十大问题，既是面试高频问题，又是程序员必备基础素养。 一、TCP/IP模型 TCP/IP协议模型（Transmission Control Protocol/Internet Protocol），包含
阅读全文
摘要：参考HTTP深入浅出http请求（转） http请求的过程和实现机制 1. HTTP请求格式 首先介绍HTTP协议：超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。 工作原理： HTTP使用T
阅读全文
摘要：摘要：此文章大概讲明了http请求的过程和实现机制，可以作为了解，至于请求头和响应头的具体信息需要查看下一篇随笔：Http请求详解（转） 请求+响应各字段详解 HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客
阅读全文
摘要：一共有三个方案： 1，第一种方案主要使用了css3中transform进行元素偏移，效果非常好 这方法功能很强大，也比较灵活，不仅仅局限在实现居中显示。 兼容方面也一样拿IE来做比较，第二种方法IE8以上都能使用。 IE8及IE8以下都会出现问题。 2，第二种利用flex进行布局 很简单几句代码就实
阅读全文
摘要：key的作用是什么？ 简单来说： key是给每一个vnode的唯一id,可以依靠key,更准确, 更快的拿到oldVnode中对应的vnode节点。 因为带key就不是就地复用了，在sameNode函数 a.key b.key对比中可以避免就地复用的情况。所以会更加准确。 利用key的唯一性生成ma
阅读全文
摘要：前几天面试，有一个问题是使用构造函数实现链式调用，后面查看了一些简单的资料，整理一下 首先，先说一下JS 中构造函数和普通函数的区别，主要分为以下几点 如果我想新建一个构造函数，并新建其实例对象，那么我会这么做，举个栗子： 可以看到如果我调用此构造函数的话，新建的对象会有五个属性，包括：name，j
阅读全文
摘要：20道JS原理题助你面试一臂之力！ 前言 本文针对目前常见的面试题，仅提供了相应的核心原理及思路，部分边界细节未处理。后续会持续更新，希望对你有所帮助。 1. 实现一个call函数 // 思路：将要改变this指向的方法挂到目标this上执行并返回 Function.prototype.mycall
阅读全文
摘要：todo onLoad是的在页面所有文件加载完成后执行 DomContentLoad是Dom加载完成后执行，不必等待样式脚本和图片加载 domContentLoad更为合理， 原理： 如果是webkit引擎则轮询document的readyState属性，当值为loaded或者complete时则触
阅读全文
摘要：todo 1，利用递归实现阶乘和斐波那契； 斐波那契数列又称兔子数列：兔子数列最大的特点就是前两项之和等于后一项，比如1+1=2、1+2=3、2+3=5、3+5=8、5+8=13… 我们用an表示一个数列的第n项，那么斐波那契数列的规律就是：an+2=an+an+1 以下是js代码：
阅读全文
摘要：路由守卫无限循环问题 https://www.jianshu.com/p/1187f8f74a72 学习目的 学习Vue的必备技能，必须 熟练使用 Vue-router，能够在实际项目中运用。 Vue-router介绍 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的
阅读全文
摘要：参考：https://segmentfault.com/a/1190000015782272 https://www.cnblogs.com/y896926473/p/6709733.html 如果你之前使用过vue.js，你一定知道在vue中各个组件之间传值的痛苦，在vue中我们可以使用vuex来
阅读全文
摘要：https://zhuanlan.zhihu.com/p/74326818?utm_source=wechat_session&utm_medium=social&utm_oi=752378135911084032
阅读全文
摘要：首首先，要明白三个概念，构造函数，原型对象，实例对象 每创建一个函数，该函数都会自动带有一个prototype属性。该属性是一个指针，指向一个对象，该对象称之为原型对象(后期我们可以使用这个原型对象帮助我们在js中实现继承). 原型对象上默认有一个属性constructor,该属性也是一个指针，指向
阅读全文
摘要：本文经过借鉴书籍资料、他人博客总结出的知识点，欢迎提问 序列号seq：占4个字节，用来标记数据段的顺序，TCP把连接中发送的所有数据字节都编上一个序号，第一个字节的编号由本地随机产生；给字节编上序号后，就给每一个报文段指派一个序号；序列号seq就是这个报文段中的第一个字节的数据编号。 确认号ack：
阅读全文
摘要：最新理解：new Promise()接收一个函数参数，会return一个promise对象，该对象中会立刻执行new Promise()中的函数参数，即函数中除了resolve()和reject()的部分，执行完成后会出现结果并调用resolve()或reject()【注意：这两个函数是要手动调用的
阅读全文
摘要：1.slice（数组） 用法：array.slice(start,end) 解释：该方法是对数组进行部分截取，并返回一个数组副本；参数start是截取的开始数组索引，end参数等于你要取的最后一个字符的位置值加上1（可选） 2.slice（字符串） 用法：string.slice(start,end
阅读全文
摘要：for不做赘述，相当简单； foreach方法： forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。 注意: forEach() 对于空数组是不会执行回调函数的。 map() ： map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按
阅读全文
摘要：todo 函数的this绑定在执行上下文，是执行上下文的一个属性，胖箭头根据外层（函数或全局）作用域来决定this,它的绑定无法修改
阅读全文
摘要：ajax基础： 原生js的ajax请求 传统方法的缺点: 传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面,,每当服务器处理客户端提交的请求时,客户都只能空闲等待,并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据,都要返回一个
阅读全文
摘要：todo defineProperty（） 参考： https://www.cnblogs.com/wangjiachen666/p/9883916.html
阅读全文
摘要：前言 在写代码的时候经常思考一个问题,到底是那个函数先执行，本身JavaScript是一门单线程的语言，意思就是按照顺序执行。但是加入一些setTimeout和promise的函数来又实现了异步操作，常常我会写一个setTimeout(fn,0),他会立即执行吗？ 宏任务和微任务 首先我们先来看一段
阅读全文
摘要：一、概念 首先，根据图了解一下串行，并行和并发的基本概念： 1、进程 资源分配的基本单位 进程（Process）是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配和调度的基本单位，是操作系统结构的基础。在早期面向进程设计的计算机结构中，进程是程序的基本执行实体；在当代面向线程设计的计
阅读全文
摘要：首先，vue生命周期可以用下图来简单理解 当然这也是官方文档的图片，详细的vue周期详解请参考这里 然而当同时存在父子组件的时候生命周期钩子是如何执行的呢？ 请看下文： 以上。
阅读全文
摘要：首先我们需要知道.map()和parseInt的具体用法和相关参数： .map()： map定义和方法 map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理的后值。 map()方法按照原始数组元素顺序依次处理元素。 注意： map不会对空数组进行检测 map不会改变原始数组 arr.
阅读全文
摘要：通过url访问服务器，无论是本地服务器还是远程服务器 如果你的文件根目录里有 index.html,index.php，浏览器就会显示 index.html的内容，如果没有 index.html，浏览器就会显示文件根目录的目录列表，目录列表包括文件根目录下的文件和子目录。 同样你输入一个虚拟目录的地
阅读全文
摘要：开启 MySQL 远程访问权限： 在linux系统上登陆mysql服务。 创建远程连接 MySQL 的用户： 数据库用户操作： mysql> select host,user from user; + + + | host | user | + + + | % | lys | | % | mcAdm
阅读全文
摘要：首先安装axios： 安装成功后，在main.js页面引用： 最后开始使用请求： 本文介绍的是axios的基本用法，详细看官方文档https://github.com/axios/axios
阅读全文
摘要：父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。本文将详细介绍Vue自定义事件； 使用 v-on(eventName) 监听事件 使用 $emit(eventName) 触发事件 我们在myapp/src/components下新建一个组件Emi
阅读全文
摘要：我的目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，目的让看这篇文章的朋友一定弄明白diff的边边角角。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到
阅读全文
摘要：重点：先声明，从左向右，声明变量分配内存，后赋值，从右向左 问题 先不说答案，可能有些人已经答错了~ 错误的答案 这多简单!JS赋值运算右结合！那就分开算呗！ 然后错误的答案就这么产生了，a.x = {n: 2} 正解 其实这道题看似简单但还是有一些绕，我依稀记得高中数学老师那句经典的口头禅！遇到难
阅读全文
摘要：配置分离 管理配置文件的几种方法: 在每个环境的多个文件中维护配置，并通过--config参数将webpack指向每个文件，通过模块导入共享配置。 将配置文件推送到库，然后引用库。 将配置文件推送到工具。 维护单个配置文件的所有配置并在那里进行分支并依赖--env参数。 在本文中，主要介绍第四种文件
阅读全文
摘要：当我们项目需要下载一个模块的时候，我们安装npm包（在项目目录下面npm install module_name）的时候，很多时候我们会在后面加上–save-dev 或 –save。这两个参数代表什么呢？ 初识 相信很多人都会回答： npm install module-name -save 自动把
阅读全文
浙公网安备 33010602011771号