- 博客(26)
- 收藏
- 关注
原创 条件的渲染
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
原创 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
原创 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
原创 初识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
原创 冒泡排序运用
/运用循环 第一次循环用于写次数 每次比较的时候都会拿第一个数与后面一个相对比。效果图:数组每次刷新会改变根据情实际况来进行操作。//长度为10的数组。
2023-07-26 17:49:26 60 1
原创 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元素分类总结
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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人