- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue过滤器和修饰符
value：指令的绑定值，例如：v-my-directive="1 + 1" 中， 绑定值为 2。.enter .tab .delete (捕获“删除”和“退格”键) .esc .space .up .down .left .right。注意事项 函数的第一个参数都是data，也就是我们要过滤的值。ilters这个是实例化Vue的一个参数，和data,methods平级的，里面放的就是我们这个实例的私有 过滤器。1. 指令的名字（定义的时候不加v-,使用vue指令的时候加上v-）vue提供的按键别名。
2023-05-31 00:01:44
64
原创 vue的基础
捕获模式从外到内 可对单个多个使用 如果冒泡为1-2-3 在3加上捕获，则结果是3-1-2。可对单个多个使用 在2加上self事件，则结果是 2-1-3。2.将样式对象，定义到 data 中，并直接引用到 :style 中。3)数组内置对象（对象的键是样式的名字，值是Boolean类型）2)在元素中，通过属性绑定的形式，将样式对象应用到元素中。2)在元素中，通过属性绑定的形式，将样式对象应用到元素中。进行事件的绑定，我们用的最多的是click事件绑定。里面也可以调用定义好的方法，拿到的是方法的返回值。
2023-05-29 20:57:20
53
原创 js高级及正则表达式
重复零次或更多次\d* /^ab*$/：表示一个字符串有一个a后面跟着零个或若干个b。input: 搜索的字符串.一个Array，其内容取决于global（g）标志的存在与否，如果未找到匹配则为null。+ 重复一次或更多次\d+ / ab+/：表示一个字符串有一个a后面跟着至少一个b或者更多。三、正则表达式的特点:灵活性、逻辑性和功能性非常的强,可以迅速地用极简单的方式达到字符串的复杂控制。一、正则表达式的定义:用来检索、替换那些符合某个模式(规则)的文本;
2023-05-11 20:56:49
48
原创 js的属性操作和BOM
根据W3C的HTML DOM标准，HTML文档中的所有内容都是节点：整个文档是一个文档节点document每个HTML元素是元素节点HTML元素内的文本是文本节点每个HTML属性是属性节点注释是注释节点。
2023-04-25 21:17:22
28
原创 js属性操作与设置
对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件对象的兼容性写法为。getAttribute("属性"):不仅可以获取元素本身的属性的属性值，还可以获取元素自定义的属性的属性值。事件属性返回当事件被触发时鼠标指针相对于浏览器页面（或客户区）的水平坐标。事件属性返回当事件被触发时鼠标指针向对于浏览器页面（客户区）的垂直坐标。元素的属性的设置:不仅可以设置元素本身的属性，还可以设置元素自定义的属性。不仅可以移除元素本身的属性，还可以移除元素自定义的属性。
2023-04-25 08:39:52
224
原创 Dom操作
API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。凡是css中这个属性是多个单词的写法,在js代码中DOM操作的时候.把-干掉,后面的单词的首字母大写即可。innerHTML主要的作用是在标签中设置新的html标签内容,是有标签效果的。使用innerText主要是设置文本的,设置标签内容,是没有标签的效果的。
2023-04-24 16:56:53
18
原创 js的第一课，变量、数据类型、运算；
声明变量 var age = 18;打印console.log(age);同时声明多个变量并赋值var age= 16, name = 18;// 变量的命名规则和规范// 规则 - 必须遵守的，不遵守会报错// 1、由字母、数字、下划线、$符号组成，不能以数字开头// 2、不能是关键字和保留字，例如：for、while。// 3、区分大小写// 交换变量的值var a = 1;var b = 2;var c = a;a=b;b=c;结构赋值。
2023-04-17 19:46:00
24
原创 CSS3弹性布局、响应式布局、PS
width：控制viewport的大小，可以指定的一个值，如600，或者特殊的值，如device-width为设备的宽度（单位为缩放为100%时的CSS的像素）。initial-scale：初始缩放比例，也即是当页面第一次load的时候缩放比例。background-size属性设置为"cover"，会把背景图像扩至足够大，使背景图完全覆盖背景区域。注：该属性保持了图片的比例因此背景图的某些部分无法显示在背景定位区域中。order属性 设置项目沿主轴方向上的排列顺序，数值越小，排列越靠前。
2023-04-11 20:35:59
104
原创 CSS3选择器、边框、背景、按钮
弥补了CSS2的众多不足之处。CCSS3现状：浏览器支持程度差，需要添加私有前缀；-webkit-谷歌safari；-moz-火狐；-ms-IE；-o-欧朋；移动端支持优于PC端；应用相对广泛。
2023-04-09 20:03:11
25
原创 css高级技巧
webkit-line-clamp用来限制在一个块元素显示的文本的行数。vertical-align: middle 居中 vertical-align: top 顶部。white-space: nowrap 强制在同一行内显示所有文本，直到文本结束或br标签对象才换行。word-break: break-all（允许在单词内换行）-webkit-line-clamp: 3;
2023-04-07 21:26:46
25
原创 css的定位及高级技巧
静态定位是所有元素的默认定位方式，当position属性的取值为static时，可以将元素定位于静态位置。有个重要的口诀就是“子绝父相”绝对定位是将元素依据最近的已经定位绝对、固定或相对定位）的父元素（祖先）进行定位。父亲只要是定位即可，只要子时绝对定位。相对定位是将元素相对于它在标准流中的位置进行定位，当position属性的取值为relative时，可以将元素定位于相对位置。跟浮动一样，元素添加了绝对定位和固定定位之后，元素模式也会发生转换，都转换为行内块模式，行内块的宽度和高度跟内容有关系。
2023-04-06 20:18:33
107
1
原创 css的特性和浮动的用法
1、浮动后的元素会漂浮在其他元素上边 2、浮动后的元素是不占原来的位置 3、浮动后的元素不能超出父元素的范围 4、浮动后的元素在同一水平线上显示 5、浮动后的元素会自动的转化为行内块元素 6、浮动后的元素不能超出父元素的内边距和边框。由于浮动元素不在占用原文档流的位置，所以他会对后面的元素排版产生影响，为了解决这些问题，此时就需要浮动也就是说清除浮动后造成的影响清除浮动的本质为了解决父级元素因为子元素浮动而引起内部高度为零的问题。} /*补充IE6、7的不兼容*/
2023-04-04 18:47:50
44
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人