- 博客(47)
- 收藏
- 关注
RSS订阅原创 7——vue路由，路由链式编程
SPA 指的是一个 web 网站只有唯一的一个 HTML 页面，所有组件的展示与切换都在这唯一的一个页面内完成。此时，不同组件之间的切换需要通过前端路由来实现。结论：在 SPA 项目中，不同功能之间的切换，要依赖于前端路由来完成！
2024-11-27 15:29:07
491
原创 6——VUE组件，子父组件传值，vue3中使用mitt传值
(不搭脚手架)组件开发，(使用vue3搭脚手架)组件开发，子父传值 props,$emit....EventBus...mitt
2024-11-27 15:17:25
922
原创 5——vue生命周期
Vue完成模版解析后（把真实的DOM放到页面挂载完毕）再调用。创建完成阶段,可以获取data数据和方法，获取不到DOM。生命周期函数的this指向vue实例，名字不可以更改。（重点 发送请求获取数据ajax---axios）初始化阶段，无法获取data数据，无法获取方法。帮我们实行定时器，绑定事件，订阅消息等。通常叫生命周期回调函数，钩子函数等。beforCreate （无意义）挂载后，第一次可以获取DOM元素。挂载前依旧无法获取DOM元素，更新数据前，拿到的是旧数据。更新后，能拿到新数据。
2024-11-25 14:36:38
307
原创 4——单页面应用程序，vue-cli脚手架
vue-cli 是 Vue.js 开发的标准工具｡它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程引用自 vue-cli 官网上的一句话:程序员可以专注在撰写应用上,而不必花好几天去纠结 webpack 配置的问题。
2024-11-25 14:35:04
560
原创 3——VUE侦听器和计算属性
总结：computed会初始化（页面打开会被执行一次），computed有缓存机制，监听数据无变化会走缓存。3、watch监听的数据必须是data中声明的，computed计算属性不可以在data中声明。对象中定义计算属性的名称及对应的计算函数来创建计算属性。2、watch 只可以监听一个data中的数据，computed可以监听多个或一个。1.计算属性的结果是通过计算属性得来的，所以会时刻进行对data中相关数据的监听。计算属性：计算data中的数据得到一个结果，影响结果的数据将都会被监听。
2024-11-25 14:25:43
309
原创 2——VUE 指令 事件绑定，.stop阻止冒泡
所有的指令以自定义属性的方式去写 v-xxx ,指令就是vue提供给我们能够更方便将数据和页面展示出来的操作，具体就是以数据去驱动DOM ,简化DOM操作的行为。如果需要为元素的属性动态绑定属性值，则需要用到 由于 v-bind 指令在开发中使用频率非常高，因此，vue 官方为其提供了简写形式（简写为英文的 : ）。语法：V-bind:属性名=“挂载的数据” 简写 ：属性名=”挂载的数据” 解析属性,单向的数据绑定。注意：v-if比v-show更多的消耗性能，所以推荐使用v-show。
2024-11-20 15:21:48
611
1
原创 1——VUE 基础，初始VUE
mvvm模式和mvc模型最大区别就是，模型中数据一旦发生变化，会自动影响试图，不需要控制器协调。重绘（Repaint）：当页面的一部分元素的视觉效果改变，但不涉及布局和大小的改变，比如颜色或背景色的改变，这时浏览器会将新的视觉效果绘制在屏幕上，这个过程不涉及DOM树的构建或节点的移动，只是对已有的绘制进行更新。回流（Reflow）：当DOM的变化影响了元素的几何属性（比如边框、尺寸等），浏览器需要重新计算元素的几何属性，并且对其子元素进行重新布局，这个过程可能会导致回流，也可能不会，这取决于具体的变化。
2024-11-20 15:16:49
596
原创 09—DOM和BOM
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。通过 DOM，你可以访问所有的 HTML 元素，连同它们所包含的文本和属性。HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。模型被构造为的树：通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。
2024-04-24 16:01:10
1073
3
原创 08— 闭包
在 JS 中，道理是一样的，在一个函数里边我们再声明一个函数，内部函数可以 访问外部函数作用域的变量，而外部的函数不能获取到内部函数的作用域变量。函数执行，形成一个独立作用域，保护里边的私有变量不受外界的干扰，除了保护私有变量外，还可以存储一些内容，这样的模式叫做闭包。那回收的前提是什么呢？内部函数引用外部的函数的变量，外部函数执行完毕，作用域也不会删除。私有变量的概念:在任何函数中定义的变量,都是私有变量,因为不能在函数外部访问这些变量;私有变量:包括函数的参数/局部变量和在函数内部定义的其他函数;
2024-04-22 09:47:50
616
原创 06—js函数（构造函数，原型，原型链。。。。。。）
函数的概述，创建函数，函数调用，参数，全局变量局部变量，匿名函数，递归函数，函数的内部属性和方法，构造函数，原型，原型链，操作符。。。。。。
2024-04-19 13:02:08
1046
原创 03—js条件语句和循环语句
小明同学的妈妈给小明了张纸条上面写着，买酱油，遛狗，吃饭，刷马桶，那么无论小明他妈在纸条上写了多少内容，小明都可以记着照做，那么我们称这个听话的少年为工具人。是的，在程序开发中也是如此，计算机就是一个工具机。计算机读到分号就知道一行语句结束了，该执行下一条语句了。- if()...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码。- if() 语句 - 只有当指定条件为 true 时，使用该语句来执行代码。条件语句用于基于不同的条件来执行不同的动作。
2024-04-12 10:14:56
376
原创 小练习——使用for循环完成登录操作
3、用户名和密码总共有3次输错的机会，输错可以重新输入，3次后就结束程序。分析：需要用到Scanner控制台输入，if语句判断用户名和密码，for循环。在项目开发中是常用的功能需求，以下使用控制台实现一个简单的登录注册功能。2、密码正确登陆成功。要求：1、用户名正确才可以输入密码。
2024-04-01 10:46:49
939
原创 小练习——java控制流程语句做猜拳小游戏
首先我们来设计一下游戏规则和玩法，游戏规则也很简单：石头剪子布，石头吃剪刀，剪刀吃布，布包石头。程序运行后，玩家要选择出拳，随后程序自动出拳进行比较，赢家会得到1分，率先得到5分的一方胜利，玩家可以随时退出游戏。所用技术： 循环和判断控制台输入 Scanner随机数 random详细来了解一下和及用法:代码流程图：Java的选择语句[1] if单分支语法结构:if(布尔表达式){语句块。
2024-03-29 14:48:08
2217
原创 小练习——if,switch语句，根据年份计算生肖
if 语句 / switch语句。需求：根据用户输入的年份计算他是什么生肖。举例：输入2024年，控制台会显示你属龙。所用技术：控制台输入 Scanner。
2024-03-29 13:40:52
746
1
原创 07-CSS布局
如果设计者想让布局适应800×600分辨率的用户，可以使 用760px的宽度，它仍然适用于更大的分辨率。弹性布局的主要思想是让容器有能力来改变项目的宽度和高度，以填满可用空间（主要是为了容纳所有类型的显示设备和屏幕尺寸）的能力。比较新的布局方式：旨在提供一个更加有效的方式来布置，对齐和分布在容器之间的各项内容，即使它们的大小是未知或者动态变化的。触发BFC规范的元素，可以形成一个独立的容器，不受外界的影响，从而解决一些布局问题。注：设置了固定宽度的外包裹，里面的各个模块也是固定宽度而非百分比。
2024-03-27 13:46:35
1101
1
原创 06-CSS渐变和动画
属性：linear-gradinet(开始位置 角度，起始颜色，终止颜色 )起始颜色......终止颜色......属性：radial-gradinet()(形状 发散方向，起始颜色，终止颜色)起始颜色......终止颜色......通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。转换方法：translate()/rotate()/scale()/skew()/matrix()scale(x,y)补充1.角度也可以使用弧度单位：rad。
2024-03-27 13:45:28
795
1
原创 04-css浮动
使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动， 直至它的外边缘遇到包含框或者另一个浮动框的边缘。浮动属性：用float属性， 它的属性值有两个，为right和left两个属性值。
2024-03-25 09:26:19
381
1
原创 03-CSS盒模型（padding、margin、opactiy、cursor、display、css3前缀）
只要在页面顶部加上DOCTYPE 申明（[申明说明](http://www.w3school.com.cn/tags/tag_doctype.asp)），浏览器就会按照W3C标准渲染，如果不加DOCTYPE申明，浏览器会按照本身默认标准去渲染页面，除IE外所有浏览器按照W3C标准盒子模型渲染页面，至于IE吧，当然会按照IE盒子模型渲染页面了，只要加上DOCTYPE强制IE采用标准盒子模型渲染页面。内边距的边缘是边框。轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
2024-03-25 09:21:00
975
1
原创 02-CSS样式（文本，背景，边框样式，line-height和vertical-align的区别）
文字文本样式，背景，边框样式，line-height和vertical-align的区别。。。。。。
2024-03-22 09:30:46
2089
1
原创 idea自带jdk吗？
但这个JDK并不是Oracle的官方JDK，而是OpenJDK。这是因为IDEA是使用Java开发的，为了在一台没有配置过Java环境的电脑上也可以运行IDEA，同时考虑到商业版权问题，所以采用了OpenJDK。你可以在启动IDEA之后打开任务管理器验证，可以找到OpenJDK的任务图标。
2024-03-11 10:13:28
2786
1
原创 javac不是内部命令的错误解决办法,jdk安装教程详细
变量名:JAVA_HOME 变量值: C:\Program Files\Java\jdk1.8.0_221。变量值: %JAVA_HOME%\bin;安装好jdk,也配置了环境。
2024-03-04 17:28:37
619
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人