- 博客(40)
- 收藏
- 关注
RSS订阅原创 组件的使用
① 组件：实现应用中局部功能的代码和资源的集合。凡是采用组件方式开发的应用都可以称为组件化应用。② 模块：一个大的js文件按照模块化拆分规则进行拆分，生成多个js文件，每一个js文件叫做模块。凡是采用模块方式开发的应用都可以称为模块化应用。③ 任何一个组件中都可以包含这些资源：HTML CSS JS 图片 声音 视频等。从这个角度也可以说明组件是可以包括模块的。
2024-12-18 17:45:00
1318
原创 vue的生命周期
所谓的生命周期是指：一个事物从出生到最终的死亡，整个经历的过程叫做生命周期。例如人的生命周期：(1) 出生：打疫苗(2) 3岁了：上幼儿园(3) 6岁了：上小学(4) 12岁了：上初中(5) ......(6) 58岁了：退休(7) ......(8) 临终：遗嘱(9) 死亡：火化可以看到，在这个生命线上有很多不同的时间节点，在不同的时间节点上去做不同的事儿。Vue的生命周期指的是：vm对象从创建到最终销毁的整个过程。(1) 虚拟DOM在内存中就绪时：去调用一个a函数。
2024-12-17 10:30:00
761
原创 Vue脚手架
Vue包含两部分：一部分是Vue的核心，一部分是模板编译器（模板编译器可能占整个vue.js文件的一大部分体积）。它可以将我们.vue的代码进行编译生成html css js代码，并且可以将这些代码自动发布到它自带的服务器上，为我们Vue的开发提供了一条龙服务。实际引入的vue.js文件是：dist/vue.runtime.esm.js（esm版本是ES6模块化版本）Vue脚手架会自动找到main.js文件。原因：Vue脚手架默认引入的是精简版的Vue，这个精简版的Vue缺失模板编译器。
2024-12-16 16:45:28
1327
原创 Vue中添加响应式数据
修改data后，页面自动改变/刷新。这就是响应式。就像我们在使用excel的时候，修改一个单元格中的数据，其它单元格的数据会联动更新，这也是响应式。
2024-12-16 13:44:23
471
原创 Vue中的过滤器
过滤器filters适用于简单的逻辑处理，例如：对一些数据进行格式化显示。② 局部配置：在构建Vue实例的配置项中使用filters进行局部配置。从服务器端返回了一个商品的价格price，这个price的值可能是这几种情况：''、null、undefined、60.5。① 全局配置：在构建任何Vue实例之前使用Vue.filter(‘过滤器名称’, callback)进行配置。过滤器也可以接收额外的参数，但过滤器的第一个参数永远接收的都是前一个过滤器的返回值。如果不是，则页面上显示真实的数字即可。
2024-12-16 13:41:26
359
原创 Vue计算属性
使用Vue的原有属性，经过一系列的运算/计算，最终得到了一个全新的属性，叫做计算属性。Vue的原有属性: data对象当中的属性可以叫做Vue的原有属性。全新的属性: 表示生成了一个新的属性，和data中的属性无关了，新的属性也有自己的属性名和属性值。
2024-12-12 12:00:00
441
原创 Vue事件处理
第一步：获取按键的键值 ：event.keyCode第二步：通过Vue的全局配置对象config来进行按键修饰符的自定义。语法规则：Vue.config.keyCodes.按键修饰符的名字 = 键值-- 3、自定义按键修饰符 -->huiche键：
2024-12-11 20:13:23
890
原创 Vue中的MVVM及数据代理
数据劫持：创建Vue实例vm，vm身上会有_data属性，_data通过劫持data配置项，再通过defineProperty的getter和setter，得到的响应式的数据。把vue中的data数据拦截改写成具有getter和setter形式的_data,就是数据劫持。
2024-12-10 11:39:41
896
原创 vue的模版语法
{{可以写什么}}1data中声明的变量，函数，数组，等都可以2常量3只要是合法的javascript表达式都可以，注意js语句不行，赋值语句，if，for等4模版表达式都被放在沙盒中，只能访问全局变量的一个白名单，如：Math和Date'require'指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。
2024-12-10 11:31:49
1191
原创 js高级-ajax封装和跨域
ajax简介及相关知识原生ajaxAJAX 简介AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。 通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。 按需请求，可以提高网站的性能AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。使用场景：注册账号，核对输入是否符合设置要求，发送ajax请求，返回相关信息 京东、淘宝下拉加载更多的数据显示 鼠标移入，显示新的页面数据
2024-12-02 19:51:22
879
原创 函数高级详解
_proto__属性的作用就是当访问一个对象的属性时，如果该对象内部不存在这个属性，那么就会去它的__proto__属性所指向的那个对象（父对象）里找，一直找，直到__proto__属性的终点null，再往上找就相当于在null上取值，会报错。一个函数（子函数）访问另一个函数（父函数）中的变量,外部函数调用，此时就有闭包产生，那么这个变量所在的函数我们就称之为闭包函数。* 当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 外部函数调用，就产生了闭包。
2024-11-21 14:26:30
756
原创 BOM的详细讲解
BOM（browser Object）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM由一系列的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JS语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。
2024-11-20 15:47:11
2697
原创 javascrip页面交互
offset系列属性作用返回作为该元素带有定位的父级元素，如果父级没有定位，则返回body返回元素相对于有定位父元素上方的偏移量返回元素相对于有定位父元素左方的偏移量返回自身包括padding、边框、内容区的宽度、返回数值不带单位返回自身包括padding、边框、内容区的高度、返回数值不带单位client系列属性作用返回元素上边框的大小返回元素左边框的大小返回自身包括padding，内容区宽度，不含边框，返回数值不带单位。
2024-11-19 19:39:25
2022
原创 HTML 的less写法
（1）:sass诞生于2007年，Ruby编写，语言功能十分全面，国内外都很受欢迎，它的项目团队也很强大，是一款十分优秀的预处理语言。（3）:Less诞生于2009年，受Sass影响的一个开源项目，增加了变量，混合，函数等功能，让css更易维护，方便制作主体，扩充。css作为一门标记性语言，给初学者的第一印象是简单易懂，毫无逻辑，不像编程该有的样子。问题的诞生伴随着技术的兴起，在web发展的这几年，出现了预处理语言，这种编译方式不好，编译页面时，将less转成css，会影响，网站的性能。
2024-11-15 17:30:00
1192
原创 移动端开发
虽然还是vw布局，但还是用rem去写1、无关屏幕的大小，反正100vw，就是屏幕的100%，用屏幕的大小作为固定值去换算相对单位2、自定义一个rem跟px之间的换算比值，为了好算一般是1rem=100px，计算出vw跟rem，px之间的关系例如750的设计稿：1font-size=100px=1rem=13.3333vw3、后面750设计稿上的所有尺寸都用rem来算。例如200px*200px的盒子，就是2rem*2rem的盒子，也就是26.666vw*26.666vw的盒子。用vw去开发。
2024-11-14 20:37:10
1344
原创 弹性盒子（Flexible Box ）
flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。注意：该属性是控制子项在侧轴（默认是y轴）上的排列方式，在子项上为单项（单行）的时候使用。项目是分布的，以便任何两个项目之间的间距（和边缘的空间）相等。定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。定义项目的排列顺序。
2024-11-14 20:25:53
1033
原创 HTML动画
关键帧的名称 动画持续的时间 运动状态(linear(匀速)) 动画延迟的时间 动画的循环次数 动画的运动方式(设置正向或者反向)两个值的时候，属性值1是指在x轴上缩放元素，属性值2是指在y轴上缩放元素。值可以为方向值（left、center、top、right、bottom等），也可以是以px、%为单位的数值。这里的参数没有单位，1以下的任何值，使一个元素缩小，0则是消失；scaleX(x) scaleY(y) scaleZ(z) ,分别代表x和y轴方向缩放相应的倍数。
2024-11-14 20:19:01
1169
1
原创 节点、事件详解
事件流描述的是从页面中接收事件的顺序，事件发生时会在元素节点之间按照特定的顺序传播，这个传播的过程叫事件流例如：给idiv绑定一个事件，时间流顺序如下。
2024-11-09 11:19:56
1238
原创 JavaScript的Dom介绍
事件，就是用户和浏览器之间的交互行为，比如：点击按钮，鼠标移动，关闭窗口.....事件非常多，为了方便演示，先学简单的事件，后面再详细学习方式一、标签中对应的属性(事件属性)中设置一些js代码，这样当事件被触发时，这些代码将会被执行这种方式：结构与行为耦合，不方便维护，不推荐使用方式二、可以为按钮的对应事件绑定处理函数的形式来响应事件，这样当事件被触发时，其对应的函数将会被调用。
2024-11-06 15:53:19
1121
原创 正则概念解析
正则表达式（规则表达式）用于定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则，将字符串中符合规则的内容提取出来。
2024-11-05 11:40:54
726
原创 作用域及其解析
通常来说，一段程序代码中所用到的名字（变量名和函数名）并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。简单理解：就是代码名字（变量）在某个范围内起作用和效果作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突js作用域（es6）之前：全局作用域 局部（函数）作用域，es6后有块级作用域。
2024-11-04 17:25:17
782
原创 数据类型存储
简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型值类型：简单数据类型/基本数据类型，在存储时变量中存储的时值本身，因此叫做值类型注意：简单数据类型 null 返回的是一个空的对象 object如果有个变量我们以后打算存储为对象，暂时没想好放啥，就可以给null引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型，通过new关键字创建的对象（系统对象、自定义对象），如Obect、Array、Date等。
2024-11-04 17:16:58
268
原创 函数返回值
返回值语法结构function 函数名（）{return 需要返回的结果函数名（）返回值注意事项●函数只是实现某种功能，最终的结果需要返回给函数的调用者（谁调用函数，函数实现结果功能反馈给谁），函数名()=return 后面的结果，通过return实现的；可以定义一个变量，让return来接受该结果●在函数中，return之后的语句就都不会执行，有终止函数的作用●return只能返回一个值，多个值，返回的是最后一个值。如果有需求返回多个值，可以将多个值放入数组或者对象里。
2024-11-01 16:07:54
1476
原创 对象创建方式
我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype,这个属性对应着一个对象，这个对象就是我们所谓的原型对象(prototype是属性名，它的值是一个对象，这个对象叫原型对象),默认情况下，它是一个空对象如果我们的函数作为普通函数调用，prototype没有任何作用，当函数以构造函数的形式调用时，它所创建的对象都会有一个隐含的属性，指向该构造函数的原型对象，我们通过__proto__来访问该属性。
2024-10-30 18:47:46
1172
原创 js中的if语句和for循环基本案例
if语句是用于条件判断的一种控制结构，在编程中经常被使用。它的作用是根据一个表达式的真假来执行不同的代码块。当表达式的值为真时，代码块将会被执行。如果表达式的值为假，则代码块将会被跳过。在这个例子中，因为x的值为5，而5大于0，所以if语句的代码块会被执行，输出"x是正数"。if语句也可以与`else`关键字一起使用，用于在条件不满足时执行其他代码块。例如，下面的示例代码检查一个变量x的值是否大于0，如果是，则输出"x是正数"；
2024-10-29 11:01:58
437
原创 js运算符
运算符也叫操作符，通过运算符可以对一个值或者多个值进行运算，并获取运算结果，常用于实现赋值、比较、执行算数运算符等功能的符号。比如typeof 就是一个运算符，可以获得一个值的类型,它会将该值的类型以的形式返回，typeof的返回值，用来描述类型的number string boolean undefined object。
2024-10-24 18:47:05
746
原创 数据类型转换
使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接进行数值运算，需要将字符串转为数值类型强制类型转换：指将一个数据类型强制转换为其他的数据类型。
2024-10-23 19:03:37
499
原创 js.数据类型
Undefined类型的值只有一个，就是undefined当声明了一个变量，但是并不给变量赋值时，它的值就是undefined使用typeof检查一个undefined时也会返回undefined当进行数值运算时，结果为NaN空值Nullnull这个值专门用来表示空的对象使用typeof检查一个null值时，会返回object当进行数值运算时，null为0。
2024-10-23 18:49:16
521
原创 html常用标签及特点
注意语义 ：网页的标题 h1到h6 语义逐步降低的，h1的语义最重，一个页面一般只能有一个常用的是h1-h3默认样式独占一行，字体大小从h1-h6逐步变小，字体有加粗效果，行与行之间有间距分类： 双标签， 块标签实例：（ <h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6> ）*title标签和h1标题标签有什么区别1、 title标签：网站的标题h1标签：网页的标题。
2024-10-21 00:00:00
3147
原创 html学习了解
3、如果不设置宽高，宽度默认时父元素的100%，高度是被内容撑开的。常用标签：span、em、strong、q、del····常用的块标签：div、p、h1-h6、center。2、如果不设置宽高，宽高是被内容撑开。1、块标签可以包含任意标签，可以是块标签，行内标签，行内块标签。1、不会独占一行，可以设置宽高。3、分类（面试题：标签的分类，并分别举一些你常用的标签）4、特殊的行内标签 a 可以包裹块，行内块标签。3、特殊的块标签 p 一般也只包裹文字。2、行内标签只包裹文字，不可以放块标签。
2024-10-16 14:56:24
304
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人