- 博客(33)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 React fiber分片的理解和剖析
react 核心模块叫做reconsiler，其中就有diff算法Reconciliation（调和）：react、vue的响应式原理(react 有分片，vue为什么不需要？)在修改数据时，react需要调用setState方法，而vue直接修改变量就行。看起来只是两个框架的用法不同罢了，但响应式原理正在于此。在react中，组件的状态是不能被修改的，setState没有修改原来那块内存中的变量，而是去新开辟一块内存；而vue则是直接修改保存状态的那块原始内存。因为vue中虚拟dom指向的还是原来的
2022-06-26 17:21:20
501
原创 http 协议 tcp/ip协议 三次握手 四次挥手
http 通信协议 TCP/IP协议 三次握手 四次挥手1基于TCP/IP协议的三次握手为了建立客户端和服务器端的连接，确保道路通畅2.前段主动发送请求 把你想和后端说的事情说出来（一次只能说一个） 前段以请求报文的形式发送所用内容2-1请求报文行 包含 1.传输协议版本 http/1.1 2.请求方式 get或者post 3.请求地址 /xxxx/yyyyy2-2请求报文头（对本次请求的描述信
2022-03-09 19:00:14
2619
原创 java 读取某路径下的所有文件，并取出文件名
首先创建一个返回值为List的getFileList（）方法，将路径下的所有文件放进File[]数组中，然后对判断是否为空，然后接着遍历数组，判断是否为文件夹，若为文件夹则取当前文件的绝对路径，否则将当前文件加入到filelist中 ；public static List<File> getFileList(String strPath) { File dir = n......
2018-07-04 21:53:06
19538
2
原创 移动端调研分析
快速低成本，没有复杂交互场景和大数据渲染的情况，是当前跨平台方案中最快的。项目需要同时进行小程序和移动app的迭代需求，开发人员少，uniapp也是个好选择。：uniapp的js和原生的通信问题，当前框架采用vue，采用云打包的方式生成apk发布使用，可以打开布局边界查看下布局,其中完全使用网页的形式呈现给用户，基本跟android不怎么挂钩，即便挂钩，官方也已经作出了api供用户使用。
2022-10-09 21:17:22
896
原创 webpack 优化
webpack的默认行为是当一个类型的检查是否使用某一个loader进行处理时，即使匹配到了也会在接下来的所有规则中进行再次匹配（走完所有的rules规则匹配）前面提到js文件的编译需要进行babel和eslint的处理，比较耗时，所有这里说的缓存也只针对这两个过程。js的支持：（vue-loader和react-loader都默认支持了这样的功能，不需要我们单独实现）注意： 把注意写在前面，每个进程打开大概需要 600ms 的时间，建议在文件量很大的情况下使用。获取 cpu 核心数量。...
2022-08-10 17:00:00
157
原创 js文件的处理
创建eslint配置文件(三种方法都可以)基础的配置文件安装和使用插件（之前的版本使用 loader 处理）创建文件vscode 的 eslint 插件也会扫描eslint配置文件，但它无法读取我们在webpack.config.js中设置的扫描范围，所以我们需要创建文件。...
2022-08-08 15:30:00
423
原创 字体文件的处理 iconfont 的处理
复制要是用的icon 的类名，比如： icon-zhinan。针对字体文件配置webpack.config.js。入口文件中引入iconfont.css文件。入口文件引入iconfont.js。使用svg引入需要使用的图标。在html模板中使用。加入通用的css代码。...
2022-08-06 22:30:00
299
原创 4. css资源加载 loader 解析器
我们需要知道的一个前提是：webpack默认只认识js或者json文件，其他的资源webpack不认识。而loader 就是将文件转换成webpack 能够处理的文件的这个一个工具
2022-08-04 20:15:25
751
原创 webpack 静态资源文件加载（assets）
未修改output{filenametrue,},//修改后output{filename'js/dist.js',//js入口文件的输出目录修改path8][ext]'//资源目录整体修改},
2022-08-01 09:00:00
1021
原创 Electron桌面开发入门
main.js 主程序文件 node环境，能读写文件renderer 渲染文件 有关页面渲染的都在这里，可以结合vue等框架app.js //vue模板index.html //窗口页面style.css //窗口样式文件preload-js 桥接文件因为渲染程序和主程序直接传递消息有严重的安全隐患，所以要通过这里的’桥’文件,当工具人这里面重要的...
2022-06-24 19:42:24
1483
原创 http https http2 http3
http: 一个简单的请求响应协议（进行超文本，文本，图像、视频的传输）http和tcp的关系tcp和udp：http特点：超文本、灵活可拓展，请求-应答，无状态，明文分组大数据传输时需要设置 TRansfer-Encoding： chunked（不可与 content-length 同时使用）短链接：请求一次就会有一次响应，就会建立 TCP 数据传输通道，任务结束，通道关闭长链接：设置 Connection：keep-alive 就可以保持 TCP 通道在一段时间内不会失效，可以发送和接受多个数据请求
2022-06-23 20:30:53
766
原创 git协同开发常用指令 驻存stash 变基rebase
#git 多人同步协作代码冲突解决方案驻存stashgit add . 将修改的代码提交到本地仓库git stash 将修改后的代码放到暂存区git stash list 查看暂存区会显示：stash@{0}: WIP on prev: b275e49 Merge branch ‘prev’ of https://gitee.com/wx_43506079fb/git-test into prevgit pull 更新本地仓库，同步远程仓库git stash pop 将暂存区
2022-05-29 21:04:42
218
原创 js中的闭包问题、call/apply/bind 区别
js中的闭包问题、call/apply/bind 区别函数中的局部变量当函数执行完成之后，局部变量就会被销毁垃圾回收机制，将不需要使用数据进行清除，如果不清除就会造成内存泄漏闭包：函数套函数，执行外部函数时返回内部函数并且内部函数有权调用外部函数作用域中局部变量当引用js文件中变量名相同时，我们把这种叫做变量污染闭包会产生私有变量的存在，解决变量污染问题但是也会产生内存泄漏// 常见闭包function fn(){ var a = 1; function fn1(){
2022-04-06 14:31:22
332
原创 事件轮询机制和promise（怪异机制？）
事件轮询机制任务队列分为宏任务队列微任务队列 当碰上异步代码时，会将异步代码传给web API 由web API 将异步代码放到任务队列中，script整体代码、setTimeout、setTnterval、I/O…放在宏任务队列中， promise.then()放在微任务队列中[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZTecKceA-1646959896185)(C:\Users\Rick.li\AppData\Local\Temp\1
2022-03-11 08:58:55
294
原创 Java Socket通信
Socket 通信步骤： 1.服务器创建ServerSocket ，客户端创建Socket 2.打开连接到Socket的输入流和输出流 3.按照协议对Socket 进行读写操作 4.关闭输入流，输出流，关闭Socket服务器端： 1.创建ServerSocket对象 2.同过ServerSocket对象的accept方法监听客户端的连接,返回一个Socket对象......
2018-05-27 15:24:33
856
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人