Fork me on GitHub

05 2021 档案

摘要:eslint的语法校验规则 阅读全文
posted @ 2021-05-31 16:10 Kaicy 阅读(101) 评论(0) 推荐(0)
摘要:在初始化的Vue项目中,我们最先接触到的就是main.js,App.vue,index.html这三个文件,我们从培训视频或者官方文档上可以了解到: index.html 主页,项目入口 App.vue 根组件 main.js 入口文件 那么这几个文件之间的联系如何呢? 1.先看index.html 阅读全文
posted @ 2021-05-31 15:29 Kaicy 阅读(566) 评论(0) 推荐(0)
摘要:main.js是项目的入口文件,项目中所有的页面都会加载main.js,所以main.js,主要有三个作用:1.实例化Vue。2.放置项目中经常会用到的插件和CSS样式。例如: 网络请求插件:axios和vue-resource、图片懒加载插件:vue-lazyload3.存储全局变量。例如(用于的 阅读全文
posted @ 2021-05-31 15:20 Kaicy 阅读(2616) 评论(0) 推荐(0)
摘要:1.传统部署 软件应用(项目型)一般流程是由开发人员进行编码开发,调试,提交测试,由测试人员测试,然后应用包发布,最后由项目实施人员进行项目应用部署。具体工作及流程见下图: 如上图可见,从程序包分发出去开始,即由项目实施人员对程序包进行安装、部署。其中部署环境包括apache/nginx/tomca 阅读全文
posted @ 2021-05-26 18:45 Kaicy 阅读(1036) 评论(0) 推荐(0)
摘要:什么是 vite vite 是一个基于 Vue3 单文件组件的非打包开发服务器 Vite 原理浅析 这和传统基于打包(例如 Webpack)的开发服务器有什么区别 vite 在开发的时候没有打包的过程,ES 模块源码直接传输给浏览器,浏览器使用自带的 <script module> 进行解析支持,通 阅读全文
posted @ 2021-05-26 11:07 Kaicy 阅读(620) 评论(0) 推荐(0)
摘要:Promise的源码实现(完美符合Promise/A+规范) 阅读全文
posted @ 2021-05-16 11:22 Kaicy 阅读(50) 评论(0) 推荐(0)
摘要:前端白屏问题_深入理解前端性能监控 使用window.performance分析web前端性能 阅读全文
posted @ 2021-05-13 09:13 Kaicy 阅读(454) 评论(0) 推荐(0)
摘要:5、document.domain + iframe跨域 然后通过 a.html 文件创建一个 iframe,去控制 iframe 的 window,从而进行交互 此方案仅限主域相同,子域不同的跨域应用场景。实现原理:两个页面都通过js强制设置document.domain为基础主域,就实现了同域。 阅读全文
posted @ 2021-05-12 22:14 Kaicy 阅读(711) 评论(0) 推荐(0)
摘要:(2)表示层表示层提供各种用于应用层数据的编码和转换功能,确保一个系统的应用层发送的数据能被另一个系统的应用层识别。如果必要,该层可提供一种标准表示形式,用于将计算机内部的多种数据格式转换成通信中采用的标准表示形式。数据压缩和加密也是表示层可提供的转换功能之一。 在项目开发中,为了方便数据传输,可以 阅读全文
posted @ 2021-05-12 10:02 Kaicy 阅读(241) 评论(0) 推荐(0)
摘要:js如何判断数组是Array类型 方法一: 使用instanceof方法instanceof 用于判断一个变量是否某个对象的实例,左边操作数是一个对象,右边操作数是一个函数对象或者函数构造器。原理是通过判断左操作数的对象的原型链上是否具有右操作数的构造函数的prototype属性。a instanc 阅读全文
posted @ 2021-05-11 20:12 Kaicy 阅读(111) 评论(0) 推荐(0)
摘要:移动端如何进行rem的适配 阅读全文
posted @ 2021-05-11 19:26 Kaicy 阅读(44) 评论(0) 推荐(0)
摘要:chrome浏览器调试工具的使用 给大家介绍一下最基本的浏览器调试工具 这个就是chrome浏览器的调试界面,怎么调出来大家都知道吧 第一个箭头是,选择元素,激活后,在页面中鼠标移动到那地方,下面的Elements窗口会自动移动到相应的代码段 第二个手机就是切换到手机界面 1.Elements是显示 阅读全文
posted @ 2021-05-11 19:20 Kaicy 阅读(452) 评论(0) 推荐(0)
摘要:js里面setInterval和setTimeout相同点和区别 相同点:两个方法都是先触发间隔时间,再触发回调函数 区别: 1.setInterval每隔指定的时间就执行一次表达式,若不停止会一直执行下去 而setTimeout在执行时,是在载入后延迟指定时间后,去执行一次表达式,次数仅为一次 2 阅读全文
posted @ 2021-05-11 14:15 Kaicy 阅读(119) 评论(0) 推荐(0)
摘要:一、前端监控现状 近年来,前端监控是越来越火,目前已经有很多成熟的产品供我们选择使用,如下图所示 有这么多监控平台,那为什么还要学习自研前端监控? 一方面人家是要钱的 另一方面自己的项目需要定制化的功能。 二、前端监控的目的提升用户体验 更快的发现发现异常、定位异常、解决异常 了解业务数据,指导产品 阅读全文
posted @ 2021-05-10 22:01 Kaicy 阅读(1431) 评论(0) 推荐(0)
摘要:前端性能优化 - 用RAIL模型分析性能 RAIL是一个以用户为中心的性能模型,它把用户的体验拆分成几个关键点(例如,tap,scroll,load),并且帮你定义好了每一个的性能指标。 有以下四个方面: Response Animation Idle Load 聚焦用户 以下是用户对性能延迟的感知 阅读全文
posted @ 2021-05-10 21:46 Kaicy 阅读(144) 评论(0) 推荐(0)
摘要:get请求和post请求的区别?分别在哪些情况下使用?从根上理解! 阅读全文
posted @ 2021-05-10 21:30 Kaicy 阅读(172) 评论(0) 推荐(0)
摘要:1、常见的通信方式管道pipe:管道是一种半双工的通信方式,数据只能单向流动,而且只能在具有亲缘关系的进程间使用。进程的亲缘关系通常是指父子进程关系。命名管道FIFO:有名管道也是半双工的通信方式,但是它允许无亲缘关系进程间的通信。消息队列MessageQueue:消息队列是由消息的链表,存放在内核 阅读全文
posted @ 2021-05-10 20:20 Kaicy 阅读(644) 评论(0) 推荐(0)
摘要:window.onload和DOMContentLoaded的区别 阅读全文
posted @ 2021-05-10 09:12 Kaicy 阅读(84) 评论(0) 推荐(0)
摘要:各种 Web 存储方案简介3.1 CookieHTTP Cookie(也叫 Web Cookie 或浏览器 Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常,它用于告知服务端两个请求是否来自同一浏览器,如保持用户的登 阅读全文
posted @ 2021-05-10 08:40 Kaicy 阅读(95) 评论(0) 推荐(0)
摘要:有朋友问:最近正在写一个大文件上传的程序,要是上传突然中断,要是不特殊的处理,那么用户的上传也就失败了。 怎么办? 分片上传 分片上传,就是将所要上传的文件,按照一定的大小,将整个文件分隔成多个数据块(Part)来进行分片上传 如下图 上传完之后再由服务端对所有上传的文件进行汇总整合成原始的文件 大 阅读全文
posted @ 2021-05-09 21:12 Kaicy 阅读(1213) 评论(0) 推荐(0)
摘要:js监听: var xhrOnProgress=function(fun) { xhrOnProgress.onprogress = fun; //绑定监听 //使用闭包实现监听绑 return function() { //通过$.ajaxSettings.xhr();获得XMLHttpReque 阅读全文
posted @ 2021-05-09 21:02 Kaicy 阅读(1696) 评论(0) 推荐(0)
摘要:HTTP协议中的短轮询、长轮询、长连接和短连接 阅读全文
posted @ 2021-05-09 20:51 Kaicy 阅读(66) 评论(0) 推荐(0)
摘要:JavaScript的发展史 一、JavaScript发展历程 1. 诞生 ​ JavaScript因互联网而生,紧跟浏览器的发展而发展。 ​ 1990年,欧洲核能研究所(CERN)科学家在互联网(Internet)基础上,发明了万维网(World Wide Web),从此可以再网上浏览网页文件。( 阅读全文
posted @ 2021-05-09 20:24 Kaicy 阅读(186) 评论(0) 推荐(0)
摘要:概述 以前限制web开发接近原生应用的一大障碍就是web开发很难实现即时通信。因为在web应用中,由于其使用的http协议的特殊性,只有用户在界面中进行操作后,服务器的到客户端的信息,才能进行响应。也就是说,使用web开发接近原生应用的一大障碍是服务器端不能主动向客户端发送信息。 即时通信技术就是实 阅读全文
posted @ 2021-05-08 13:57 Kaicy 阅读(373) 评论(0) 推荐(0)
摘要:vue是怎么重写数组方法的 const arrayProto = Array.prototype export const arrayMethods = Object.create(arrayProto) const methodsToPatch = [ 'push', 'pop', 'shift' 阅读全文
posted @ 2021-05-02 21:15 Kaicy 阅读(1525) 评论(0) 推荐(0)
摘要:为什么会有CommonJs和Es Module呢 我们都知道在早期JavaScript模块这一概念,都是通过script标签引入js文件代码。当然这写基本简单需求没有什么问题,但当我们的项目越来越庞大时,我们引入的js文件就会越多,这时就会出现以下问题: js文件作用域都是顶层,这会造成变量污染 j 阅读全文
posted @ 2021-05-02 20:15 Kaicy 阅读(415) 评论(2) 推荐(1)
摘要:缓存分类 强缓存 (一般不会向服务器发起请求) ** 服务端通过Cache-control(http1.1) Expires(http1.0)字段设置, Cache-control优先级高于Expires** Cache-control 常用属性值: private: 私有缓存设备(浏览器)publ 阅读全文
posted @ 2021-05-01 21:19 Kaicy 阅读(181) 评论(0) 推荐(0)
摘要:TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任何浏览器,任何操作系统 TypeScript添加了很多尚未正式发布的ECMAScri 阅读全文
posted @ 2021-05-01 21:03 Kaicy 阅读(107) 评论(0) 推荐(0)
摘要:vue2与vue3的区别 Vue2和Vue3的区别 - 简书 (jianshu.com) 阅读全文
posted @ 2021-05-01 20:08 Kaicy 阅读(323) 评论(0) 推荐(0)
摘要:DNS原理及其解析过程 DNS域名解析使用的是TCP协议还是UDP协议? 阅读全文
posted @ 2021-05-01 19:54 Kaicy 阅读(73) 评论(0) 推荐(0)