Yoren~-CSDN博客

原创 ui-app基本知识体系

监听页面返回，返回 event = {from:backbutton、 navigateBack} ，backbutton 表示来源是左上角返回按钮或 android 返回键；监听页面初始化，其参数同 onLoad 参数，为上个页面传递的数据，参数类型为 Object（用于页面传参），触发时机早于 onLoad。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参），参考。

2023-07-17 20:28:23 275

原创 vue路由使用以及组件扩展

登录</a> | <a href="#">注册</a></div><div><a href="#">登录</a> | <a href="#">注册

2023-06-01 20:33:45 211

原创 vue生命周期和vue请求+动画+组件

2023-05-31 21:04:00 160

原创 Vue过滤器和修饰符

(1)全局定义使用这个方法进行全局定义Vue.1. 指令的名字（定义的时候不加v-,使用vue指令的时候加上v-）2. 对象，里面包含三个钩子方法bind只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置inserted 这个元素已经渲染到界面上之后执行update 当元素有更新的时候执行3. 这三个方法的参数有哪些el：指令所绑定的元素，可以用来直接操作 DOM。binding：一个对象，包含以下属性：name：指令名，不包括 v- 前缀。

2023-05-30 19:23:14 104

原创 Vue的基础使用

这是一段文字...

2023-05-29 20:28:45 39

原创 ES6 set、map和模块化

/ Promise.all( )方法：接受一个数组作为参数，数组的元素是Promise实例对象，当参数中的实例对象的状态都为fulfilled时，Promise.all( )才会有返回。// 参数是一个匿名函数,其中有两个参数：resolve(解决)和reject(拒绝),两个函数均为方法。Promise.all([cat1, cat2]).then((result)=> {//result为返回值。// function requestB(res) { //参数为上一个then方法的返回值。

2023-05-25 20:19:10 39

原创 Es6迭代器与生成器

当可遍历对象被for...of遍历的时候，[Symbol.iterator]()就会被调用，返回一个iterator对象。// has方法拦截key in object的操作，结果会返回一个布尔值。// ownKeys方法拦截过滤Object.keys()对对象的属性遍历。// apply方法对象类型的变量可以被代理，函数也可以被代理。console.log('叫');// for of不能遍历对象如遍历需加遍历器。

2023-05-25 11:39:22 37

原创 ES6数据类型新用法与解构赋值

/ 任何一对花括号（这玩意：{ }）中的语句都属于一个块，在花括号里面用let定义的所有变量在花括号外都是不可见的，我们称之为块级作用域。对象的解构赋值不会受到属性的排列次序影响（数组则会受影响），它是跟属性名关联起来的，变量名要和属性名一致，才会成功赋值。startsWith( )函数：判断指定的子字符串是否出现在目标字符串的开头位置，第二个参数选填，表示开始搜索的位置。变量a，b，c，d，e，f都分别赋上了对应的值。repeat( )函数：将目标字符串重复N次，返回一个新的字符串，不影响目标字符串。

2023-05-22 20:11:50 93

原创正则表达式

正确格式为：以字母开头，长度在6 - 18之间，只能包含字母、数字和下划线。重复一次或更多次\d+ / ab+/：表示一个字符串有一个a后面跟着至少一个b或者更多；短时间内多次触发同一事件，只执行最后一次，或者只执行最开始的一次，中间的不执行。\ 转义符： \的用法 \ 主要是用法是在正则表达式中的特殊符号转换为它本身的意思。| 或者，选择两者中的一个。[] 字符串用中括号括起来，表示匹配其中的任一字符，相当于或的意思 [0-9]；// 2、匹配由数字、26个英文字母或者下划线组成的字符串;

2023-05-11 20:34:39 41

原创 Javascript动画及封装

scrollWidth和scrollHeight:获得元素的实际宽度和高度，在内容没有超出盒子时，获得的是盒子的内部高度和宽度。clientWidth和clientHeight:获取可视范围的宽度高度，即边框内部的，不包括border，包括padding.当盒子内部存在滚动条时，获得的高度和宽度不包括滚动条。scrollTop和scrollLeft:获得的是内容卷曲出去的高度和宽度，当滚动条向下拉时，内容往上走，获得的就是上面跑出盒子范围的那部分高度。利用opacity与定时器，注意小数相减的问题！

2023-04-26 19:25:56 40

原创 JS中数组去重的方法

= arr[i - 1]) { //前后进行判断是否一样。if (repArr.length == 0) {//若重复数组没有值说明其不是重复数据。//找出后面重复数据的下标。// arr = Arr.sort() //进行排序。//接收重复数据后面的下标。// // 通过for..in语法可以遍历一个对象。//内层循环找出有重复数据的下标。// obj = {}//对象。// // 删除对象的属性。// 判断是否为数组。

2023-04-25 20:39:22 43

原创 Javascript-属性操作、事件

任何事件都有内置对象event，event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。console.log("横坐标：" + event.clientX + "," + "纵坐标：" + event.clientY);console.log("横坐标：" + event.pageX + "," + "纵坐标：" + event.pageY);getAttribute("属性"):不仅可以获取元素本身的属性的属性值，还可以获取元素自定义的属性的属性值。

2023-04-24 18:09:37 128

原创 JavaScript 、dom操作

DOM又称为文档树模型文档：一个网页可以称为文档节点：网页中的所有内容都是节点（标签、属性、文本、注释等）元素：网页中的标签属性：标签(元素)的属性。

2023-04-23 17:12:49 38

原创 JavaScrip函数、预解析、对象、错误

JavaScript语言是单线程的。

2023-04-20 16:59:36 46

原创 JS中流程控制的介绍

do-while循环将先运行一次，因为经过第一次do循环后，当检查条件表达式的值时，其值为不成立时而会退出循环。执行的中间循环体可以为一个语句，也可以为多个语句，当中间循环体只有一个语句时，其大括号{}可以省略，执行完中间循环体后接着执行末尾循环体。do..while循环和while循环非常像，二者经常可以相互替代，但是do..while的特点是不管条件成不成立，都会执行一次。while循环执行时当满足条件时进入循环，进入循环后，当条件不满足时，执行完循环体内全部语句后再跳出（而不是立即跳出循环）。

2023-04-18 19:09:12 41 1

原创 JavaScript变量、数据类型、运算

注意：null代表的是空指针对象，undefined代表的是未定义，所以null与undefined与任何值都不相等（==），但是我们在ECMA-262规定：null与undefined相等，即null==undefined返回结果为true，实际上，undefined值是派生自null值的。num + ""，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串。a. 如果字符串中只包含数字时，将其转换为十进制数值，忽略前导0。

2023-04-17 19:08:23 85

原创 Flex弹性布局

当容器设置flex-direction为column或column-reverse时，flex-basis和height同时存在，flex-basis优先级高于height，也就是此时flex-basis代替项目的height属性。当容器设置flex-direction为row或row-reverse时，flex-basis和width同时存在，flex-basis优先级高于width，也就是此时flex-basis代替项目的width属性。在上面例子的基础上，我们改变各个项目的flex-shrink。

2023-04-11 20:13:42 74

原创 CSS渐变、过渡、转换、动画

rgba() 函数中的最后一个参数可以是从 0 到 1 的值，它定义了颜色的透明度：0 表示完全透明，1 表示完全不透明。请用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%。当在 @keyframes 创建动画，把它绑定到一个选择器（动画的名称），否则动画不会有任何效果。translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。规定当动画不播放时（当动画完成时，或当动画有一个延迟未开始播放时），要应用到元素的样式。

2023-04-11 19:49:32 326

原创 CSS3选择器、边框、背景、按钮

target]选择所有带有target属性元素2选择所有使用target="-blank"的元素22[lang|=en]选择 lang 属性以 en为开头的所有元素（注意有关个-）选择每一个src属性的值以"https"开头的元素3选择每一个src属性的值以".pdf"结尾的元素3选择每一个src属性的值包含子字符串"runoob"的元素CSS3伪类选择器是一个行内元素，需要转换成块:display:block float:** position:。

2023-04-08 20:26:52 54

原创 HTML中常用的布局技巧（一）

在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是display、visibility和overflow。display设置对象是否显示、如何显示。display : none隐藏对象。与它相反的是display:block除了转换为块级元素之外，同时还有显示元素的意思。特点：隐藏之后，不再保留位置。设置或检索是否显示对象。visible : 对象可视hidden : 对象隐藏特点：隐藏之后，继续保留原有位置。检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。

2023-04-07 17:39:32 563

原创 HTML---定位

就是说，子级是绝对定位，父亲只要是定位即可（不管父亲是绝对定位还是相对定位，甚至是固定定位都可以），就是说，子绝父绝，子绝父相都是正确的。相对定位是将元素相对于它在标准流中的位置进行定位，当position属性的取值为relative时，可以将元素定位于相对位置。就是说，相对定位的盒子仍在标准流中，它后面的盒子仍以标准流方式对待它。首先，绝对定位是将元素依据最近的已经定位绝对、固定或相对定位）的父元素（祖先）进行定位。绝对定位是将元素依据最近的已经定位(绝对、固定或相对定位)的父元素(祖先)进行定位。

2023-04-06 20:21:53 1224

原创 HTML：浮动及清除浮动

如果上一个元素有浮动，则A元素顶部会和上一个元素的顶部对齐；如果上一个元素是标准流，则A元素的顶部会和上一个元素的底部对齐。2. 元素添加浮动后，元素会具有行内块元素的特性。元素的大小完全取决于定义的大小或者默认的内容多少浮动根据元素书写的位置来显示相应的浮动。就是说，浮动的元素总是找离它最近的父级元素对齐。1. 一个父盒子里面的子盒子，如果其中一个子级有浮动的，则其他子级都需要浮动。元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到指定位置的过程。5、浮动后的元素会自动的转化为行内块元素。

2023-04-04 19:13:57 609

原创 HTML盒子模型

比如：padding: 3px 5px 10px 15px;表示：上3px 右是5px 下 10px 左15px 顺时针+语法：border : border-width || border-style || border-color。比如：padding: 3px 5px 10px;表示：上是3像素左右是5像素下是10像素。比如：padding: 3px 5px;表示：上下左右都是3像素。padding：上内边距右内边距下内边距左内边距。margin:上外边距右外边距下外边距左外边。

2023-04-04 08:58:13 361

原创 CSS选择器与标签的分类

如果<a>标签四个伪类的书写顺序不正确，会导致链接的四种状态显示效果错乱，或有的状态会无效，为了避免这种情况，我们在设置的时候，务必保证书写顺序是正确的。如果有背景图片平铺，则会覆盖背景颜色。参数： repeat : 背景图像在纵向和横向上平铺（默认的），no-repeat : 背景图像不平铺，repeat-x : 背景图像在横向上平铺，repeat-y : 背景图像在纵向平铺。交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。

2023-03-31 19:37:41 106

hafk12的博客