05 2020 档案
摘要：插槽内容 Vue 实现了一套内容分发的 API，将 <slot> 元素作为承载分发内容的出口。 它允许你像这样合成组件： <navigation-link url="/profile"> Your Profile </navigation-link> 在 <navigation-link> 的模板中
阅读全文
摘要：基本查询 假设表名是students，要查询students表的所有行，我们用如下SQL语句： SELECT * FROM students; 条件查询 SELECT语句可以通过WHERE条件来设定查询条件，查询结果是满足查询条件的记录。例如，要指定条件“分数在80分或以上的学生”。 SELECT
阅读全文
摘要：计算机的核心是CPU，它承担了所有的计算任务。它就像一座工厂，时刻在运行。 2 假定工厂的电力有限，一次只能供给一个车间使用。也就是说，一个车间开工的时候，其他车间都必须停工。背后的含义就是，单个CPU一次只能运行一个任务。 3 进程就好比工厂的车间，它代表CPU所能处理的单个任务。任一时刻，CPU
阅读全文
摘要：概念 线程：是操作系统能够进行运算调度的最小单位。是进程中的一个执行流程，一个进程中可以运行多个线程。 进程：一个执行中的程序的实例。 进程 与 线程 的区别 一个程序至少有一个进程,一个进程至少有一个线程。线程的划分尺度小于进程，使得多线程程序的并发性高。另外，进程在执行过程中拥有独立的内存单元，
阅读全文
摘要：直接法把十进制转八进制或者十六进制，按照除8或者16取余，直到商为0为止。 下面用JavaScript实现一下 var Stack = (function () { var items = new WeakMap(); //先入后出，后入先出 class Stack { constructor()
阅读全文
摘要：你是一个专业的小偷，计划偷窃沿街的房屋。每间房内都藏有一定的现金，影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统，如果两间相邻的房屋在同一晚上被小偷闯入，系统会自动报警。 给定一个代表每个房屋存放金额的非负整数数组，计算你在不触动警报装置的情况下，能够偷窃到的最高金额。 示例 1: 输
阅读全文
摘要：Number.isNaN 对比 isNaN typeof NaN 'number' 由于NaN 是 number 类型。 所以不能直接区分出 NaN 和普通数字。 甚至对于 NaN 和 普通数字，当调用 Object.prototype.toString.call 方法时都会返回 [object N
阅读全文
摘要：假名【く】，它的外貌特征：像箭头←，那么箭头是表示方向的。那么【く】这个假名在训读单词中，就有“表示方向”的含义。列举出一些一个汉字的名词、一个汉字的动词、一个汉字的形容词、全部假名的单词来给大家详细讲解。 例：行（い）く◎（去【动词】）いー一、一个；移，移动。くー箭头，表方向。 往一个方向移动，就
阅读全文
摘要：目录 1. 计算机网络体系结构 1.1 简介 定义 计算机网络的各层 + 其协议的集合 作用 定义该计算机网络的所能完成的功能 1.2 结构介绍 计算机网络体系结构分为3种：OSI体系结构、TCP / IP体系结构、五层体系结构 OSI体系结构：概念清楚 & 理念完整，但复杂 & 不实用 TCP /
阅读全文
摘要：JSON Web Token（缩写 JWT）是目前最流行的跨域认证解决方案，本文介绍它的原理和用法。 一、跨域认证的问题 互联网服务离不开用户认证。一般流程是下面这样。 1、用户向服务器发送用户名和密码。 2、服务器验证通过后，在当前对话（session）里面保存相关数据，比如用户角色、登录时间等等
阅读全文
摘要：Cookie是什么 Cookie是服务端发送到用户浏览器并且保存到本地的一小块数据，它会在浏览器下次向同一服务器发起请求时，被携带到服务器上。 它的作用： 经常用来做一些用户会话状态管理、个性化设置等等。 前端可以通过document.cookie来访问cookie。 cookie是跨域的，也就是在
阅读全文
摘要：什么是 SQL 注入 在所有漏洞类型中，SQL 注入可是说是危害最大最受大家关注的漏洞。简单说来，SQL 注入是通过在用户可控参数中注入SQL语法，破坏原有SQL结构，达到编写程序时意料之外结果的攻击行为。 以 ThinkJS 为例，假设我们写了如下一个接口（实际情况肯定不会这么写的）： // us
阅读全文
摘要：异常捕获方法 1.try catch 这种方案要求开发人员在编写代码的时候，在预估有异常发生的代码段使用try...catch，在发生异常时将异常信息发送给接口： 但是 try-catch 处理异常的能力有限，只能捕获捉到运行时非异步错误，对于语法错误和异步错误就显得无能为力，捕捉不到。 try{
阅读全文
摘要：关注性能是工程师的本性 + 本分； 页面性能对用户体验而言十分关键。每次重构对页面性能的提升，仅靠工程师开发设备的测试数据是没有说服力的，需要有大量的真实数据用于验证； 资源挂了、加载出现异常，不能总靠用户投诉才后知后觉，需要主动报警。 用什么监控 关于前端性能指标，W3C 定义了强大的 Perfo
阅读全文
摘要：Cookie 用于存储 web 页面的用户信息。 什么是 Cookie？ Cookie 是一些数据, 存储于你电脑上的文本文件中。 当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。 Cookie 的作用就是用于解决 "如何记录客户端的用户信息": 当用户访问
阅读全文
摘要：上个效果图 图片出现在页面中采去加载所需的图片进行显示,并不是开始就将整个页面的图片一起加载出来,这样有效提高网站的性能。 使用方法 cdn引入 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/l
阅读全文
摘要：这里的合并主要针对当前页面上访问的资源文件，比如css,js,图片等。 HTTP请求过程 一个HTTP请求的主要过程是： DNS解析(T1) -> 建立TCP连接(T2) -> 发送请求(T3) -> 等待服务器返回首字节（TTFB）(T4) -> 接收数据(T5)。 如下图所示，是Chrome D
阅读全文
摘要：写在前面 在讨论回流与重绘之前，我们要知道： 浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上
阅读全文
摘要：Vuex是什么？ Vuex 类似 Redux 的状态管理器，用来管理Vue的所有组件状态。 为什么使用Vuex？ 当你打算开发大型单页应用（SPA），会出现多个视图组件依赖同一个状态，来自不同视图的行为需要变更同一个状态。 遇到以上情况时候，你就应该考虑使用Vuex了，它能把组件的共享状态抽取出来，
阅读全文
摘要：Base64编码由来 为什么会有Base64编码呢？因为有些网络传送渠道并不支持所有的字节，例如传统的邮件只支持可见字符的传送，像ASCII码的控制字符就不能通过邮件传送。这样用途就受到了很大的限制，比如图片二进制流的每个字节不可能全部是可见字符，所以就传送不了。最好的方法就是在不改变传统协议的情况
阅读全文
摘要：前言 我们在开发网站的时候，通常会把常用的图标合并成css sprite(雪碧图)，可以有效的减少站点的http请求数量，从而提高网站性能。 下面让我们一起来学习一下如何使用webpack合并sprite图。 准备 webpack webpack-spritesmith插件 file-loader
阅读全文
摘要：设计 LazyMan 类，实现以下功能 实现一个LazyMan，可以按照以下方式调用: LazyMan('Hank')输出: Hi! This is Hank! LazyMan('Hank').sleep(10).eat('dinner')输出 Hi! This is Hank! //等待10秒..
阅读全文
摘要：根据CSS3规范,视口单位主要包括以下4个: vw : 1vw 等于视口宽度的1% vh : 1vh 等于视口高度的1% vmin : 选取 vw 和 vh 中最小的那个 vmax : 选取 vw 和 vh 中最大的那个 用视口单位度量，视口宽度为100vw，高度为100vh（左侧为竖屏情况，右侧为
阅读全文
摘要：一、懒加载 1.什么是懒加载 懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。 用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。 在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景
阅读全文
摘要：this 的指向 在 ES5 中，其实 this 的指向，始终坚持一个原理：this 永远指向最后调用它的那个对象。 记住这句话，this 你已经了解一半了。 例 1： var name = "windowsName"; function a() { var name = "Cherry"; con
阅读全文
摘要：transition、animation和transform是CSS3中三个制作动画的重要属性。 一、transition transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。 tr
阅读全文
摘要：优点 标签语义化有助于构架良好的HTML结构，有利于搜索引擎的建立索引、 有利于不同设备的解析（屏幕阅读器，盲人阅读器等）。 有利于构建清晰的机构，有利于团队的开发、维护。 大厂做法 看一下大厂的操作，打开淘宝的页面查看它首页的源码发现，全局只有一个h1标签就是他的LOGO。 再往下看主题分栏的标题
阅读全文
摘要：cookie 和 session cookie 和 session 都是普遍用来跟踪浏览用户身份的会话方式。 cookie 和 session 区别 cookie 数据存放在客户端，session 数据放在服务器端。 cookie 本身并不安全，考虑到安全应当使用 session。 session
阅读全文
摘要：为什么是 MongoDB ？ 对于 Web 应用来说，通常数据库的选择可以划分为两大类：关系型和非关系型。 其中前者优点类型于电子表格，它的数据是结构化并且伴随着严格规定。 典型的关系型数据库包括：MySQL、 SQL Server 以及 PostgreSQL。而后者通常也被称为 NoSQL 数据库
阅读全文
摘要：有经验的老股民，大多会根据成交量选股，成交量是价格变化的原动力，价动量先行！ 成交量的基本意义 1、 成交量，代表了多空双方看法的分歧程度，缩量就说明目前多空看法趋于一致，放量就说明双方看法分歧比较大。 2、成交量，表示资金参与的意愿，参与深度，表示个股或大盘的活跃程度，横向衡量成交量的指标是换手率
阅读全文
摘要：API 就是一种代码之间交互的一种方式，它既可以是在程序内部也可以是通过网络的跨机器进行。 例如，Express 中的 app.use 和 app.get 就属于在内部使用 API 。而通过 HTTP 或者 FTP 等协议发送 JSON、XML 数据的方式则属于后者。 接下来的内容包括： 什么是 A
阅读全文
摘要：在股市中各种技术指标多如牛毛，比如KDJ、布林线、MACD、均线等，如果大家都能够找时间细细钻研这些指标，这对我们的交易是大有裨益的。 有一个指标是每个人都必须要掌握的。有句老话说的好，一根均线打天下，说明均线战法应该是股市投资者必须掌握的一个非常基础的技术分析方法。 什么是均线 均线实际上是移动平
阅读全文
摘要：什么是路由？ 假设，现在你尝试通过 example.com/someone 访问某人的推特或者微博主页，你会发现该请求的 HTTP 内容大致如下： GET /someone http/1.1 其中包含了 HTTP 请求使用的方法（GET），URI 信息（/someone） 以及 HTTP 协议版本
阅读全文