- 博客(58)
- 收藏
- 关注
RSS订阅原创 Java web程序设计（1）
运行原理：服务器jsp编译成一个Java源文件——编译成class文件——运行class文件，结果就是一个静态的html。3.Http协议 http请求（请求行，请求头，请求体） http响应。协议：//服务器ip:服务器的端口/web项目的根路径/具体资源。浏览器只认识静态语言（html/css/js）1.web概念，服务器tomcat，客户端。环境搭建 jdk、tomcat、idea。2.C/S B/S架构。
2025-09-24 14:27:47
183
原创 软件工程（1）
2.生命周期（指定计划，需求分析与定义，设计，编码，测试，运行/维护）3.开发模型（瀑布模型，演化模型，螺旋模型，增量模型）1.软件开发中存在的问题——软件工程。
2025-09-19 10:24:33
114
原创 vue2（8）-项目创建&vuex
/ 当保存的时候，eslint自动帮我们修复错误 "editor.codeActionsOnSave": { "source.fixAll": true }, // 保存代码，不自动格式化 "editor.formatOnSave": false。1.自定义创建项目：基于VueCli自定义创建项目架子。（5）核心概念-mutations-如何修改。（6）辅助函数-mapMutations。（8）辅助函数-mapActions。（4）核心概念-state状态。(9)核心概念-getters。
2025-09-08 15:40:17
211
原创 vue2(7)-单页应用程序&路由
快速引入组件，也可以用绝对路径 基于@指代src目录，从src目录出发找组件。最大的原因是：页面按需更新 要按需更新，就要明确访问路径和组件的关系。类名太长可以在router，index.js里面配置。单页应用程序，之所以开发效率高，性能高，用户体验好。右边第三个框，是在main.js中导入的。5.声明式导航-导航链接。2.路由：路径和组件的映射关系。配组件 配规则，配导航 配出口。如 单页：网易云，多页：京东。6.声明式导航-两个链接。6.声明式导航-跳转传参。
2025-09-07 22:29:54
378
原创 vue(6)
前面有学到内置指令，如v-html、v-model、v-for等，每个指令都有着自己独立的功能；自己也可以封装指令。三行四行是两个标签，九行到24行通过binding.value拿到指令值。运用update函数，指令值在后台修改时就会触发，页面也会修改。2.指令的值 给不同的需求绑定不同的具体参数。右边6-14行加左边第4行----全局指令运用。左边14到22加左边第4行——局部注册命令运用。3.具名插槽 组件内多处进行定制。组件内某一部分结构不确定时，用到插槽。
2025-08-01 05:03:29
177
原创 vue（5）下-组件通信进阶语法
获取dom时，可以用echarts,查找的是整个界面，如果盒子不止一个，那么容易查找不准确。有value时可以用v-model,其他如visible就可以用.sync。.sync与v-model都可以实现双向绑定，简化代码。我们可以添加ref属性，来更精确稳定的查找当前属性内。二. .sync修饰符。用ref和$refs获取组件实例。三.ref和$refs。
2025-07-31 04:07:51
276
原创 vue(5)-组件
如果一个页面需要的是number数字，你就不能传字母中文string，我们就可以用到props，此时如果需要数字传的是字母的话，控制台就会报错。prop和data都可以向当前组件提供数据，区别就是data可以随便改，prop不能直接改，要遵循单向数据流。图中只给baseone加这个样式，就在baseone中style加scoped。全局样式在组件中起全局作用，局部样式可以加scoped属性来只作用于当前组件。一.组件三大组成部分（结构/样式/逻辑）（2）非空校验、默认值、自定义校验。
2025-07-30 05:45:54
303
原创 vue（4）-watch和生命周期
a.created 发送请求，更新数据，最后运用v-for渲染到整个页面。A.第一种是直接监视，第二种根据对象的子属性。b.mounted 比如一进页面就获取焦点。二.vue生命周期和生命周期四个阶段。（2）一多个属性时就要用到完整写法。一.watch监视器。
2025-07-24 03:43:43
221
原创 vue（3）-指示符和计算属性
既然用的是计算属性，属性不同于函数，所以此处为{{ totalCount }} 不是{{ totalCount（） }}2.区分，computed是有多次重复的数据也只会计算一次，而方法有几次算几次。三.v-model应用于表单元素 快速获取或设置表单元素的值。以上的写法的是计算属性默认的写法，只能读取不能修改。属性值要用单引号括起来，特殊属性名也要用单引号或者驼峰法。1.根据已有的计算新属性，根据数据变化，自动重新运算。求和用到了reduce语法。3.计算属性完整的写法。
2025-07-18 03:46:08
170
原创 vue指令
频繁需要切换的用v-show；而v-if是有条件的，面向的客户不同，所需要显示的不同，如：未登录用户页面中会显示‘‘未登录，请先注册或登录’’。v-for：基于数据循环，多次渲染整个元素，数组、对象、数字。二.v-html 动态解析标签。data提供数据 methods用来提供方法。七.v-for for循环。四.v-else和v-else-if。事件mouseenter鼠标经过滑动。带有v-前缀来解决不同业务要求。三.v-show和v-if。3.v-on调用传参。
2025-07-17 02:38:03
223
原创 vue快速上手
{{ 表达式 }} 利用表达式进行插值，将数据渲染到页面中。使用数据必须在data中，是一个用于构建用户界面的渐进式框架，可以提升开发效率。4.指定配置项，用于渲染数据 el date。-开发版本/生产版本 -不想下载可以复制。3.创建vue实例 new Vue()6.响应式处理（控制台）数据改变，视图自动更新。
2025-07-09 23:40:53
507
1
原创 数据库（1）-SQL
update 表名 set 字段1=值1，字段2=值2【where 条件】//set指定删除那几个字段，where之后的就是修改条件，如果没有条件则说明修改整张表的所有字段。ALTER TABLE 表名 ADD/MODLFY/CHANGE/DROP/RENAME TO...;//指定表名-添加字段/修改字段类型/修改字段名称/删除字段/修改表。insert into表名（字段1，字段2，...）values（值1，值2，...）//表名指定字段值-字段跟值对应。//查看当前数据库所有的表。
2025-06-22 20:22:19
372
原创 计算机二级web易错点（7）-选择题
在 JavaScript 中，substr()方法用于从字符串中提取子字符串。它接受两个参数，第一个参数表示开始提取的位置（索引从 0 开始），第二个参数表示要提取的字符数量。在代码中，表示从字符串str的索引 2（即字符c）开始，提取 3 个字符，所以提取出来的子字符串是"cde"。B/S（浏览器 / 服务器）三层架构分别是展示层、业务逻辑层和数据访问层。展示层负责与用户交互，呈现数据；业务逻辑层处理业务规则和逻辑；数据访问层负责与数据库交互，进行数据的读取和存储操作。
2025-03-24 21:22:03
694
原创 计算机二级web易错点（6）-选择题
在软件或系统的三层架构中，三层分别为表示层、逻辑层（业务逻辑层）和数据访问层。逻辑层处于中间位置，负责处理业务逻辑，对表示层传来的请求进行处理，并调用数据访问层获取或存储数据；FTP 是 File Transfer Protocol 的缩写，即文件传输协议，用于在网络上进行文件的上传和下载等传输操作。在 JavaScript 中，当 “+” 运算符两边有一个操作数是字符串时，会执行字符串拼接操作；选项 A（0）、B（1）、C（9）都在这个范围内，而选项 D（11）不在该范围内，不可能出现。
2025-03-23 21:07:43
1164
原创 计算机二级web易错点（3）-选择题
Recordset 对象：主要用于存储从数据库中查询返回的数据结果集，能够对结果集中的数据进行浏览、添加、删除、修改等操作，是 ADO 中处理数据的核心对象之一。Command 对象：可以在连接的基础上向数据源发送 SQL 语句或存储过程等命令 ，实现对数据库的增删改查等操作。Connection 对象：用于建立与数据库的连接，是和数据源通讯的基础。Parameter 对象用于存储命令对象中 SQL 语句的参数。包括HTML，script技术，css。
2025-03-17 20:34:39
290
原创 JAVA（8）-数组
栈：方法运行时使用的内存，比如main方法运行，进入方法栈中执行。方法运行时使用的内存，其中程序的主入口main方法在开始执行的时候就会进到栈里，当main方法中的代码执行完毕后，main方法就会从栈中出去。堆：存储对象或者数组，new来创建的，都存储在堆内存。五.数组的动态初始化：指定数组长度。动：只明确元素个数，不明确具体数值。一.数组：可以存多种数据的容器。自动快速生成：数组名.fori。调用方式：数组名.length。最大索引：数组的长度-1。四.数组遍历：取出数据。静：明确了操作具体数据。
2025-03-17 20:02:29
317
原创 JAVA（7）-流程控制语句
case穿透：就是语句中的break所导致的，如果有一个case就要写一个break来结束；相当于备胎，没有case里的就要用到default，代码中不建议省略，建议写在代码最后面。初始化语句只执行一次，判断语句为true，循环继续，为false循环结束。多个case重复了，那么我们可以使用case穿透来简化代码。*区别：使用场景，知道循环次数或循环范围用for。不知道循环次数和范围，只知道循环结果用while。*if是对范围进行判断，switch是一一列举。特点跟for是基本一样。（2）while语句。
2025-03-16 20:41:28
576
原创 计算机二级web易错点（2）-选择题
HTML（HyperText Markup Language）即超文本标记语言，是专门为 Internet 文档设计的标记语言。HTML 具有跨平台性，只要在安装了浏览器的设备上，无论设备使用的是什么操作系统，都可以运行 HTML 文档。在 HTML 中，存在一些单标签（空元素），比如<br>（换行）、<hr>（水平线）等，它们不需要成对出现，所以 “所有的标记都是成对出现” 这一描述错误。HTML 文档由浏览器进行解析，浏览器会按照 HTML 标记符号指定的格式将内容显示在屏幕上。
2025-03-13 20:03:23
791
原创 JAVA(6)-运算符
首先计算关系表达式的值，如果值为true，表达式1的值就是运算结果，为false，表达式2为结果。关系运算符的结果都是boolean类型，要么是true，要么是false。单个&表示且左右两边都参与运行，双个&&如果左边正确则右边不参与运行。单独写一行，++前和后++都是一样的。*感叹号要么不写要么只写一次。四.关系运算符/比较运算符。加减乘除 %取模取余。（5）短路逻辑运算符。
2025-03-12 20:57:22
220
原创 计算机二级web易错点（1）-选择题
而 “Status” 不是标准的 HTTP 消息头字段，HTTP 响应状态是在状态行中体现，并非消息头字段。8080 Web 服务器的备用端口，很多 Tomcat 服务器默认使用此端口；“Accept” 字段用于告知服务器客户端能够接受的响应内容类型；3.“Host” 字段用于指定请求的目标服务器主机名和端口号；“Referer” 字段用来表示该请求是从哪个页面发过来的。1.HTTP 协议默认使用的 TCP 端口是 80 端口。443 端口是 HTTPS 协议的默认端口；1080 代理服务器使用。
2025-03-12 16:45:08
201
原创 JAVA(5)-基础概念
2.制表符 \t 至少补一个空格，最多补八个空格，作用是让数据对齐打印更加好看。布尔型：boolean 只有两个值true/false。（1）基本数据类型：限制整数int 小数double。小数：float double 浮点型，不精确。自己命名的地方为标识符，给变量，类，方法命名。定义格式：数据类型 变量名 = 数据值；变量：输出打印 参与计算 修改记录的值。*字符串里面的类型是一句话，用双引号。关键字：被赋予特定关系的词。变量名：为空间起一个名字。数据值：存在空间里的数据。
2025-03-10 20:50:33
156
原创 JavaScript（8）-函数
使用function+函数名+需要调用的内容 使用：函数名（）讲js中需要的公共部分抽取并封装，谁用谁调用，代码复用。start，end形参 1，50实参。给括号内命名，来传递函数，提高函数的灵活性。当函数需要返回数据出去时，用return。一.什么是函数：执行特定任务的代码块。
2025-01-25 23:31:44
317
原创 JS基础-操作数组（7）
arr.shift() 删除第一个元素。arr.unshift() 开头追加。arr.pop() 删除最后一个元素。arr.puch() 末尾追加。splice（） 删除指定元素。
2025-01-23 17:01:51
273
原创 JS基础（6）-数组
每个数组都有编号，从零开始，数组的编号叫索引或下标，可以存放数字，字符串等。3.遍历数组：用循环的方法把每个数都访问到。1.数组：把多个数据存到一组。
2025-01-22 20:59:44
263
原创 JS基础（5）：运算符和语句
自增：++ 每次只能加一 自减：--b.双分支 二选一，两行代码，只有一行能够执行。除了零所有数字都为真，除了‘’所有的字符串都为真。加减乘除都是一样的，+=，-=，*=，/=3.比较运算符：比较两个数的大小，是否相等。表达式：可以被求值的代码，会计算出一个结果。1.用户输入 2.判断输出。能够被4整除，不能够被100整除。2.分支语句：有选择性的执行代码。2.一元运算符：经常用来计数。语句：是一段可以被执行的代码。++在前先加，++在后后加。
2025-01-19 20:34:03
445
原创 JavaScript(3)：数据类型（字符串）,数据转换
d)布尔类型boolean 只有两个固定的值true和false。1.隐式转换-偷偷的转换：编译器自动将一种数据类型转换为另一种数据类型。2.显示转换：指程序员明确指定将一个数据类型转换为另一个数据类型。单引号不能嵌套单引号，但是可以嵌套双引号（外双内单或内单外双）a）数字类型number 可以是整数也可以是小数。parseFloat(数据)：可以保留小数。c)模板字符串：用来拼接字符串和变量的。parselnt(数据)：只保留整数。内容拼接变量时，用￥()包住变量。
2025-01-17 15:35:47
577
原创 js基础（2）
1.含义：可以改变的量，一个可以装东西的盒子。a.先声明变量 let 变量名。如果说，要一下定义多个变量则就会用到数组。不会变的量，用const来声明。b.赋值 变量名 = 18。*等号左右两侧必须要有空格。3.更新变量+声明多个变量。实现两个变量运行后的交换。
2025-01-16 23:09:31
297
原创 CSS(13):2D
（里面可以用到参数%，是相对于自身宽度和高度来计算的）transform：translate（） rotate（） scale（）...等。2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位。rotate里面跟度数，单位是d，eg比如rotate（45deg）当我们同时有位移和其他属性的时候，记得要将位移放在最前面。（先旋转会改变坐标轴方向）transform：rotate（度数）角度为正时，顺时针，负时，为逆时针。默认旋转的中心点为元素的中心点。表示宽高同时1.2倍。
2024-12-16 20:01:53
472
原创 HTML：表单
搜索框，text；框内提示信息placeholder密码框，password单选选项（圆形），radio复选选项（正方形），checkbox按钮，button重置，reset提交，submit多选，select与option连用文本域，textarea与cols,rows连用默认属性，checked
2024-12-16 16:32:25
369
原创 HTML：表格重点
caption为该表上部信息，用来说明表的作用。thead为表头主要信息，效果加粗。tbody为表格中的主体内容。用表格就用table。
2024-12-10 11:46:35
563
原创 CSS过渡练习-进度条（12）
该进度条先需要一个大盒子和一个小盒子，然后给大盒子与小盒子加style，看进度到多少就是百分之多少；如果要进度条从百分之五十到满格的话就加一个hover的样式（鼠标移到链接上时添加的特殊样式），然后是想要进度条由百分之多少变成满格的话，就加代码中的第18行。以上，就是进度条的使用。
2024-12-04 16:15:14
556
1
原创 CSS新特性（11）
二.CSS3过渡transition搭配hover一起使用。该盒子宽度可以从200px到400px,谁做变化给谁加。一.计算盒子宽度calc函数，可以用加减乘除来计算。不仅要写宽还要写高利用逗号，多个属性一起写都用逗号。既想要宽度变又想要高度变使用all,表示所有属性。让父盒子永远比子盒子小30像素。
2024-11-29 20:09:07
772
2
原创 UI设计-色彩、层级、字体、边距（二）
b)背景设计：尽量保持纯色背景，如果有图片背景，需要保持文字的可读性，可以设置文字为白色。a)统一性：如果第一个页面左上角有一个大标题，则后面几个页面左上角也要保持大标题。四.边距：可以增强亲密性，在一个页面中间距可以采用8的倍数，基数，倍数叠加。如图，基础边距为32px,那么页面其他边距要与它相联系。1.基础知识，字体字号字重颜色行高。
2024-11-28 17:07:25
933
原创 UI设计-色彩、层级、字体、边距（一）
有时我们会不清楚需要使用什么样的颜色以及如何去将颜色进行搭配，我们可以直接提取该活动或者页面中需要用到的元素来进行提取主要元素进行合理的搭配。比如面对的是18-25岁的年轻女性，我们可以采用马卡龙色系来进行搭配；a)层次优化拆分法：将所需要的元素进行拆分，像文字规范（字号及颜色），间距留白（来增强呼吸感）以及颜色层级。我们可以通过该网页或者活动所面对的对象，观察这些群体有什么相同的特性与风格来进行选择。一.色彩：色彩可以影响人的心理与行动，具有不同的象征意义；二.层次：提高查找效率与便捷性，避免误操作。
2024-11-27 21:40:36
1160
原创 CSS3新特性-选择器（10）
nth-of-type:基本特性与nth-child相似，不过它先找E再去匹配孩子，如图，先找div,再去匹配body内的孩子。css3中可以通过box-sizing来指定盒子模型， 有2个值：content-box，border-box。box-sizing:content-box盒子大小为width+padding+border。nth-child（n）：选择特定的一个父元素或者多个子元素，括号里为n则可以选择所有元素;b)nth-child与nth-of-type选择器。n可以是数字，公式，关键字。
2024-11-26 16:22:52
591
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人