- 博客(14)
- 收藏
- 关注
RSS订阅原创 跨平台项目开发技术选型分析
框架优点缺点兼容性发展性Flutter高性能，UI一致性强，广泛支持多平台，社区支持活跃，鸿蒙逐渐支持。Dart语言较难上手，性能问题可能出现，插件支持不完全，小程序支持不完美。：原生支持，兼容性好。鸿蒙：逐步支持，兼容性提升。小程序：通过第三方插件支持。发展潜力大，尤其在鸿蒙和多平台支持上。UniApp小程序支持强，Vue.js开发，支持多个平台（包括鸿蒙），打包工具简单。性能瓶颈，灵活性较低，复杂开发需求受限。小程序：原生支持，兼容性强。：支持，兼容性好。鸿蒙：原生支持，兼容性好。
2025-01-23 10:38:22
1424
原创 事件循环机制
事件循环机制JavaScript是一门单线程，非阻塞的脚本语言单线程： 只有一条主线程来处理所有的任务非阻塞：当代码需要进行异步任务的时候，主线程会挂起（pending）这个任务，然后在异步任务返回结果的时候再根据一定的规则去执行相应的回调那么非阻塞是在js引擎中是怎么实现的呢？——event loop（事件循环机制）浏览器环境下js引擎的事件循环机制1.执行栈与事件队列变量的存储位置：堆：存放一些对象。栈：存放一些基础变量以及对象的指针。执行上下文（context）： 当我
2021-07-15 09:00:44
597
原创 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
660
原创 项目优化之关于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
461
原创 项目优化之刷新时的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
201
原创 项目优化之iOS的自动播放bug问题
原因：iOS系统限制音频和视频的自动播放解决方案：设置手动播放就OK了监听数据的变化设定延时手动启动watch: { currentSong(newValue,oldValue){ // 设定延时 为了解决ios 的自动播放bug问题 setTimeout(()=>{ console.log(this.$refs.audio) ...
2020-03-11 13:44:11
208
原创 效率优化工具(前端效率优化)
分析项目需要优化的地方分析引入文件的大小 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
247
原创 表单中获取数据的两种方式
Form表单中获取数据的两个方式get和post的区别？get是从服务器上获取数据，post是向服务器传送数据。get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。...
2020-02-28 22:10:04
1231
原创 关于个人对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
146
原创 GitHub的基本使用操作
如何创建和使用仓库如何创建和管理分支如何改变一个文件并将它提交到github上如何发起以及合并请求GitHub是一个代码版本控制和协作的托管平台。它可以让你和你的伙伴在任何地方一起进行项目开发。第一步:创建一个新的仓库 1. 在页面的最右上角，你的头像的左边，点击“＋”，在弹出的下拉选项中选择“New repository”。 2.在仓库名称输入框中输入你的仓库名称，最后与你...
2020-02-28 22:01:38
494
原创 关于文档碎片的理解
思想： 将文档碎片当做一个承载器，将大部分工作通过文档碎片来处理，然后输出一个返回值直接给浏览器调用，避免了所有工作都是经过浏览器处理，从而降低浏览器的性能耗费documentDocumentFragment();例子：var ul = document.querySelector("ul");//创建一个文档碎片var box = document.createDocum...
2020-02-28 21:51:31
190
原创 关于tcp协议的三次握手和四次挥手理解（面试提问之一）
TCP通信过程包括三个步骤：1.建立TCP连接通道2.传输数据3.断开TCP连接通道。如图所示，给出了TCP通信过程的示意图。上图主要包括三部分：建立连接、传输数据、断开连接。建立TCP连接很简单，通过三次握手便可建立连接。建立好连接后，开始传输数据。TCP数据传输牵涉到的概念很多：超时重传、快速重传、流量控制、拥塞控制等等。断开连接的过程也很简单，通过四次握手完成断开连接的过...
2020-02-28 21:49:55
189
原创 getBoundingClientRect()理解与使用（碰撞函数问题）
getBoundingClientRect()方法的理解与使用getBoundingClientRect()方法返回一个的是一个对象，对象下的四个属性：left、top、right和bottom分别表示元素各边与页面上边和左边的距离。例子：var box=document.getElementById('box'); // 获取元素box.getBoundingClient...
2020-02-28 21:44:08
1202
原创 php与数据库的交互
php与数据库的交互(5步)：a.连接数据源 $db = mysqli_connect("域名和端口号","用户名","密码"); 域名：localhost:3306，数据库端口为3306，可以省略，直接填localhost 用户名：(root) ...
2020-02-28 21:40:25
1790
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人