- 博客(13)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 浏览器渲染网页流程
10.优化：为了提高性能，浏览器会尝试减少重排和重绘的次数，例如通过使用CSS的will-change属性或通过JavaScript的requestAnimationFrame函数来平滑动画。9.重排（Reflow)和重绘（Repaint):如果DOM或CSSOM发生变化，浏览器可能需要重新执行布局和/或绘制过程。2.解析CSS：浏览器解析CSS样式表，将CSS规则应用到DOM树上的相应元素，构建CSSOM（CSS Object Model）树。绘制过程涉及到将文本，颜色，图片，边框等绘制到屏幕上。
2024-06-11 15:21:36
236
原创 GitHub Pages项目部署的详细流程介绍
GitHub仓库地址有两种形式，即HTTPS和SSH，通过HTTPS地址克隆或提交代码等操作都需要进行身份认证，即输入用户名和密码校验通过之后才能完成相应操作，而通过SSH地址，在配置SSH key时，如果不配置密码，则无需校验，可以直接执行相关操作，04 运行打包命令，将项目静态资源打包备用，然后进入目标文件夹，将把打包好的静态资源文件提交到刚刚建立的Github仓库的gh-pages分支，（2）如果没有就添加SSH key（马赛克的部分，就填上自己的GitHub邮箱）然后去Github上查看就行。
2024-06-04 11:50:13
990
1
原创 如何优雅的修改elementPlus中icon的大小
重点来了，经过不断的试错，最终发现了最便捷的修改方式。就是给svg标签加上宽高，气笑了，就这......自动导入后，默认显示这么大。已经基本偏正常了......
2024-05-28 10:42:55
538
原创 针对Promise的原理和操作理解
promise（期约）是对尚不存在结果的一个替身。ES6新增的引用类型promise,可以通过new操作符来实例化。创建期约时需要传入执行器（executor)函数作为参数，因为如果不提供执行器函数，就会抛出Syntax-Error。
2024-05-25 19:13:22
1024
1
原创 vite+vue3中icon的用法
npm install --save @fortawesome/free-solid-svg-icons页面展示。
2024-05-23 14:43:39
107
1
原创 前端实现语言国际化功能的实现（vite+vue3）
在src目录下创建一个名为i18n的文件夹，再在i8n目录下创建一个language文件夹和一个index.js文件，根据需要转换的语言版本，在language文件夹下创建几个相对应版本名称的js文件。index.js文件是i8n的管理文件。在这里创建导入方法，导出实例，具体代码如下。将页面上需要变的字段，都设好变量名。# 或者如果你使用 yarn。在项目的入口文件（通常是。在组件中，你可以使用。
2024-05-23 13:48:48
533
1
原创 关于修改vite+vue创建的项目的默认样式问题
以上改成最终呈现的形式，修改的代码(主要就是修改根组件的样式）修改了根组件的样式，变成了另一个丑样子。项目默认居中，造出来的这个丑东西。
2024-05-22 21:33:05
232
1
原创 全局状态管理模式vuex
actions定义了一系列操作，类似于mutations，不同的是actions可以是异步的，可以通过actions来改变store中的state，但是为了让状态的改变可以追溯来源，即使在action中也不能直接修改state中的状态，而是通过提交mutations的方式来改变。modules：将store模块化，各module有自己的state，getters，mutations，actions，modules。mutations:操作state成员的方法集，只能是同步操作。state:存放共享状态。
2024-05-21 14:43:17
389
1
原创 对Vue Router 路由管理器的原理及用法的理解与思考（2）
使用路由模块来实现页面跳转的两种方式（router-link标签跳转和JS脚本跳转）
2024-05-20 23:05:06
779
2
原创 对Vue Router 路由管理器的原理及用法的理解与思考（1）
Vue router的实现原理的核心是：1.改变url页面不刷新，2.改变url时，可以监听到路由的变化并能够做出一些处理。路由的两种模式Hash模式：Hash是URL中hash（#）及后面的那部分（如#user)橙色部分就是hash。常用作描点在页面内进行导航，hash值的变化并不会导致浏览器向服务器发出请求，不发出请求，也就不会刷新页面。同理也不需要在服务器作任何特殊的处理（因此不利于SEO）【SEO：搜索引擎优化。
2024-05-20 10:14:35
772
原创 组件封装（vite+vue3+ElementPlus)
除了父传子，子传父这样的单向数据传递方式外，有时候我们还需要父子之间互相传递数据，这时候通常的做法是在组件上使用v-model指令。首先定义父组件的响应式数据（在data中进行注册），再将子组件名放入components关键字里面进行注册。父组件操作完成之后，子组件的操作如下：（注：props里面的属性名，可以随意填写，不一定非得和父组件相同）子组件通过$emit方法触发父组件的监听事件来向父组件传递数据。v-model单一数据通讯指南。需要在父组件中做的操作如图所示。父子组件通过props通信。
2024-05-17 14:54:07
564
1
原创 vite + vue + ts 中的 v-model （双向数据绑定）和 webpack+vue+js的区别
v-model的原理：vue双向绑定数据是通过数据劫持，结合，发布，订阅模式的方式来实现的。也就是说数据和试图同步，数据发生变化，试图跟着变化，试图变化，数据也跟着发生变化。webpack + vue + js:唯一的区别就是在js中的变量声明不同。核心：object.define.Property()方法。vite + vue +ts：第一步，进行数据绑定。第二步：在页面中需要的地方进行使用。第三步：在js中进行变量声明。
2024-05-16 14:24:04
102
空空如也
django这个问题怎么解决啊
2022-03-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人