自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 收集表单数据

trim 输入首尾空格过滤。

2023-09-11 18:00:08 103

原创 基本的列表遍历

/引用name和age来找到人员。

2023-08-24 17:41:02 77

原创 条件的渲染

h2 v-show="1 === 1">欢迎来到{{name}}</h2><h2 v-if="1 === 1">欢迎来到{{name}}</h2>

2023-08-22 18:01:46 151

原创 Vue中的绑定样式

整组写法适用于:要绑定多个样式 个数确定 名字也确定 但不确定用不。:style="{fontSize:xxx}"其中xxx是动态值。写法:calss="xxx" xxx可以是字符串 对象 数组。

2023-08-09 18:03:18 88

原创 Vue中的监视属性

console.log('info被修该了',newValue,oldValue);handler什么时候调用?//初始化时让handler调用一下。

2023-08-08 17:59:46 134

原创 计算属性与案例

【代码】计算属性与案例。

2023-08-07 18:03:18 44

原创 Vue中的事件处理

1.使用v-on:xxx 或 @xxx绑定事件 其中xxx是事件名; 2.事件的回调需要配置在methods对象中 最终会在vm上 3.methods中配置的函数 不要用箭头函数! 否则this就不是vm了 4.methods中配置的函数 都是被Vue所管理的函数 this的指向是vm 或 组件实例 5.@click="demo" 和 click="demo($event)" 效果一样 但后者可以传参

2023-08-04 18:04:49 70 1

原创 Vue中的数据代理

【代码】Vue中的数据代理。

2023-08-03 18:04:34 149

原创 el和data的两种写法

data与el的两种写法1.el有2种写法(1).new Vue的时候配置el属性(2).先创建Vue实例 随后再通过vm.$mount('#root')指定el的值2.data有2种写法(1).对象式(2).函数式如何选择:目前哪种写法都可以 以后学习到组件时 data必须使用函数式 否则会报错3.一个重要的原则:由Vue管理的函数,一定不要写箭头函数 一旦写了箭头函数 this就不再是Vue实例了。

2023-08-02 18:03:22 52

原创 模板语法与数据绑定

效果图。

2023-08-01 18:05:02 54 1

原创 初识Vue

https://v2.cn.vuejs.org/v2/guide/installation.htmlhttps://v2.cn.vuejs.org/v2/guide/installation.html

2023-07-31 18:06:40 49

原创 循环嵌套及练习(九九乘法表)

for (外部声明记录循环次数的变量;循环条件;变化值){for (内部声明记录循环次数的变量;循环条件;变化值){

2023-07-28 18:03:13 328 1

原创 while循环语句及练习

【代码】while循环语句及练习。

2023-07-27 17:48:21 451 1

原创 冒泡排序运用

/运用循环 第一次循环用于写次数 每次比较的时候都会拿第一个数与后面一个相对比。效果图:数组每次刷新会改变根据情实际况来进行操作。//长度为10的数组。

2023-07-26 17:49:26 60 1

原创 数组的应用方法

结果图:

2023-07-25 18:01:21 45

原创 for循环与数组

首次执行的时候 先创建变量 判断条件 如果满足条件直接执行需要重复的代码块。//break 终止循环 跳出整个循环体 后面没代码都不执行。之后的每次循环 先增量 再判断 再重复执行代码块。//continue终止当前这轮循环 下一轮正常执行。一直到不满足执行条件终止。循环 让一段代码反复执行多次。

2023-07-24 18:08:35 70 1

原创 流程控制语句,条件分支语句

case 条件表达式 用来依次跟switch做全等比较 如果相等 执行接下来的代码块 如果不相等 继续比较。switch 具有数据贯穿性 需要增加break终止代码运行。遇到break停止所有代码 如果不相等 继续比较。switch 用来检测数据 捕获数据后根据情况来执行相应的代码块。default相对于else。

2023-07-24 18:02:18 46

原创 事件的绑定

js和html产生的交互 (鼠标点击元素 移动至某元素)入口函数 在页面所有资源加载结束后再执行自身代码。获取需要操作的元素(dom对象)事件就是文档和浏览器之间产生的互动。鼠标移入事件 mouseenter。

2023-07-24 17:52:34 97

原创 Javascript的对象

在ES标准里定义好的对象 Array Math Date String ......可以直接拿来使用。由运行环境提供的对象 BOM DOM。gf:["小花","小美"]//在页面上显示 xxxx年xx月xx日。开发者自己创建的对象。首先调用构造函数创建一个时间对象实例。//0-11 获取月份。

2023-07-24 17:33:52 56

原创 运算符和比较运算符的总结

加法+左右两边数据类型均为number是在求和如果有一边类型为字符串则先把字符串转为数字再相减如果有一边是布尔值(也是求和,ture是1 false是0)a++表示先调用a 此时还没有用自增 使用完之后再让a自增1++a 先自增 再使用a。

2023-07-24 16:45:59 48

原创 输入输出语句 ,变量 ,基本的数据类型和转换

/打印调试语句//窗口弹框//window可以省略//警告打印//错误打印//向文档里写入或者html标签。

2023-07-21 17:59:34 33

原创 伪类选择器,弹性布局

<style> a:link { /*超链接从未被访问过的状态 为访问过显示粉色 */ color: pink } a:visited { /*超链接访问过的状态 访问过显示紫色*/ color: purple } p:active { width: 100px; /*鼠标按下时的操作

2023-07-20 18:00:07 79 1

原创 定位和伪元素

伪元素: 不是真正的网页里的元素 是用css模拟出来的 但是行为表现和真正的网页元素一样,可以用css对其操作。

2023-07-19 17:57:56 134 1

原创 元素的消失与出现和列表样式

display:none 让元素从页面消失,位置也消失 位置消失了下面的内容就移上去了。

2023-07-18 18:02:55 71 1

原创 CSS元素分类总结

ul li { width: 200px; } span{ width: 500px; background-color: red; } img { width: 200px; height: 200px; } button { width: 80px;

2023-07-18 09:23:25 173 1

原创 HTML5标签的总结

-- 第一项 -->火狐好用-- 第二项 -->谷歌好用

2023-07-17 11:35:04 53 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除