- 博客(36)
- 收藏
- 关注
RSS订阅原创 vue中事件的使用和事件修饰符
事件的基本使用：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
2021-12-23 08:32:58
89
原创 vue中的数据代理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-12-22 09:42:36
90
原创 什么是数据代理
什么是数据代理？通过一个对象代理对另一个对象中属性的操作(读/写)。需要通过definproperty方法来实现。例如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=
2021-12-22 08:10:11
454
原创 definproperty方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-12-22 08:07:21
221
原创 vue中MVVM模型
M(Model)：模型，对应的是vue模板语法中data中的数据。V(View)：视图，模板代码。VM(ViewModel)：视图模型，对应的是vue实例，因此我们一般用vm来接收实例。
2021-12-14 19:23:06
1218
原创 Vue中el和data的两种写法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-12-14 18:58:36
916
原创 改变函数内this的指向
改变函数内this的指向，js提供了三种方法：call（）apply（）bind（）1、call（）方法call（）的主要作用：调用函数、改变函数内的this指向；可以实现继承。call（参数一，[参数二]，[参数三]…），参数一是this的指向，后面的参数是函数的实参。 <script> var obj1 = { name:'zhangsan', sayHi:function(){ console.log(this); } };
2021-12-14 18:33:08
218
原创 vue数据绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-12-14 18:32:13
94
原创 JS中this的指向
this的指向在函数定义的时候确定不了，只有在函数被调用时才能确定，一般情况下this最终指向的调用它的对象。情况一：全局作用域下或普通函数中this指向window对象。实例如下： <script> console.log(this); function fn(){ console.log(this); }; fn(); setTimeout(function(){ console.log(this); },500) // 全局
2021-10-31 20:43:34
119
原创 v-bind绑定属性和v-on绑定事件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js"></script> </head> <body> <input type="button" name="" id="input1" value="按钮" v-bind:title="m
2021-10-31 19:08:12
968
原创 vue插值表达式和v-text、v-html
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style> [v-cloak]{ display: none; } </style> <body> <div id="app"> <p v-cloak>{{ msg }
2021-10-31 18:23:34
249
原创 jQuery设置css类和尺寸
jQuery的css类：addClass() 添加css类removeClass() 删除css类toggleClass() 添加/删除css类<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min
2021-08-31 08:55:48
243
原创 jQuery添加、删除元素
jQuery添加元素:prepend()在头部添加，添加的内容在被选标签的内部append()在尾部添加，添加的内容在被选标签的内部before()在头部天际，添加的内容在被选标签的外部after()在尾部添加，添加的内容在被选标签的外部(重点是区分两种方法执行后结果的不同)上代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title
2021-08-27 15:06:33
563
原创 jQuery捕获、设置(查/改)
jQuery操作DOMjQuery捕获text()方法，设置或返回所选元素的文本内容html()方法，设置或返回所选元素的内容，包括内容里面的html标签val()方法，设置或返回表单字段的值attr()方法，获取元素的属性值，无论是标签固有属性还是自定义的属性都能获取(标签的固有属性：标签自身携带的属性，就是W3C标准里面包含的，也可以说IDE里智能提示出来的；自定义属性：W3C里面不包含的，你自己定义的属性)prop()方法，获取元素的属性值，和attr()用法一致，只能获取标签的固有属性
2021-08-27 13:47:28
186
原创 jQuery开始/停止动画
主要用到了animate({},speed,callback)方法语法详解:animate({},speed){}里面放动画的效果，大小、滑动…speed是动画的时间，单位毫秒上代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jq
2021-08-26 17:19:36
267
原创 jQuery语法、选择器、淡入淡出、滑动
语法:$(selector).action()美元符号 $ 定义jQuery选择符 selector 选择或查询HTML元素action()执行对元素的操作例如：$("p").hide();意为选择p标签的元素，让其隐藏。jQuery选择器：$("*")选择所有标签的元素$("this")选择当前HTML元素$(".intro")选择class="intro"的元素$("#intro")选择id="intro"的元素$("p:first")选择第一个p标签的元素$("ul l.
2021-08-26 16:31:31
99
原创 CSS3渐变详解
渐变(gradient)线性渐变：一个方向的渐变，可以是由上往下、由下往上、由左往右…径向渐变：多个方向发散的渐变(可理解为由圆心向外发散)。线性渐变详解：语法:background-image:linear-gradient(direction,color1,color2);- linear-gradient表示线性渐变- direction表示渐变方向，可以填to left从右向左，to right从左向右，to top从下向上，to bottom从上向下，to top left从右下向
2021-08-26 09:30:11
248
原创 CSS3新增背景属性
背景属性背景图片：background-image:url(图片路径1),url(图片路径2); background-repeat:no-repeat,repeat;背景图的展现方式（round平铺，repeat-x水平方向重复、repeat-y垂直方向重复，stretch拉伸）。当有两张图片时需要设置图片的位置background-position:right bottom,left top;背景图大小：background-size:20px 60px;背景定位：background-pos
2021-08-25 16:34:50
380
原创 CSS3新增盒子属性
盒子属性：盒子边框圆角：方法一：border-radius：10px；像素越大圆角越大。方法二：border-radius：10px 8px 6px 4px；四个值从左上角开始按顺时针分布，左上圆角10px、右上圆角8px、右下圆角6px、左下圆角4px。方法三：border-top-left-radius:10px;盒子左上角边框圆角border-top-right-radius:8px;盒子右上角边框圆角`border-bottom-right-radius:6px;盒子右下角边框圆角
2021-08-25 15:37:24
205
原创 HTML文本格式化标签
文本格式化：改变文本原来的样子（大小、加粗、上标、下标等…）<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> //文本格式化标签 <p>常规</p> <!-- p标签是个块级元素 --> <b>加粗</b><
2021-08-23 15:47:36
158
原创 BOM对象中的属性和方法
//关闭当前窗口 //window.close(); //弹出一个带有OK按钮的对话框 //window.alert('message'); //弹出一个带有OK按钮和Cancel按钮的对话框 //window.confirm('are you?'); //弹出一个带有输入框和提示信息的对话框 //var age = window.prompt('请输入年龄:',''); //使状态栏的文本暂时改变 //window.status; .
2021-08-20 13:24:32
137
原创 js自调用函数和闭包
什么是自调用函数？自调用函数就是自己执行的函数，即自调用函数声明完成后立即执行。普通函数：<script> //创建函数 function func1(parameter1,parameter2){ var sum; sum = parameter1 + parameter2; return sum; } //调用函数 number = func(1,2);//number = 3</script>先声明函数，再调用传入实参。自调用函数则
2021-08-18 17:30:17
362
原创 js原型对象
怎么理解原型对象？在js中每个函数都有一个原型对象，每个函数都有一个默认的属性prototype，用来指向原型对象（即prototype的属性值是这个原型对象），原型对象中有一个属性constructor，用来指向这个函数（即constructor属性值是这个函数）。当构造函数使用new创建对象后，这个对象会存在一个默认的不可见的属性，指向构造函数的原型对象，这个不可见的属性一般用[[prototype]]来表示，这个属性没有办法直接访问。当我们使用构造函数创建多个对象时，会生成多个默认的不可见的属性同时
2021-08-17 17:44:28
134
原创 JSON实例
什么是JSON？JSON（JavaScript Object Notation），是一种数据交换格式。在前后端数据交互时，需要一个统一的格式利于我们编写和解析的。JSON出现之前用的都是XML。js对象转换为json的过程叫序列化，反之则叫反序列化。反序列化后的对象js可以直接使用。js中可以使用stringify内置对象将js对象序列化成符合json数据格式的字符串，使用parse内置对象将json数据反序列化成js对象。JSON数据实例：<script> { 'emplo
2021-08-17 15:39:24
1944
原创 let和const
let和const是js中的两个关键字，为js提供了块作用域的变量和常量。let关键字：大家可能都知道js有全局变量和局部变量两种，其实还有块作用域。块作用域的语法格式如下：<script> var number = 5; { // 此处number = 5 let number = 10; //此处number = 10 } //此处number = 5 console.log(number); //结果是：5</script>这里
2021-08-17 15:04:31
99
原创 js严格模式
为什么使用严格模式？1.消除js语法中一些不合理、不严谨之处，减少一些怪异行为。（1）.消除代码的一些不安全之处，保证代码运行的安全。（2）.提高编译效率，增加运行速度。（3）.为未来的新版本js做好铺垫。2.严格模式体现了js更合理、更安全、更严谨的发展方向，包括IE10在内的主流浏览器都已经开始支持它，许多大项目已经开始全面拥抱它。3.一些正常模式下的代码在严格模式下不能运行。严格模式指令出现的位置：“use strict”（1）.写在js语句的第一行，下面的代码将都遵循严格模式（2）
2021-08-17 14:35:12
115
原创 原生AJAX，GET和POST两种请求方式
(以下内容仅代表个人理解呦,望大佬指正,嘿嘿....)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> // 什么是AJAX? // AJAX即Asynchronous Javascript And XML(异步Javascript和XML), // 是一种浏览器和服务器之间异步交互的
2021-08-16 16:55:25
214
原创 HTML5+CSS3+JavaScript原生态的注册页面
做了一下午，目前还没做完，，，HTML整体文件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="user-register-js.js"></script> <link rel="stylesheet" type="text/c
2021-08-13 17:37:38
270
原创 HTML DOM事件
鼠标事件：onclick：鼠标点击某个对象时触发ondblclick：鼠标双击某个对象时触发onmousedown：鼠标按钮被按下时触发onmouseup：鼠标按钮被松开时触发onmouseover：鼠标移到某个元素上时触发onmouseout：鼠标从某个元素上移开时触发onmouseenter：鼠标指针移动到某元素上时触发onmouseleave：鼠标指针从某个元素上移开时触发onmousemove：鼠标被移动时触发oncontextmenu：点击鼠标右键打开上下文
2021-08-12 13:38:30
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人