- 博客(31)
- 收藏
- 关注
RSS订阅原创 HTML面试题（一）
Doctype是HTML5的文档声明，通过它可以告诉浏览器，使用哪一个HTML版本标准解析文档。在浏览器发展的过程中，HTML出现过很多版本，不同的版本之间格式书写上略有差异。如果没有事先告诉浏览器，那么浏览器就不知道文档解析标准是什么？此时，大部分浏览器将开启最大兼容模式来解析网页，我们一般称为怪异模式，这不仅会降低解析效率，而且会在解析过程中产生一些难以预知的bug，所以文档声明是必须的。严格模式：是以浏览器支持的最高标准运行混杂模式：页面以宽松向下兼容的方式显示，模拟老式浏览器的行为。
2025-12-22 20:15:41
843
原创 大文件分片上传
将大文件切割为多个大小均等的数据小块（分片），逐个或并行上传至服务器，全部分片上传完成后，由后端按顺序组装还原为完整文件的技术方案。前端核心职责：文件读取 → 分片切割 → Hash计算 → 分片上传 → 触发组装后端核心职责：接收分片 → 存储分片 → 校验已传分片 → 组装完整文件关键技术：Blob.slice()分片、spark-md5 Hash计算、FormData传输分片。
2025-12-15 20:02:15
803
原创 vue3的传参方式总结
这周项目主要写交互，但是因为文件结构太不好，又重构了一遍，分了好多子组件，好多地方都要改，用到的传参只是也不少，就去大概了解了以上几种vue3传参方式,内容还挺多的下周还是继续进行交互，但是希望自己可以多手敲一些代码，不能太依赖豆包了。
2025-12-08 17:27:54
702
原创 高德地图JS API初步使用
这个星期学的不多，忙活大一的考核，小组聚餐耗费了我太多时间，都是各种各样的小事，因为没啥经验导致中间也出了不少问题，各种沟通各种修改，但好在最后我组员的成绩我很满意，聚餐也顺利结束，周日又出去玩了一下午，也算比较充实。项目这周都没写多少，时间过得好快，只剩下一周时间了，这周又要准备讲课，四级才写了两套，又要期末考了，也不知道这周能不能忙得过来，希望自己这周能静下心来好好安排每天的学习任务，不要再出什么差错。
2025-12-01 17:32:32
445
原创 浏览器的工作原理
你想呀，有时候，你的图层很大，或者说你的页面需要使用滚动条，然后页面的内容太多，多的无法想象，这个时候需要滚动好久才能滚动到底部，但是通过视口，用户只能看到页面的很小一部分，所以在这种情况下，要绘制出所有图层内容的话，就会产生太大的开销，而且也没有必要。你可以想象一下，从0，1字节流到最后页面展现在你面前，这里面渲染机制肯定很复杂，所以渲染模块把执行过程中化为很多的子阶段，渲染引擎从网络进程拿到字节流数据后，经过这些子阶段的处理，最后输出像素，这个过程可以称为。，直接在非主线程中执行合成动画操作。
2025-11-24 18:48:42
785
原创 Pinia
Pinia的设计灵感来源于 Vuex，但相比Vuex，Pinia更加轻量级、简单易用和灵活。Pinia 是 Vuex 的进化版本，由 Vue 核心团队维护，并推荐用于新项目。Vuex 的未来：Vue 官方已明确表示，Pinia 的实现对 Vuex 5 的提案有直接影响（Vuex 5 的提案已冻结，Pinia 成为事实上的“Vuex 5”）。Pinia是一个基于Vue 3的状态管理库，专为Vue 3设计。它提供了一种简单、直观且可扩展的方式来组织和访问应用程序的状态。
2025-11-17 15:56:41
643
原创 TypeScript知识总结
TypeScript由微软开发，是基于JavaScript的一个扩展语言。TypeScript包含了JavaScriptTypeScript是JavaScript的超集Typescript增加了:静态类型检查、接口、泛型等很多现代开发特性，因此更适合大型项目的开发TypeScript需要编译为JavaScript，然后交给浏览器或其他JavaScript运行环境执行age:number){}i<n;i++){console.log(`你好，我叫${thisi < n;i ++) {
2025-10-26 09:32:23
1005
原创 Vue 脚手架（Vue CLI）
学校名称{{ SchoolName }}</div>//有个点击事件<button @click="sendSchoolName">把学校名字给App</button>
2025-10-13 11:04:08
1007
1
原创 Vue中的计算属性和监视属性
上周开始接触Vue的学习，发现要学的内容又多又难，光课程都有一百七十集。之前跟学长沟通时又再次意识到了做笔记的重要性，所以这次学习新知识的时候也实践上了，但是自己没有办法做到一边听视频，一边敲代码，一边又记笔记，所以i导致有很多集视频反复听了好几次，虽然这样确实能让我印象更深刻些，但是效率难免有点慢。在新知识的学习过程中发现自己的基础并不是很好，最基本的数组方法每次遇到都要现搜它的用法。
2025-09-29 15:47:14
547
原创 Themeleaf复用功能
-- 定义一个简单的头部片段 --><h1>网站头部</h1></div>-- 定义一个带参数的侧边栏片段 -->title } ">默认侧边栏标题</h2><ul><li>菜单项 1</li><li>菜单项 2</li></ul></div>
2025-04-28 22:11:07
282
原创 媒体查询知识
媒体查询是 CSS3 的一个新的技术，它使我们可以针对不同的设备（或者说，不同的屏幕尺寸和分辨率）来应用不同的样式。媒体查询包含一个媒体类型和至少一个使用宽度、高度、颜色等条件限制的表达式。CSS 用于桌面电脑的屏幕可能在平板电脑、手机、黑白打印机以及非视觉网络浏览器上并不适用。相反，设计师可能要用一种软件解决方案来满足既多样又具有挑战性的需求。当您调整浏览器窗口的大小，媒体查询可以使网页布局动态地改变。这是制作响应式网页设计的关键工具。
2025-04-21 20:14:54
939
原创 Thymeleaf
Thymeleaf 是新一代 Java 模板引擎，与 Velocity、FreeMarker 等传统 Java 模板引擎不同，Thymeleaf 支持 HTML 原型，其文件后缀为“.html”，因此它可以直接被浏览器打开，此时浏览器会忽略未定义的 Thymeleaf 标签属性，展示 thymeleaf 模板的静态页面效果；当通过 Web 应用程序访问时，Thymeleaf 会动态地替换掉静态内容，使页面动态显示。
2025-04-14 19:36:57
1067
原创 JS高级基础
/思路:自定义构造函数,通过new创建对象//适用场景:需要创建多个类型确定的对象//问题:每个对象都有相同的数据,浪费内存//比工厂模式好的原因:创建构造函数意味着将来可以将他的实例表示为一种特定的类型。
2025-03-30 12:03:02
274
原创 第二周 带登录的JS增删改查
1.定义一个addfun()函数,发送ajax请求到后端"获取用户信息"的接口,type为"get",在函数中传递三个参数,分别是currentPage(当前页),resourceType(资源类型),keywords(关键词),第一个用来分页用,后两个用来查询用户,在data里面传送这三个数据.3.修改用户的信息,获取修改后的信息,发送ajax请求调用"修改用户信息"的接口,成功后将修改框关闭,并再次调用addfun()函数.其中key是定义好的，需要开发人员给key赋值，表示ajax请求必须的参数。
2025-03-03 20:35:21
620
原创 第九周前端学习心得(JavaScript)
基本知识1.字面量:一般固定值称为字面量，如 3.142.变量:用于保存字面量,变量的值可以任意改变,3.变量更方便,一般都用变量来取保存一个字面量4.声明变量:JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值：例:x = 5;length = 6;5.声明的同时赋值Var age=80;6.标识符#基本数据类型。
2024-12-09 08:37:43
772
原创 第八周前端学习
1.圆角边框2.设置成圆形3.阴影4.边框外轮廓5.图片被拉伸以填充该区域6.图像平铺（重复）来填充该区域7.透明度(opacity)范围是0~1,1表示完全可见,0表示完全透明。
2024-12-02 01:09:31
877
原创 第七周学习感悟
请注意，z-index只对定位元素有效。用这些内容大概写出了一个还算完整的页面,但是布局和页面自适应,还有伪类和伪元素等方面还没有掌握,以后需要学习更深入的知识来解决在写页面过程中遇到的一系列问题。在CSS中，要让一个盒子（元素）覆盖另一个盒子（元素），可以通过设置定位（position）和Z轴索引（z-index）来实现。(3)假设我们有两个盒子，一个是红色的背景，另一个是蓝色的背景，并且我们希望蓝色的盒子覆盖红色的盒子。rgba(0, 0, 0, 0.5) 是阴影的颜色，这里是一个半透明的黑色。
2024-11-25 10:23:30
597
原创 第六周前端学习总结
像素是我们在网页中使用最多的一个单位,一个像素相当于屏幕中的一个小点,我们的屏幕就是有这些像素点(太小了,看不见)构成的,不同显示器一个像素的大小也不相同,显示效果越好越清晰,像素越小,反之像素越大。可以将单位设置一个百分比的形式,这样浏览器将会根据父元素的样式来计算该值, 好处:当父元素的属性值发生变化时,子元素也会按照比例发生变化,在我们创建一个自适应的页面使,经常使用百分比作为单位。:根标签,页面中所有的内容都要写在这里面,且页面中有且仅有一个;里面的内容不会在网页中显示,会在源代码中显示。
2024-11-17 22:32:10
470
原创 第四周JAVA学习心得
2.对于字符,字符串类型,按照字符在ASC||码表中的数字升序进行排序,字符串是从第一个字母开始比较(a,b,c…3.在小部分情况下,不同属性值或者不同的地址值计算出来的哈希值也有可能是一样的,叫做哈希碰撞。其底层就是迭代器,为了简化迭代器的代码书写的;2.再添加数据的时候,如果键已经存在,会把原有的键值对对象覆盖,会把被覆盖的值返回。1.List系列集合:添加的元素是有序(存和取的顺序一样),可重复,有索引.2.Set系列集合:添加的元素是无序(存和取的顺序不一样),不重复,无索引.
2024-11-10 19:58:14
661
原创 第四周学习心得
5.多态调用成员变量:编译看左边(javac编译代码的时候,会看左边的父类中有没有这个变量,如果有,编译成功,如果没有则编译失败),运行也看左边(java运行代码的时候,实际获取的就是左边父类中成员变量的值)6.多态调用成员方法:编译看左边(javac编译代码的时候,会看等号左边的父类中有没有这个方法,如果有,编译成功,如果没有编译失败),运行看右边(java运行代码的时候,实际上运行的是子类中的方法)//什么时候用继承:当类与类之间,存在相同的内容,并满足子类是父类中的一种,就可以考虑使用继承.
2024-11-04 07:32:18
686
原创 第三周学习心得
(4)方法的返回值类型为void,表示该方法没有返回值,没有返回值的方法可以省略return语句,如果要编写return,后面不能跟具体的数据,表示结束方法。用static修饰的成员变量称为静态变量,是一个公共的存储单元,类的任何一个对象访问他时,取到的都是同一个相同的数值。3.没有具体的返回值(不能由return带回结果数据),因为一个类的构造方法的返回值类型就是该类本身。多个参数:public static void 方法名(参数1,参数2,...){...}
2024-10-28 09:40:40
909
原创 第二周的学习心得
/ //书写时要注意,要写在类定义(public class)的上面。"()"优先于所有,用括号显示的标明优先次序,括号中的式子首先被计算。则强转的是b1,并不是最终的结果。用来表示变量名,类名,方法名,数组名和文件名的有效字符序列。格式:目标数据类型 变量名=(目标数据类型)被强转的数据。// //1.导包,找到Scanner这个类在哪。整形(byte,short,int,long)-56,结果发生错误,因为要转换的数据过大。(1)可以有数字,字母,下划线,和。格式3::if(关系表达式){
2024-10-21 08:38:22
958
原创 【无标题】
2.本周首先学习了下载JDK,与如何配置Path变量.在这过程中遇到了不少问题,比如下载的操作步骤不熟悉,下载的路径忘记修改,下载后不知道下载到什么地方了,检查是否安装好的时候运行出错,最后请教学姐,帮我把下载的东西删了后又重新帮我下载了一遍.在这过程中我知道了以后下载东西尽量不要下载到C盘,下载东西时要注意观察它的下载路径,并且把下载的东西放到文件夹里,归好类,命好名,方便以后查找.再用java去运行.5.安装了Notepad,并尝试用它来编写代码,但好像环境变量出了一点问题并没有编译成功,下周再试试.
2024-10-14 01:32:51
225
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人