- 博客(41)
- 收藏
- 关注
RSS订阅原创 NPM相关命令
NPM相关命令3. npm insall 包含 --sava-dev (npm install 包含 -D) : 安装的包只用于开发环境，不用于生产环境，会出现在 package.json 文件中的 dependenceies 属性中。4. npm insall 包含 --sava (npm install 包含 -S) : 安装的包需要发布到生产环境的，会出现在 package.json 文件中的 dependenceies 属性中。15. npm root -g : 查看全局的包的安装路径。
2022-09-23 17:25:12
510
1
原创 typescript接口下
当出现使用type和interface声明同名的数据时;type会直接报错;interface会进行组合。它就像是一个只有参数列表和返回值类型的函数定义。参数列表里的每个参数都需要名字和类型。type可以声明基本数据类型，联合类型，数组等;interface只能声明变量。为了使用接口表示函数类型,我们需要给接口定义一个调用签名。Typescript允许接口继承多个接口。接口继承就是说接口可以通过其他接口来扩展自己。type不会自动合并;interface会。继承使用关键字extends。
2022-09-09 20:15:00
184
原创 Typescript函数
则我们必须传入这些参数，除非将这些参数设置为可选，可选参数使用问号标识。可以设置参数的默认值，这样在调用的数的时候，如果不传入该参数的值，则使用默认参数，请法格式为。利余参数语法允许我们格一个不确定数量的参数作为一 一个数组传入。有一种情况， 我们不知道要向函教传入多少个参数，这时候我们就可以使用剩余参数来龙义。匿名函数在程序运行时动态声明，除了没有函数名外，其他的与标准函数一样。重载是方法名字相同，而参数不同，返回类型可以相同也可以不同。如果参数类型不同，则参数类型应设置为any。
2022-09-08 19:47:11
316
原创 typescript接口上
readonly与const的区别：作为变量的使用是const，属性使用是readonly。什么是接口：接口也是一种数据类型，接口是一系列抽象方法的声明。是一些方法特殊的集合，格式：interface interface_name{}定义：索引签名用于描述那些通过索引得到的类型。格式：如[props:string]:any。只读属性：readonly。
2022-09-08 08:38:59
108
原创 TypeScritp数据类型
typescript中包含的数据类型：基础数据类型、数组、元组、any和void、null和undefined、never和object、枚举、bigint和symbol、变量声明与解构
2022-09-07 09:59:03
2243
原创 Ajax异步传输
Ajax = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的技术，在不重新加载整个页面的情况下。简而言之就是实 现页面的局部刷新。...
2022-08-16 08:30:09
206
原创 jquery绑定事件、动画、表单
jquery绑定事件、动画、表单：第一种：bind绑定事件bind(事件类型，事件处理函数)用法：$("div").bind(“click",function(){})})})第二种：on：一次绑定多个事件,on注册事件语法:第一个参数events：绑定事件的名称可以是由空格分隔的多个事件〔标准事件或者自定义事件)第二个参数selector：执行事件的后代元素(可选）如集没有后代元素。那么事件将有白己执行。第三个参数data：传递给处理函数的数据。事件触发的时候通过event.data来使用（不常使用）..
2022-08-13 18:59:12
412
原创 Jquery选择器
Query 是一个 JavaScript 函数库。jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。
2022-08-11 22:38:52
618
原创 获取DOM中的节点
getElementById( ):通过标签的id属性的值获取到某个标签console.log( document.getElementById( "uname" ) )console.log(div.nextElementSibling)//获取的是相邻兄弟(下一个)var input=div.nextElementSibling。var div=body.firstElementchild//获取到body中的第一个元素console.log(div)获取主题body：body。...
2022-08-06 19:34:48
181
原创 JavaScript while循环
do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。如果您已经阅读了前面那一章关于 for 循环的内容，您会发现 while 循环与 for 循环很像。while 循环会在指定条件为真实循环执行代码块。...
2022-08-04 19:12:31
143
原创 JavaScript基础
Javascript能做什么1.网页特效2.服务器开发3.命令行工具4.桌面程序5.APP6.控制硬件-物联网7.游戏开发。
2022-08-01 19:24:53
1838
原创 Html+scss项目总结
本次项目是音悦商城网站，制作页面动画效果及部分交互效果，项目内容分为登录页—首页—专辑详情—影漫周边详情—明星周边的购买须知期中包括公共部分的头部以及底部。本次使用css中的动画来仿制动画的效果，使用动画属性定义了关键帧，将6s平分，所以动画帧为0%、20%、80%、100%，每帧的动画效果为重新设置背景图片。解决办法由于未涉及js内容，其中想要实现轮播的效果使用css中的过渡，给元素添加hover鼠标悬停效果进行图片的变化。其中首页包含动画效果，从大—小—大，使用的css3中的动画效果。...
2022-07-30 19:55:10
300
原创 SCSS混合器的基础用法、继承，常见函数的基本使用
当你的代码中需要用到大段大段重用样式代码的时候，可以通过SCSS的混合器实现大段样式的重用。混合器使用@mixin定义。
2022-07-25 17:16:05
989
原创 scss用法
他们是CSS预处理器。结构清晰，便于扩展。可以方便地屏蔽浏览器私有语法差异。封装对浏览器语法差异的重复处理，减少无意义的机械劳动。可以轻松实现多重继承。完全兼容CSS代码，可以方便地应用到老项目中。LESS只是在CSS语法上做了扩展，所以老的CSS代码也可以与LESS代码一同编译。...
2022-07-23 17:03:16
131
原创 文字阴影，图片阴影
text-overflow属性指定当文本溢出包含它的元素时，应该如何显示。可以设置溢出后，文本被剪切、显示省略号(...)或显示自定义字符串（不是所有浏览器都支持）。注意text-shadow属性连接一个或更多的阴影文本。属性是阴影，指定的每2或3个长度值和一个可选的颜色值用逗号分隔开来。（1）white-space属性指定元素内的空白怎样处理。2.用伪类给图片加阴影。...
2022-07-22 21:30:26
108
原创 css3过度与动画
css3过渡是元素从一种样式逐渐改变为另一种的效果。实现过渡须定义两项内容指定要添加效果的css属性指定效果的持续时间。解析应用于宽度属性的过渡效果，时长2秒。*如果未指定的期限，transition将没有任何效果，因为默认值是0。css属性的值更改时效果会发生变化。解析当实例中，当鼠标光标移动到该元素时，它逐渐改变原有样式。...
2022-07-21 17:25:34
825
原创 HTML5 拖放（Drag和Drop）
ondragstart属性调用了一个函数，drag(event)，规定被拖动的数据dataTransefer.setData()方法设置被拖数据的数据类型和值。默认地，无法将数据/元素放置到其他元素中。如果需要设置允许放置，我们必须阻止对元素的默认处理方式。为了使元素可拖放，把draggable属性设置为true；ondragover事件规定在何处放置被拖动的数据。ondragover事件规定在何处放置被拖动的数据。...
2022-07-19 17:30:11
204
原创 SVG滤镜、阴影、渐变
feBlend与图像相结合的滤镜用于彩色滤光片转换feFlood模糊滤镜feImagefeMerge多滤镜叠加滤镜feOffset过滤阴影feTile用于照明过滤用于照明过滤用于照明过滤feBlend滤镜的模式normal正常multiply正片叠底screen滤色darken变暗lighten变亮。...
2022-07-18 17:03:12
544
原创 画布：canvas
HTML5标签用于绘制图像。元素本身并没有绘制能力（它仅仅是图形的容器），需通过JavaScript。getContext()方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。可用于在画布上绘制文本、线条、矩形、圆形等等。注画布在默认情况下在网页上是一块空白的区域，大小为300*150。...
2022-07-15 17:10:06
280
原创 ES6基础
一、letlet 命令：let 关键字用来定义变量let的特性：1，不能够重复定义 2，不存在变量提升 3，不存在块级作用域 4，不存在作用域链问题。1，不能够重复定义let star = "张三"let star = "张小三"2，不存在变量提升{ let num = 12；}console.log(num)3，不存在块级作用域console.log(color); //undefinedvar ...
2022-03-10 18:33:18
91
原创 响应式设计
1.1 什么是响应式设计 响应式网站设计是一种允许设计和代码响应设备屏幕大小的方法。这意味着无论你使用的是4英寸安卓手机，iPad mini，还是40英寸的影院级显示器，你都将获得最优秀的浏览体验。对比一下静态页面与响应式设计的网站在不同设备上的显示效果： 最好的响应式网站基本上使用流体网格、自适应图像和CSS来改变网站的设计，并根据浏览器的宽度进行渲染。对于设计者来说，最终目标是在不同设备与平台实现无缝定制网站设计的用户界面UI和用户体验UX。1.2 响应式设计的重要性...
2022-01-19 14:15:00
153
原创 JQuery 属性
1. attr() 获取或者设置属性<div class="demo" title="这是一个测试代码">attr方法 </div><script> // attr() 获取匹配元素属性的值 var res = $('.demo').attr('title') // attr() 设置匹配元素的属性值 $('.demo').attr('title','this is a test code') // 只修改一
2022-01-11 10:30:00
118
原创 DOM操作
一、DOM操作1. append() 向匹配到的父元素末尾追加子元素<div class="add">append</div><script> /* 1. 创建dom元素 jQ: $('<a href="http://www.baidu.com">百度</a>') 2. 获取父元素 $('.add') 3. 使用append()追加 父元素对象.append(要追加的子元素)
2022-01-07 11:04:14
73
原创 HTML5标签(上)
1.1 废弃的标签 acronym applet basefont big center dir font frame frameset noframes strike 1.2 新增标签1.2.1 语义和结构标签语义化的作用:对浏览器友好a. 注释注解标签<ruby> 英雄 <rt>ying xiong</rt></rub...
2021-11-17 23:45:00
57
原创 CSS3新增属性
1.1 背景a. background-size 设置背景图片大小案例：多图背景1.多背景使用时，如果背景图片后面还需要接着背景颜色，需要将背景颜色写在后面，以防被层叠，什么都不显示2.在多背景的使用时，一定要注意背景图片位置的错开，才能达到多背景图片的效果3.在使用多背景完成一定的转换动画时，一定要加上过渡，不然可能没有效果b. 背景渐变线性渐变： linear-gradient径向渐变： radial-gradient1.2 阴影a. 文字阴影 text-shad
2021-11-14 09:45:00
303
原创 CSS选择器
3.1 关系选择器a. E F 包含选择器(后代选择器)b. E>F 子集选择器c. E+F 相邻选择器(紧邻兄弟选择器)d. E~F 兄弟选择器(同辈兄弟)3.2 伪类选择器a. :first-childb. :last-childc. :nth-childd. :first-of-typee. :last-of-ty...
2021-11-14 00:45:41
164
原创 JS中事件基础笔记
一、事件 事件的作用：为html的元素添加动作(行为) 1.1 鼠标事件 鼠标单击事件 onclick 鼠标双击事件 ondbclick 鼠标滑过事件 onmouseover 鼠标移出事件 onmouseout 鼠标穿过事件 1.2 表单事件 获得焦点(聚焦)事件 onfocus 失去焦点事件 onblur 内容改变事件 ...
2021-10-05 09:45:00
53
原创 JS基础对象（下）
三、内置对象3.1 Math对象Math.PI // 圆周率Math.f1oor()//向下取整Math.cei1() // 向上取整Math.round()//四舍五入版 就近取整 注意 -3.5 结果是 -3Math.abs() // 绝对值Mathmax() // 求最大值Math.min() // 最小值math.random() // 随机数3.2Date对象Date对象和Math对象不同，Date对象需要通过new关键字进行创建语法:var 对象名.
2021-10-03 18:53:32
154
原创 JS基础数组及对象
一、数组的分类按照维数可分为一维数组、二维数组、三维数组...二维数组创建<script>var stuInfo =[ ['张三','男',18], ['李四','女',18]]</script>二维数组元素访问语法:数组名称[外层数组下标](内层数组下标]<script>// 只获取 李四 stuInfo[1][0]</script>二维数组遍历<script&
2021-10-03 18:38:36
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人