- 博客(41)
- 收藏
- 关注
RSS订阅原创 TypeScript 接口
接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现.然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法接口也是一种数据类型格式：interface interface_name {}}firstName:'张',lastName:'婧'}console.log(`我的姓名是：${firstName}${lastName}`);}
2022-09-12 09:02:33
263
1
原创 TypeScript 类的使用、泛型与其他补充类型
注意点:实现一个带有可选属性的接口并不能创建该属性只要一个接口继承了某个类,那么就会继承这个类中所有的属性和方法,但是只会继承属性和方法的声明,不会继承属性和方法实现extends:继承某个类,继承之后可以使用父类的方法，也可以重写父类的方法implements:继承某个类,才可以使用。
2022-09-11 18:10:13
885
原创 TypeScript 函数与以及类的使用
函数是JavaScript应用程序的基础。它帮助你实现抽象层，模拟类，信息隐藏和模块。在TypeScript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。TypeScript为JavaScript函数添加了额外的功能，让我们可以更容易地使用
2022-09-08 19:17:01
1340
原创 TypeScript 开发环境的搭建与数据类型
更早的发现错误任何位置都有代码提示，增加开发效率类型系统提升了代码的可维护性，重构更容易使用最新的ES语法TS类型推断机制，降低成本
2022-09-07 16:48:00
555
原创 Axios
axios 是专注于网路数据请求的库。相比于原生 XMLHttpRequest 对象，axios 简单易用。相比于 jQuery，axios 更加轻量化，只专注于网络数据请求。
2022-08-26 08:45:39
170
原创 jQuery封装的Ajax
ajax() 方法通过 HTTP 请求加载远程数据。//格式：$.ajax({async:true, //是否异步处理 默认truetype:'get', //请求方式 get或posturl:'接口地址', //接口地址dataType:'json',//数据类型success:function(res){} //请 求成功回调函数 res存储数据data:{} //传参error:function(err){} //err请求失败返回})名称值/描述async。
2022-08-21 18:22:56
748
原创 原生Ajax
Ajax = Async JavaScript And XML (异步的JavaScript和XML)。就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去;就相当于是当客户端发送请求给服务端，在等待服务端响应的请求时，客户端不做其他的事情。当服务端做完了才返回到客户端。这样的话客户端需要一直等待。用户使用起来会有不友好。是指进程不需要一直等下去。而是继续执行下面的操作，不管其他过程的状态。
2022-08-21 17:41:25
1854
原创 jQuery的过滤器、css()方法、class操作、html() 与 text() 与 val()和操作节点
该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。内容时，则返回所有匹配元素的文本内容（会删除 HTML 标记）。如需在被选元素的开头插入内容，请使用 prepend()css() 方法设置或返回被选元素的一个或多个样式属性。该方法返回第一个匹配元素的 value 属性的值。该方法设置所有匹配元素的 value 属性的值。- 返回被选元素的当前 HTML 内容。内容时，则返回第一个匹配元素的内容。内容时，则重写所有匹配元素的内容。内容时，则重写所有匹配元素的内容。.......
2022-08-13 19:10:46
420
原创 jQuery的选择器
轻量级:封装后的库只有不到100k，下载的时候很快强大选择器:方便快速查找DOM元素隐式遍历(迭代):一次操作多个元素读写合一:读数据/写数据用的是一个函数链式调用:可以通过.不断调用jQuery对象的方法事件处理DOM操作(CUD)·样式操作动画浏览器兼容丰富的插件支持。...
2022-08-12 13:26:27
222
原创 JavaScriptBOM对象和浏览器事件对象
BOM，全名：Browser Object Model， 是指浏览器对象模型DOM是将HTML文档中的各个元素封装成一个对象（Document)，而BOM则是将一个浏览器的各个组成部分封装成对象(Browwser)供调用使用。
2022-08-11 14:04:42
311
原创 JavaScript预解析、作用域
局部作用域：全局作用域又划分出的小范围的作用域，函数内部可以创建局部作用域，目前为止，也只有函数内部可以在创建局部变量。全局变量可以在函数内部进行访问，但是函数内部定义的变量不能再函数外部进行访问。这段代码将声明一个全局变量name，即使再函数内进行了赋值。变量预解析：将声明的变量提升至script标签内的最上面。全局作用域：整个页面，只有当页面关闭时，作用域才会失效。如果尚未声明的变量赋值，此变量会自动成为全局变量。...
2022-08-07 15:32:14
107
原创 JavaScript的Array对象、冒泡排序、定义函数
声明式// 定义一个函数，用来打招呼// 声明式');}// 调用函数:函数名(参数列表)sayHello()赋值式// 赋值式console.log('喜欢吃');}// 调用函数eat()声明式：可以先调用，在声明赋值式：必须先定义，后调用。......
2022-08-04 18:24:50
165
原创 js中continue和break的区别，嵌套循环语句，常用内置对象
JavaScript提供多个内置对象:Math/Array/Number/String/(Boolean..Javascript中的对象分为3种:内置对象、浏览器对象、自定义对象。关键词来定义Date对象。
2022-08-04 08:48:29
514
原创 解决引用iframe点击后出现页面不会完全跳转和iframe标签与下面的标签之间的间距
引用iframe点击里面的内容，出现整个网页不会完全跳转到另外一个页面，而是只有iframe标签跳转了。然后之间的间距没了，但是会出现缺失文字，在给iframe下面的内容的。父标签写上font-size14px;引用iframe出现与下面内容有间距。......
2022-08-01 17:18:50
2599
4
原创 :hover 加入边框导致盒子抖动问题解决方法
在一开始的时候给这个盒子加上边框，边框颜色设置为透明色或者设置与背景色一样的颜色，这样一来，鼠标经过这个盒子不会在出现抖动现象。本身盒子无边框，启用hover之后会加上2px的红色边框，这时候对外显示的效果是盒子整体出现抖动现象。...
2022-07-30 09:55:55
547
原创 媒体查询、flex布局
CSS3中的媒体查询扩展了CSS2媒体查询类型的概念它们并不查找设备类型，而是关注设备的能力。目前很多针对苹果手机，Android手机，平板等设备都会使用到多媒体查询。
2022-07-26 18:13:03
460
原创 SASS入门(1)
Sass是一款强化CSS的辅助工具，它在CSS语法的基础上增加了变量(variables)、嵌套(nestedrules)、混合(mixins)、导入(inlineimports)等高级功能，这些拓展令CSS更加强大与优雅。使用Sass以及Sass的样式库有助于更好地组织管理样式文件，以及更高效地开发项目。...
2022-07-23 19:32:47
298
原创 HTML5元素拖放与Web Storage
在 HTML5 中增加了多个针对元素拖放的事件，使实现元素拖放变得更简单。拖放事件仅仅能实现拖放的动作，要想真正实现拖放后进行数据交互，还需要结合 dataTransfer 对象，才能真正实现拖放效果。...
2022-07-19 19:17:53
116
原创 SVG阴影与渐变
所有互联网的SVG滤镜定义在元素中。元素是定义的缩写并含有特殊元素（如滤镜）定义。标签用来定义SVG滤镜。元素具有必须的id属性，用于标识滤镜。图形然后指向要使用的滤镜。
2022-07-18 18:28:16
722
原创 canvas渐变与SVG
SVG指可伸缩矢量图形(ScalableVectorGraphics)SVG用于定义用于网络的基于矢量的图形SVG使用XML格式定义图形SVG图像在放大或改变尺寸的情况下其图形质量不会有损失SVG是万维网联盟的标准。
2022-07-17 10:56:58
243
原创 HTML5画布(canvas)绘制图形
canvas 元素用于在网页上绘制图形canvas 是 HTML5 新增的元素，可用于通过使用JavaScript中的脚本来绘制图形。默认情况下它在网页上是一块空白区域，默认大小300*150注意：canvas画布默认背景色为透明色，可以自行定义背景色...
2022-07-15 17:17:09
4681
原创 HTML5、CSS3功能和媒体查询
可以用长度值（例如px、cm等）或包含块的百分比(%）来指定max-width(最大宽度)，也可以将其设置为none(默认值。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。outline-offset属性在元素的轮廓与边框之间添加空间。媒体查询由一种媒体类型组成，并可包含一个或多个表达式，这些表达式可以解析为true或false。height和width属性用于设置元素的高度和宽度。max-width属性用于设置元素的最大宽度。max-width属性用于设置元素的最小宽度。...
2022-07-14 22:45:53
236
原创 Vue知识点
1.1设计模式设计模式，是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计 模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性、程序的重用性。MVC是后端编程语言中一个非常经典的设计模式。M model 模型 主要负责数据 V view 视图(页面) 主要负责页面渲染 C cotroller 控制器MVVM是前端常用的设计模式。M model 模型 V view 视图 VM viewModel 视图模型...
2022-03-28 11:27:09
435
原创 学习ES6
ES6简介ES6(ECScript)是JavaScript语言的下一代标准，已经在2015年6月正式发布。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。let和const命令let用来声明变量let特性变量不能重复声明 块级作用域 不存在变量提升 不影响作用域链const是用来声明常量，常量就是固定不变的量，在我们开发过程中当一个变量希望它的值，不被(自己或者他人)改变。const特性常量的值 一旦定义不能被修改 常量的名称
2022-03-10 20:58:49
1110
原创 js 选项卡
代码展示：HTML代码<!-- 选项卡的标题部分 --><ul class="title"> <li class="active">新闻</li> <li>视频</li> <li>图片</li></ul><!-- 选项卡的内容部分 --><div class="content"> <div class="con-item"
2021-11-11 11:54:33
239
原创 js 滚动监听
代码展示：HTML代码<ul class="menu"> <li><a href="#">IM即时通讯云</a></li> <li><a href="#">在线客服</a></li> <li><a href="#">短信验证码</a></li> <li><a href="#">客服机器人&
2021-11-11 11:54:17
592
原创 jQuery基础知识点
jQuery简称："JQ"。jQuery是一个快速、简洁的JavaScript框架(库，是继Prototype之后又一个优秀的JavaScript代码库 （框架）于2006年1月由John Resig发布)jQuery设计的宗旨是“write Less，Do More”（写的少，干得多）jQuery封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、 事件处理、动画设计和Ajax交互jQuery的核心特性可以总结为：具有独特的链式语法
2021-10-17 16:36:30
130
原创 jQuery基础知识点(上)
一、样式css() 为dom对象设置样式第一种用法：css(属性名称,属性值) 一次只能设置一个样式<div class="demo"> 设置一条样式</div><script>$('.demo').css('color','blue').css('background-color','red')</script>第二种用法：css({属性名称:属性值,属性名称:值....})<div class="demo"&g
2021-10-05 14:13:58
87
原创 JavaScript基本知识点(下)
一、DOM对象1.1 DOM对象什么是DOM对象？document object model 文档对象模型文档： html文档模型： DOM树DOM对象可以干什么？可以操作html标签的内容、属性、样式1.2 获取html的标签元素a. 通过标签的id属性值来获取元素document.getElementById(id属性值)<a href="#" id="test1">百度1</a><script> //通过id的
2021-09-27 16:28:45
62
原创 JavaScript基本知识点(中)
一、数组的分类按照维数可分为一维数组、二维数组、三维数组...1.1二维数组创建<script> var stuInfo = [ ['张三','男',18], ['李四','女',18] ]</script>1.2二维数组元素访问语法：数组名称[外层数组下标][内层数组下标]<script> //只获取李四 stuInfo[1][0]</script>1.3二维
2021-09-27 16:13:41
238
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人