Uhan_alpha-CSDN博客

原创事件循环机制

事件循环机制JavaScript是一门单线程，非阻塞的脚本语言单线程：只有一条主线程来处理所有的任务非阻塞：当代码需要进行异步任务的时候，主线程会挂起（pending）这个任务，然后在异步任务返回结果的时候再根据一定的规则去执行相应的回调那么非阻塞是在js引擎中是怎么实现的呢？——event loop（事件循环机制）浏览器环境下js引擎的事件循环机制1.执行栈与事件队列变量的存储位置：堆：存放一些对象。栈：存放一些基础变量以及对象的指针。执行上下文（context）：当我

2021-07-15 09:00:44 470

原创 react开发中ant抽屉组件多层调用后页面被锁死Bug处理

bug:react ant框架中抽屉组件的使用。 1.当调用多层抽屉，收起多层抽屉后，页面被锁死，无法滚动。 2.当在多层抽屉中，调用创建form表单后，返回页面的时候，页面被锁死，无法滚动。season：在body中被添加了内联样式 => style="touch-action: none; position: relative; width: calc(100% - 17px); overflow: hidden;"resolve1： 1

2020-12-23 23:12:58 485

原创项目优化之关于gzip压缩的问题

a.本地打包的时候产生gzip压缩文件b.nginx 服务器配置开启gzip压缩Ⅰ vue.config.js中配置gzip:const CompressionPlugin = require('compression-webpack-plugin') //gzip 压缩的插件 const productionGzipExtensions = /\.(js|css|json|txt|h...

2020-03-11 13:56:22 355

原创项目优化之刷新时的404问题

详情解决方案可查阅vue官方文档解决方案：不要用public路径，将vue.config.js中的publicPath配置项注释打包路径选择默认的根路径上传到服务器的var/www/html目录下，注意,不带dist目录照着vue官方文档去修改配置文件解决:在lacation / {}中添加 try_files $uri $uri/ /index.html;连接远程服...

2020-03-11 13:51:02 109

原创项目优化之iOS的自动播放bug问题

原因：iOS系统限制音频和视频的自动播放解决方案：设置手动播放就OK了监听数据的变化设定延时手动启动watch: { currentSong(newValue,oldValue){ // 设定延时为了解决ios 的自动播放bug问题 setTimeout(()=>{ console.log(this.$refs.audio) ...

2020-03-11 13:44:11 130

原创效率优化工具(前端效率优化)

分析项目需要优化的地方分析引入文件的大小 webpack-bundle-analyzer下载安装npm install webpack-bundle-analyzer --save-devvue.config.js 配置module.export:{ ... chainwebpack:(config)=>{ ... if(process.env.NODE_ENV ...

2020-03-10 12:49:57 173

原创表单中获取数据的两种方式

Form表单中获取数据的两个方式get和post的区别？get是从服务器上获取数据，post是向服务器传送数据。get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。...

2020-02-28 22:10:04 797

原创关于个人对HTML描述区的理解

以下是本人对html描述区的个人理解，有不同见解的欢迎评论区留言。1.HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容2.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra...

2020-02-28 22:08:51 92

原创 Git安装和配置

github使用三步曲：一：初始化本地仓库git二：将自己的电脑与指定github账户关联三：将自己的仓库与github上的某个项目关联一：初始化本地仓库git1.下载一个git，根据提示安装git下载会比较慢，翻墙吧，通过VPN科学上网下载会快些2.新建一个文件夹作为本地仓库，右击选择Git Init here。注意：有的版本没有git init here ,则选择git ba...

2020-02-28 22:06:01 151

原创 GitHub的基本使用操作

如何创建和使用仓库如何创建和管理分支如何改变一个文件并将它提交到github上如何发起以及合并请求GitHub是一个代码版本控制和协作的托管平台。它可以让你和你的伙伴在任何地方一起进行项目开发。第一步:创建一个新的仓库 1. 在页面的最右上角，你的头像的左边，点击“＋”，在弹出的下拉选项中选择“New repository”。 2.在仓库名称输入框中输入你的仓库名称，最后与你...

2020-02-28 22:01:38 374

原创关于文档碎片的理解

思想：将文档碎片当做一个承载器，将大部分工作通过文档碎片来处理，然后输出一个返回值直接给浏览器调用，避免了所有工作都是经过浏览器处理，从而降低浏览器的性能耗费documentDocumentFragment();例子：var ul = document.querySelector("ul");//创建一个文档碎片var box = document.createDocum...

2020-02-28 21:51:31 105

原创关于tcp协议的三次握手和四次挥手理解（面试提问之一）

TCP通信过程包括三个步骤：1.建立TCP连接通道2.传输数据3.断开TCP连接通道。如图所示，给出了TCP通信过程的示意图。上图主要包括三部分：建立连接、传输数据、断开连接。建立TCP连接很简单，通过三次握手便可建立连接。建立好连接后，开始传输数据。TCP数据传输牵涉到的概念很多：超时重传、快速重传、流量控制、拥塞控制等等。断开连接的过程也很简单，通过四次握手完成断开连接的过...

2020-02-28 21:49:55 110

原创 getBoundingClientRect()理解与使用（碰撞函数问题）

getBoundingClientRect()方法的理解与使用getBoundingClientRect()方法返回一个的是一个对象，对象下的四个属性：left、top、right和bottom分别表示元素各边与页面上边和左边的距离。例子：var box=document.getElementById('box'); // 获取元素box.getBoundingClient...

2020-02-28 21:44:08 588

原创 php与数据库的交互

php与数据库的交互(5步)：a.连接数据源 $db = mysqli_connect("域名和端口号","用户名","密码"); 域名：localhost:3306，数据库端口为3306，可以省略，直接填localhost 用户名：(root) ...

2020-02-28 21:40:25 1246

weixin_40740993的博客