- 博客(24)
- 收藏
- 关注
RSS订阅原创 git学习总结
git branch checkout <分支名> 切换分支。git remote add <别名> https<链接>git merge <分支名> 把指定分支合并到当前分支。git branch -v 查看分支，当前分支信息。git remote -v 查看当前所有远程地址别名。git brannch <分支名> 创建分支。git branch -a 查看有哪些分支。git pull 远程库地址别名 远程分支名。git reset --hard <版本号>
2025-07-24 18:01:35
276
原创 threejs+Vue3学习
1.先下载threejs官方文档代码，可以本地起服务查看文档。2.创建Vue3项目，添加threejs依赖包。安装threejs包。
2025-07-24 11:39:23
148
原创 ts的学习
cnpm i -D webpack webpack-cli typescript ts-loader 安装依赖，-D表示开发依赖，不会打包到上线项目中。1.类型：number,string,boolean,any,unknow,never,void,array,object,cnpm i -D webpack-dev-server 自动刷新，自己启动。npm init -y 项目初始化，来生成webpack打包文件。打包时，新旧语法不一样，新旧浏览器不支持时，安装babel。
2025-06-11 14:22:36
172
原创 前端性能优化学习
3. 渲染优化-----操作过程中更顺滑，不能掉帧。1. 首屏加载优化----首次打开页面顺滑。看那些指标=》优化了多少，例如秒，百分比。2. 缓存优化----再次打开更流畅。4.长任务拆分----动画流畅。
2025-06-10 15:20:06
129
原创 学习首屏加载问题
4.LCP(Largest contentful paint)最大内容渲染 加载最大内容呈现时间。1. FP（First Paint 首次渲染）2.FCP（ 首次内容渲染）3.FMP（首次有效渲染）
2025-06-04 15:18:52
92
原创 学习js相关知识总结
构造函数中 的this ---->指向实例、在js继承中，this指向构造函数创建的实例，非原型链。面向对象编程： 现实事件中的事物，抽象成类和对象，采用封装，继承，多态来演示客观世界的联系。3.原型和原型链：每个js对象创建，都会创建一个原型对象，js对象会继承原型对象的内容。二层对象，this指向调用函数的对象在多层，哪个对象离this一起的就指向谁。2.作用域：在运行时，代码中变量，对象，函数可访问性，全局，局部作用域。对象里面的this指向，一层对象，this谁调用，指向谁。
2025-05-29 18:02:28
133
原创 学习DNS
5 根据本DNS服务器去查找根DNS 服务器，顶级域名服务器（TLD），权威 DNS服务器。3. CNAME记录： 将一个域名映射到另一个域名。3. 减少外部资源请求，自己的域名+oss+cdn。5.TXT记录：文本信息存储，域名验证SPF记录。2. AAAA记录： 将域名映射到IPv6地址。6.返回结果，浏览器缓存向IP发送请求。1.A记录：将域名映射到IPv4地址。4.MX记录：指定邮件服务器，不常见。2. 使用CDN，CDN节点用户就近。2.检查自身DNS缓存。3.操作系统DNS缓存。
2025-05-29 12:57:15
241
原创 学习静态资源加载失败情况
例如font-family: Arial,sans-serif。3.javaScript处理。动态切换，切换到有用的cdn。
2025-05-29 12:40:14
239
原创 学习QPS(每秒请求次数)
4.请求缓存：请求参数，请求方法，请求逻辑依赖内容没有发生变化，直接对应缓存。短时间内的请求合并：debounce,throttle(防抖节流)当QPS达到峰值时，服务器和应用的性能造成压力，甚至系统崩溃。设计任务队列，滑动窗口。
2025-05-29 11:06:29
262
原创 学习-怎么修改第三方npm包
1.稳定库，直接修改node_modules库（比较麻烦，每次都需要替换）3. fork package,自己维护。安装patch-package包。
2025-05-29 10:38:50
211
原创 webpack5学习总结
#新版eslint超过8版本以上.eslintrc.js配置1.修改文件名为：eslint.config.mjs里面内容格式为：```jsimport eslint from "eslint";export default [ { // 继承推荐规则 rules: { "no-var": "error" // 规则值改用字符串（旧版数字兼容性差） }, // 环境变量配置 languageOptions: { globals: { node
2025-04-17 17:56:21
459
原创 新手学习：关于盒子的边框，外边距，内边距学习
盒子模型图：1.边框用border：书写形式，border: 宽度 边框形状 颜色；1）代码 border: 1px solid red; 宽度用像素单位px; 颜色：不用说了； 边框形状常用：solid(表示实线)，dotted(点线)，dashed(虚线)；更多见下面附图；2）单独加某一边框，则用border-right,border-left,border-top,border-bottom2.内边距padding: 书写形式，padding: 上部内边距...
2021-08-27 17:29:51
1871
原创 2021-08-23
@新手学习记录关于浮动的学习浮动为什么用浮动：用行内块元素方法（diplay: inline-block）不行，因为 不能控制盒子间距离， 左右两个盒子距离;浮动写法：float：left;做浮动同理right右浮动；浮动特性： 1）如果都用浮动就会显示在一行内；2）脱标：也就是脱离标准流，比如，前面盒子用浮动，后面盒子没用，这样后面盒子会直接跑重叠在浮动盒子上，因为前面盒子浮动不占有位置了。3）浮动元素具有行内块元素特性可以给高度，没有缝隙；清除浮动：1）为什么要清除浮动，因为在浮动的外
2021-08-23 15:12:46
1403
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人