Feliks.-CSDN博客

条件渲染文章目录条件渲染基本语法完整demo基本语法v-if写法(1).v-if=“表达式”(2).v-else-if="表达式”(3).v-else="表达式”适用于：切换频率较低的场景。特点:不展示的DOM元素直接被移除。注意:v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”。v-show写法:v-show=“表达式”适用于:切换频率较高的场景。特点:不展示的DOM元素未被移除,仅仅是使用样式隐藏掉备注:使用v-if的时

2022-05-23 19:10:17 102

原创 vue-5——样式绑定

文章目录class与style的绑定先准备几个style样式绑定class样式绑定style样式完整democlass与style的绑定<!-- 绑定样式: 1.class样式写法:class="xxx"xxx可以是字符串、对象、数组。字符串写法适用于:类名不确定,要动态获取。对象写法适用于:要绑定多个样式,个数不确定，名字也不确定。数组写法适用于:要绑定

2022-05-23 16:00:31 100

原创 Vue——监视属性

监视属性文章目录监视属性在天气案例的基础上搞监视属性深度监视监视属性的简写watch对比computed总结：天气案例<body> <div id="root"> <h2>今天天气{{info}}</h2>  <!-- <button @click="isHot = !isHot">切换

2022-05-16 21:27:49 145

原创 Vue——事件处理

事件处理文章目录事件处理事件的基本使用事件修饰符键盘事件事件的基本使用使用v-on : xXX或@xxx绑定事件，其中xxx是事件名;事件的回调需要配置在methods对象中，最终会在vm上;methods中配置的函数,不要用箭头函数!否则this就不是vm了;methods中配置的函数，都是被Vue所管理的函数，this的指向是vm或组件实例对象@click="demo”和@click="demo($event)”效果一致，但后者可以传参;<script src="../js/v

2022-05-11 15:32:04 263

原创 vue-2

Vue中的数据代理

2022-05-08 00:34:18 121

原创初识Vue

初识Vue文章目录初识Vuehello小案例模块语法数据绑定el与data的两种写法hello小案例<body> <div id="root"> <h1>hello,{{name.toUpperCase()}}</h1> <h1>age:{{age}}</h1> <h1>sex:{{sex}}</h1> <h1>sex:{{

2022-05-02 23:53:18 254

原创 Ajax——1

文章目录客户端与服务器URL地址URL地址组成部分分析网页的打开过程基于浏览器的开发者工具分析通信过程服务器对外提供了哪些资源网页中常见资源数据也是资源数据是网页的灵魂网页中如何请求数据资源的请求方式了解Ajax为什么学Ajax?Ajax的典型应用场景jQuery中的Ajax$.get()语法$.get()发起不带参数的请求$.get()发起带参数的请求$.post函数语法$.ajax()函数语法使用$.ajax()发起GET请求使用$.ajax()发起POST请求接口概念：接口的请求过程通过GET方式请求

2022-04-07 00:50:09 855

原创 javascript二——PC端网页特效

文章目录元素偏移量offset系列概述offset和style区别获取鼠标位置案例拖拽模态框案例放大镜案例元素可视区client系列立即执行函数淘宝flexibleJS源码分析元素滚动scroll系列固定侧边栏三大系列总结主要用法：mouseenter和mouseover的区别动画函数封装动画实现原理封装缓动效果原理动画函数多个目标值之间移动动画函数添加回调函数动画函数封装到单独JS文件里常见网页特效案例轮播图节流阀带有动画的返回顶部筋斗云元素偏移量offset系列概述offset,偏移量，使用off

2022-04-04 14:48:23 2361

原创 javascript二——BOM浏览器对象模型

文章目录BOM概述window对象的常见事件窗口加载事件调整窗口大小事件定时器setTimeout()停止setTimeout()定时器setInterval()定时器倒计时案例停止clearInterval()thisJS执行队列JS是单线程同步和异步同步异步同步任务异步任务JS执行机制location对象定义URLlocation对象的属性实现5秒钟后跳转页面案例: 传递数据到其他页面location对象的方法navigator对象history对象BOM概述BOM（ Browser Object

2022-03-25 15:47:06 802

原创 javascript二——事件

文章目录注册事件（绑定事件）addEventListener 事件监听方式删除事件（解绑事件）删除事件的方式DOM事件流事件对象事件对象的常见属性和方法事件阻止默认行为阻止事件冒泡两种方式阻止事件冒泡事件委托（代理、委派）事件委托的原理委托的作用常用的鼠标事件鼠标事件对象跟随鼠标常用的键盘事件按键输入内容案例快递单号查询案例注册事件（绑定事件）概述：给元素添加事件，称为注册事件或者绑定事件注册事件有两种方式：传统方式和方法监听注册方式传统注册方式方法监听注册方式利用on开头的事

2022-03-25 00:36:20 958

原创 javascript二——节点操作

文章目录节点操作父节点操作子节点操作兄弟节点创建节点添加节点留言板案例删除节点删除留言复制节点动态生成表格案例三种动态创建元素的区别DOM核心重点创建增删改查属性操作事件操作节点操作获取元素的两种方式：利用DOM提供的方法获取元素document.getElementById()document.getElementByTagName()document.querySelector等逻辑性不强，繁琐利用节点的层级关系获取元素利用父子兄弟节点关系获取元素逻辑性强，但是兼容性

2022-03-24 11:35:59 1864

原创 javascript第二阶段——WEB-APIS

第二阶段文章目录第二阶段Web APIs 和 JS基础关联性API 和 Web APIAPIWeb APIDOM简介DOM树获取元素根据id获取根据标签名获取通过HTML5新增的方法获取特殊元素获取(body html)事件基础常见鼠标事件操作元素操作内容操作属性不同时间显示不同问候语表单元素的属性操作隐藏密码明文案例样式属性操作点击隐藏图片使用for循环用精灵图填充背景显示隐藏文本框内容通过类名className修改元素样式密码框验证信息排他思想百度换肤案例隔行换色全选与反选自定义属性的操作**设置属性

2022-03-19 15:51:40 640

原创 JavaScript——内置对象和简单/复杂类型

文章目录内置对象概念查阅MDN文档学习步骤：Math对象Math.max()封装自己的数学对象里面有PI 最大值和最小值绝对值和三个取整方法随机数**随机点名****猜数字游戏****增加次数限制**日期对象日期格式化格式化年月日格式化时分秒获取日期的总的毫秒形式(时间戳)倒计时数组对象创建数组的两种方式判断是否为数组以此优化翻转数组案例添加删除数组元素筛选数组数组排序数组索引方法数组去重数组转换为字符串字符串对象基本包装类型字符串的不可变根据字符返回位置返回字符串位置及出现次数根据位置返回字符统计出

2022-02-20 17:42:04 104

原创 JavaScript——对象

文章目录对象创建对象的三种方式通过字面量创建对象案例：修勾利用new Object创建对象构造函数创建对象new 关键字遍历对象简易计算器对象对象？万物皆对象，对象是一个具体的事物，人、狗、菜可以是对象；一个数据库、一张网页、一个远程服务器的连接也可以是”对象“。在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组.函数等。对象是由属性和方法组成的属性：事物的特征，在对象中用属性来表示(常用名词）方法：事物的行为，在对象中用方法来表示

2022-02-16 16:05:04 431

原创 JavaScript——作用域与预解析

文章目录作用域变量的作用域作用域链预解析预解析案例作用域// JavaScript作用域:就是代码名字（变量)在某个范围内起作用和效果目的是为了提高程序的可靠性更重要的是减少命名冲突//js的作用域(es6之前)：全局作用域局部作用域//全局作用域：整个javascript标签或者是一个单独的js文件var num = 10;//局部作用域(函数作用域) 在函数内部就是局部作用域这个代码的名字只在函数内部起效果和作用function fn(){ var num = 20;//

2022-02-16 14:37:49 93

原创 javascript——函数

文章目录函数函数的概念函数的使用函数的参数函数的返回值注意事项return 终止函数并只返回一个值函数没有return 返回undefinedarguments的使用函数案例利用函数求任意个数的最大值翻转数组冒泡排序2月份的天数函数的两种声明方式函数函数的概念函数的使用函数的参数function getSum(num1,num2){ console.log(sum1+num2);}getSum(1);//NaN//如果实参的个数小于形参的个数形参可以看作是不用声明的变量 num2是

2022-02-16 12:12:08 219

原创 javascript——数组

文章目录数组数组的创建及访问遍历数组**计算数组和和平均值****求数组中的最大值****数组转换为字符串****新增数组元素****存放1~10****筛选数组方法1：选出大于10的数****筛选数组方法2****翻转数组****冒泡排序**数组数组的创建及访问 //创建方式 //new var arr = new Array(); //创建了一个空的数组 //利用数组的字面量创建数组[] var arr = [];

2022-02-15 22:12:19 141

原创 javascript——循环

循环文章目录循环for循环语法结构执行过程断点调试for循环重复执行相同代码for循环重复执行不同代码for循环重复某些相同操作for循环案例打印学生成绩案例双重for循环for循环小结while循环do while 循环continue breakcontinue关键字break关键字简易ATM机案例在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句for循环语法结构for(初始化变量;条件表达式;操作表达式

2022-02-14 22:50:21 668 2

空空如也

空空如也