- 博客(64)
- 收藏
- 关注
原创 CSS布局——弹性布局(display: flex)
Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。flex-direction属性决定主轴的方向(即项目的排列方向)flex-wrap属性定义,如果一条轴线排不下,如何换行默认情况下,项目都排在一条线(又称"轴线")上justify-content属性定义了项目在主轴上的对齐方式align-items属性定义项目在交叉轴上如何对齐align-content属性定义了多根轴线的对齐方式如果项目只有一根轴线,该属性不起作用。
2024-06-12 01:00:54
1173
原创 Express 路由和中间件 的详细介绍及使用
中间件(Middleware ),特指业务流程的中间处理环节需求描述与实现步骤自己手动模拟一个类似于 express.urlencoded 这样的中间件,来解析 POST 提交到服务器的表单数据。
2024-04-26 13:07:22
1215
原创 了解 Vue 工程化开发中的组件通信
组件通信, 就是指组件与组件 之间的数据传递组件上 注册的一些 自定义属性父级 prop 的数据更新,会向下流动,影响子组件这个数据流动是单向的。
2024-04-14 16:55:22
1451
原创 Vue 工程化开发入门
基于构建工具(例如:webpack ) 的环境中开发 VueVue CLI 是 Vue 官方提供的一个全局命令工具可以帮助我们快速创建一个开发 Vue 项目的标准化基础架子集成了 webpack 配置一个页面可以拆分成一个个组件,每个组件有着自己独立的结构、样式、行为。整个应用最上层的组件,包裹所有普通小组件。
2024-04-11 17:51:43
1194
原创 了解 token,以及使用token作为访问权限的令牌
访问权限的令牌,本质上是一串字符串发起请求之前,触发的配置函数,对请求参数进行额外配置响应回到 then/catch 之前,触发的拦截函数,对响应结果统一处理例如:身份验证失败,统一判断并做处理。
2024-04-08 21:10:00
1100
原创 Vue 有哪些常用的指令
v-show底层原理:切换 css 的 display: none 来控制显示隐藏。v-if 底层原理:根据 判断条件 控制元素的 创建 和 移除(条件渲染)v-else与v-else-if。key作用:给元素添加的唯一标识。数组有多少项,就遍历多少次。数据变化 → 视图自动更新。视图变化 → 数据自动更新。
2024-04-06 22:42:16
1818
原创 认识什么是Git
git commit 提交保存,产生版本快照。打开 bash 终端(git 专用)管理代码版本,记录,切换,合并代码。以"点"开头的文件夹一般都是隐藏的。命令:git -v(查看版本号)git add 添加到暂存。查看暂存区全部文件目录。
2024-04-03 20:02:33
950
1
原创 如何对Webpack进行优化
占位符 【ext】使用当前模块原本的占位符,例如:.png / .jpg 等字符串。占位符 【query】保留引入文件时代码中查询参数(只有 URL 下生效)占位符 【hash】对模块内容做算法计算,得到映射的数字字母组合的字符串。小于 8KB 文件:导出一个 data URI(base64字符串)大于 8KB 文件:发送一个单独的文件并导出 URL 地址。
2024-04-02 19:44:34
1551
原创 认识什么是Webpack
静态模块:指的是编写代码过程中的,html,css,js,图片等固定内容的文件打包:把静态模块内容,压缩,整合,转译等(前端工程化)把 less / sass 转成 css 代码把 ES6+ 降级成 ES5支持多种模块标准语法。
2024-04-01 15:40:27
1640
原创 详细介绍 Node.js 模块化
定义概念:项目是由很多个模块文件组成的好处:提高代码复用性,按需加载,独立作用域使用:需要标准语法导出和导入进行使用。
2024-03-31 01:31:32
903
原创 Node.js中模块介绍
fs 模块:封装了与本机文件系统进行交互的方法/属性作用:获取当前模块目录-绝对路径windows: D:\备课代码\3-B站课程\03_Node.js与Webpack\03-code\03mac: /Users/xxx/Desktop/备课代码/3-B站课程/03_Node.js与Webpack/03-code/03作用:会使用特定于平台的分隔符,作为定界符,将所有给定的路径片段连接在一起。
2024-03-30 21:07:57
1187
原创 Node.js入门
白话文:基于 Chrome 的 V8 引擎封装,独立执行 JavaScript 代码的环境开发项目直到上线,过程中集成的所有工具和技术Node.js 是前端工程化的基础(因为 Node.js 可以主动读取前端代码内容)
2024-03-30 19:18:30
1038
原创 用python制作一款简易文字游戏
healer = input("请选择使用治疗技能的玩家(1.%s 2.%s 3.%s):" % (self.player1.name, self.player2.name, self.player3.name))attacker = input("请选择使用技能的玩家(1.%s 2.%s 3.%s):" % (self.player1.name, self.player2.name, self.player3.name))result = "%s发动了技能“%s”,对%s造成了%s点伤害。
2024-03-28 12:58:50
946
原创 计算机科学与技术实习手册第一周
介绍:Tomcat 服务器是一个免费的开放源代码的 Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选。介绍:natapp 是一个 内网穿透工具,内网穿透也叫做内网映射,也叫“ NAT 穿透”,所谓内网穿透 简单来说就是让外网能够访问内网,即把自己的电脑当服务器,让别人能够访问自己的电脑。mysql的配置:Data,My.ini,Mysqld.exe --install,Mysqld.exe --initialize。
2024-03-27 20:29:01
1380
原创 网络安全体系框架
其次,要建立完善的日志管理制度。因此,建立完善的网络安全体系和框架,制定有效的安全策略和管理机制,是当前和未来网络安全领域的重要任务。此外,随着技术的不断更新和演进,组织需要不断更新和升级网络安全体系框架,以适应新的安全威胁和挑战。通过构建完善的网络安全框架,组织可以更好地应对各种网络攻击和威胁,减少安全风险和损失,提高安全管理的效果和效率,保障组织的正常运营和发展。然而,不同国家和地区的法律法规和标准可能存在差异,组织需要针对不同地区和行业的要求制定相应的安全策略和措施,增加了框架设计和实施的复杂性。
2024-03-27 19:01:24
1624
原创 认识事件循环
JavaScript有一个基于事件循环的并发模型,事件循环负责执行代码、收集和处理事件以及执行队列中的子任务,这个模型与其它语言中的模型截然不同,比如C和Java执行代码和收集异步任务的模型,在调用栈空闲,反复调用任务队列里回调函数的执行机制,就叫事件循环。
2024-03-26 13:44:49
443
原创 解决“回调函数地狱问题”
依靠 then() 方法会返回一个新生成的 Promise 对象特性,继续串联下一环任务,直到结束async函数是使用async关键字声明的函数。async函数是AsyncFunction构造函数的实例,并且其中允许使用await关键字。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为,而无需刻意地链式调用promise。
2024-03-26 10:35:55
481
原创 认识XMLHttpRequest
XMLHttpRequest(XHR)对象用于与服务器交互。通过XMLHttpRequest可以在不刷新页面的情况下请求特定URL,获取数据。这允许网页在不影响用户操作的情况下,更新页面的局部内容。XMLHttpRequest在AJAX编程中被大量使用。浏览器提供给服务器的额外信息,让服务器返回浏览器想要的数据。
2024-03-25 14:36:28
694
原创 认识表单标签
用途(场景):在网页中显示收集用户信息的表单效果,如:登录页、注册页标签名:inputinput 标签可以通过 type 属性值的不同,展示不同效果type 属性值:标签名type属性值说明inputtext文本框,用于输入单行文本inputpassword密码框,用于输入密码inputradio单选框,用于多选一inputcheckbox多选框,用于多选多inputfile文件选择,用于之后上传文件inputsubmit提交按钮,用于提交input。
2024-03-24 23:07:43
946
原创 AJAX入门
AJAX 是异步的 JavaScript 和 XML ( Asynchronous JavaScript And XML )。简单点,就是使用XMLHttpRequest 对象与服务器通信。它可以使用 JSON、XML、HTML 和 text 文本等格式发送和接收数据。AJAX 最吸引人的就是它的"异步"特性,也就是说它可以在不重新刷新页面的情况下与服务器通信,交换数据,或更新页面。
2024-03-22 17:08:59
655
原创 form-serialize 插件
当有多个表单的值需要获取到服务器的时候,如果频繁依次单个获取表单元素,就会显得很麻烦。此时,我们就需要form-serialize插件。
2024-03-22 11:00:27
612
原创 HTTP协议-报文
请求报文:浏览器按照 HTTP 协议要求的格式,发送给服务器的内容。响应报文:服务器按照 HTTP 协议要求的格式,返回给浏览器的内容。
2024-03-21 18:55:01
270
原创 HTML——表格标签
用途(场景):在网页中以行+列的单元格的方式整齐展示和数据,如:学生成绩表基本标签:标签名说明table表格整体,可用于包裹多个 trtr表格每行,可用于包裹 tdtd表格单元格,可用于包裹内容注意点:标签的嵌套关系:table > tr > td。
2024-03-20 14:47:25
680
原创 JavaScript进阶——节点操作
dom 树里每一个内容都称之为节点若一个节点在页面中已不需要时,可以删除它在 JavaScript 原生 DOM 操作中,要删除元素必须通过父元素删除。
2024-03-20 11:45:32
338
原创 JavaScript进阶——操作元素属性
可以通过 JS 设置/修改标签元素属性,比如通过 src 更换图片最常见的属性比如: href 、 title 、 src 等可以通过 JS 设置/修改标签元素的样式属性。
2024-03-19 18:28:30
861
原创 JavaScript进阶——解构赋值
数组解构是将数组的单元值快速批量赋值给一系列变量的简洁语法。对象解构是将对象属性和方法快速批量赋值给一系列变量的简洁语法。
2024-03-19 16:10:54
458
原创 JavaScript进阶——函数参数
arguments 是一个伪数组,只存在于函数中arguments 的作用是动态获取函数的实参可以通过 for 循环依次得到传递过来的实参。
2024-03-19 14:36:33
328
原创 JavaScript进阶——箭头函数
引入箭头函数的目的是更简短的函数写法并且不绑定 this ,箭头函数的语法比函数表达式更简洁在箭头函数出现之前,每一个新函数根据它是被如何调用的来定义这个函数的 this 值箭头函数不会创建自己的 this ,它只会从自己的作用域链的上一层沿用 this事件回调函数使用箭头函数时, this 为全局的 window ,因此 DOM 事件回调函数为了简便,还是不太推荐使用箭头函数。
2024-03-19 13:27:58
242
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人