- 博客(28)
- 收藏
- 关注
原创 React(一)—— 组件
<h1>我的第一个组件</h1><ol><li>组件:UI 构成要素</li><li>定义组件</li><li>使用组件</li></ol>
2023-11-13 11:09:35
72
原创 vue01-vue基础
Vue是一套用于构建用户界面的。与其他大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅容易上手,还便于与第三方库或既有项目整合。另一方面,当与以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。用来做单页面应用–index.html,页面跳转用的vue插件路由来实现跳转。
2023-08-02 09:53:43
106
原创 初学Javascript010 - DOM事件机制
事件机制HTML DOM 允许 JavaScript 对 HTML 事件作出反应。JavaScript 能够在事件发生时执行,比如当用户点击某个 HTML 元素时。为了在用户点击元素时执行代码,请向 HTML 事件属性添加 JavaScript 代码:<div id='div1'>我是一个div</div><button id='btn'>点我啊</button><!-- 还可以在HTML标签中进行事件的绑定 需要加()--><b
2023-07-19 08:05:49
102
原创 初学Javascript09 - DOM
元素节点表示 HTML 元素,属性节点表示属性,文档类型节点表示文档类型,注释节点表示注释。insertBefore方法接受两个参数,第一个参数是所要插入的节点newNode,第二个参数是父节点parentNode内部的一个子节点referenceNode。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。对于一个节点来说,它的父节点只可能是三种类型:元素节点(element)、文档节点(document)和文档片段节点(documentfragment)
2023-07-18 08:55:14
66
原创 初学Javascript08 - 深入理解对象
工厂模式是一种众所周知的设计模式,广泛应用于软件工程领域,用于抽象创建特定对象的过程。工厂模式是一种创建型模式,简单来说,工厂模式就是创建对象的一种方式。前面的案例使用构造函数可以这样写// 自定义构造函数// lisi 在这个案例中,Person()构造函数代替了 createPerson()工厂函数。实际上,Person()内部的代码跟 createPerson()基本是一样的,只是有如下区别。没有显式地创建对象。属性和方法直接赋值给了 this。没有 return。
2023-07-13 17:56:00
46
原创 初学Javascript06 - 正则表达式
正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符,或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。
2023-07-04 18:04:01
33
原创 初学Javascript05 -js中的数组
/fruits 结果输出:Banana,Orange,Appleshift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。此方法改变数组的长度!语法返回值类型描述任何类型(*****)数组原来的第一个元素的值(移除的元素)。
2023-07-03 17:40:10
97
原创 初学JavaScript 04-js中的函数
函数允许我们封装一系列代码来完成特定任务。当想要完成某一任务时,只需要调用相应的代码即可。方法(method)一般为定义在对象中的函数。JavaScript 使用关键字function定义函数。函数可以通过声明定义,也可以是一个表达式。函数的作用:功能的封装,直接调用,代码复用率提高构建对象的模板(构造函数)函数实际上是对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法,由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。
2023-06-28 10:55:26
39
1
原创 初学Javascript03 对象
无序属性的集合,其属性可以包含基本值,对象,或者函数。可以将对象想象成散列表:键值对,其中值可以是数据或者函数。ECMAScript中的对象其实就是一组数据(属性)和功能(方法)的集合。对象是一个包含相关数据和方法的集合(通常由一些变量和函数组成,我们称之为对象里面的属性和方法)
2023-06-27 11:05:39
32
原创 JavaScript中map、filter方法的重构,和数组扁平化的几种方法
JavaScript中map、filter方法的重构,和数组扁平化的几种方法
2023-06-25 16:37:16
163
原创 JavaScripth中部分函数的重构(shift,unshift,every,.forEach,some)
JavaScripth中部分函数的重构(shift,unshift,every,.forEach,some)
2023-06-20 16:56:44
44
1
原创 JavaScript中关于数组的三个作业
1.给定一个数组nums=[2,5,7,11],要求任意两个数组元素和等于指定的值target=9;并返回他们下标,return[0,2]2.重构pop方法,要求实现和pop一样的效果3.重构push方法,要求实现和push一样的效果
2023-06-19 17:20:33
83
原创 初学JavaScript 02-操作符及类型转换与流程控制语句
进行ToPrimitive,两个都是Array对象,不是Date对象,所以以Number为转换标准,所以先调用valueOf(),结果还是[ ],不是原始值,所以继续调用toString(),结果是“”(空字符串)原始值,将“”返回。{ }先调用valueOf(),结果是{ },不是原始值,所以继续调用toString(),结果是“[object Object]”,是原始值,将“[object Object]”返回。引用类型和基本类型的比较就相对复杂一些,先要把引用类型转成基本类型,再按上述的方法比较。
2023-06-19 11:13:30
52
原创 初学Javascript(一)
JS) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web 页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,例如Node.js和。JavaScript 是一种基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。
2023-06-14 17:28:28
31
原创 HTML与CSS-CSS篇九 媒体查询
媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。
2023-06-13 11:13:55
627
原创 HTML与CSS-CSS篇六
flex-flow属性是flex-deriction与flex-wrap属性的简写集合,默认属性为row nowrap,即横向排列,且不换行,如果需要控制项目排列与换行,推荐使用此属性,而非单独写两个。取值:默认auto,用于设置项目宽度,默认auto时,项目会保持默认宽度,或者以width为自身的宽度,但如果设置了flex-basis,权重会比width属性高,因此会覆盖widtn属性。用于控制项目排列方向与顺序,默认row,即横向排列,项目排列顺序为正序1-2-3;注意,即便设置了固定宽度,也会缩小。
2023-06-10 10:51:52
58
原创 HTML与CSS-CSS篇三
边框就是环绕在标签宽度和高度周围的线条 标签和标签之间的距离就是外边距 边框和内容之间的距离就是内边距 默认情况下背景图片会随着滚动条的滚动而滚动, 如果不想让背景图片随着滚动条的滚动而滚动, 那么 我们就可以修改背景图片和滚动条的关联方式.
2023-06-05 16:44:52
256
1
原创 初学HTML与CSS-CSS篇一
CSS语言的核心功能就是为特定的属性设定特定的值,CSS引擎通过计算出声明的每个属性来显示元素。属性与值通过“:”分隔开。 由于通配符选择器是设置界面上所有的标签的属性, 所以在设置之前会遍历所有的标签, 如果当前界面上 的标签比较多, 那么性能就会比较差, 所以在企业开发中一般不会使用通配符选择器。**属性的值(Property value)**在属性的右边,冒号后面即属性的值,它从指定属性的众多外观中选择一个值(我们除了 red 之外还有很多属性值可以用于 color )。
2023-05-31 16:38:18
60
1
原创 初学HTML与CSS-HTML篇一
HTML不是一种编程语言,而是一种标记语言,用于告诉浏览器如何构造你的页面。它可以由一系列HTML元素组合成web开发人员想要的简单或者复杂的页面。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。HTML也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。
2023-05-29 16:33:03
260
2
原创 Axure的动态面板及案例
动态面板里面可以包含多个状态,所以通过一些事件可以对动态面板的状态进行切换,以此来实现交互效果。点完成后第一张轮播图就与第一个小圆点关联起来了,在剩下的用例里进行同样的操作,分别使每一张轮播图和小圆点绑定。在空白区域点击,新建交互,选择页面载入时,目标元件为轮播图的动态面板,状态选择下一个或上一个,并勾选自动循环,点击更多选项,并设置循环间隔。在一个动态面板中设置多个状态,数量取决于你要放几张轮播图,分别放置在不同的状态中。选择小圆点新建交互,选择鼠标点击时,设置面板状态,状态就选择对应的轮播图。
2023-05-26 18:10:30
1097
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人