- 博客(28)
- 收藏
- 关注
原创 Ts函数的及方法和类的基本使用
匿名函数return a+b}let aa =makeMoney("你好","世界")有名函数|命名函数|普通函数}console.log(`我今天写代码${res1}小时`);箭头函数console.log(`我每天看${time}小l时meimei`);}const seeMeimei1=(time:number ) :void=>console.log(`我每天看${time}小时meimei` );//接口2函数参数的处理。
2022-09-09 09:07:17
2669
1
原创 Typescript介绍、安装环境、案例
never类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型;//修改 "target": "es2020 "strict": false, "//变量的值会动态改变时,比如来自用户的输出,任意值类型可以让这些变量跳过阶段的类型检查。type beautys = "张三" | "赵四" | "王五" | "老六";let get1 = ["张三", "赵四", "王五", "赵六"]let get2 = ["张三", "赵四", "王五", "赵六"]
2022-09-07 16:54:24
236
原创 echarts的饼状图、圆环图、南丁格尔图、散点图、数据转换、
饼状图不需要配置坐标轴,而是把数据名称和值都写在系列中,并且value值不需要是百分比数据,echarts会根据所有数据的value,按比例分配他们在饼图中对应的弧度。
2022-08-22 20:01:14
2943
原创 echarts的引用和用法
中点击下载页面下方 Assets 中的 Source code,解压后dist目录下的echarts.js即为包含完整 ECharts 功能的文件。也可以通过npm安装ECharts。
2022-08-20 19:09:46
1219
原创 标题类、文本类、列表类、代码类、图文样式、表格布局、
在HTML中,可以使用不同的标签来定义不同的文本样式,例如文字的大小、粗体、删除线等。Bootstrap通过覆写元素的默认样式,实现对页面布局的优化,让页面在用户面前呈现得更加美观。在浏览网页时最先关注的就是文章的标题,Bootstrap和普通的HTML页面一样,都是使用到标签来定义标题。同时Bootstrap还提供了一系列display类来设置标题样式。
2022-08-19 19:40:54
295
原创 Bootstrap、栅格系统布局
组件是一个抽象的概念,是对数据和方法的简单封装。用面向对象思想来说,将一些符合某种规范的类组合在—起就构成了组件,通过组件可以为用户提供某些特定的功能。组件是构成页面中独立结构单元,是对结构的抽象,它主要以页面结构形式存在,可复用性很强。组件的使用并不复杂,每个组件拥有自己的作用域,每个组件区域之间独立工作,并且互不影响。组件可以有自己的属性和方法。不同组件之间也具有基本的交互功能,能够根据业务逻辑来实现复杂的项目功能。...
2022-08-18 19:16:15
8686
原创 Axios使用get/post的请求、封装、发起跨域请求、
Axios是一个基于promise 网络请求库,作用于node.js和浏览器中。它是isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生node.js http模块,而在客户端(浏览端)则使用 XMLHttpRequests。...
2022-08-16 16:08:03
1982
原创 AJAX、JSON、$ajax():、 $.get()和$.plost()
ajax()方法用于执行AJAX(异步HTTP)请求。所有的jQuery AJAX方法都使用ajax()方法。该方法通常用于其他方法不能完成的请求。
2022-08-15 19:29:19
184
原创 事件绑定、jQuery动画、表单、
除了使用事件名绑定事件外,还可以通过其他方式绑定事件bind事件绑定>>delegate事件绑定>>on事件绑定。表单有两个较特殊的属性,一个是method,是规定用于发送表单的HTTP方法(提交表单的方式);还有一个是action,是规定当提交时向何处发送表单的数据(要提交表单的地址)。...
2022-08-13 19:49:00
141
原创 jQuery
为了简化JavaScript的开发,一些JavsScript库就诞生了。JavaScript库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的 Web2.0特性的富客户端页面,并且兼容各大浏览器。
2022-08-11 19:18:07
175
原创 BOM概念、定时器、Window对象的属性、Location对象、History对象、浏览器事件对象、防抖、节流、
BOM,全名为Browser Object Model,翻译过来为浏览器对象模型。DOM是将HTML文档中的各个元素封装成一个对象(Document),而BOM则是将一个浏览器的各个组成部分封装成对象(Browser)供调用使用。下面我们就来分析BOM其中包含哪几个对象以及其中的信息吧。......
2022-08-09 17:15:40
223
原创 事件类型和属性用法
事件组成:(1)触发谁的事件:事件源(2)触发的什么事件:事件类型(3)触发以后做什么:事件处理函数当我们想让元素做什么,就主要写在事件处理函数中。
2022-08-08 19:11:46
255
原创 作用域、DOM、属性操作、
作用域:全员作用域和局部作用域全员作用域:整个页面,只有当前页面关闭时,全员作用域才会失效局部作用域:全局作用域中有划分出的小范围作用域,函数内部可以创建局部作用域,到目前为止,也只有函数内部可以创建局部变量全局变量可以在函数内部进行访问,但是函数内部定义的变量不能在函数外部进行访问。...
2022-08-06 19:40:34
174
原创 嵌套循环、常用内置对象
for循环的嵌套。1、嵌套for 循环语法结构:for(外层初始化变量;外层的条件表达式;外层的更新表达式) {for(里层的初始化变量;里层的条件表达式;里层的操作表达式) {// 执行语句}}案例:// 2.输出1-100之间的所有偶数i < 101;i++) {= 0) {}/* break语句和continue语句的区别:break语句跳出整个循环,循环不在继续continue语句跳出本次循环,继续执行下一次循环,直到循环结束4的因数:1、2、4、...
2022-08-02 19:36:25
189
原创 javaScript、变量、数据类型、运算符、 分支、Switch、循环
变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据。
2022-08-01 19:41:47
228
原创 布局、响应式布局、grid布局、
网站布局是一种定义网站结构的模式(或框架)。它具有为网站所有者和用户构造网站上存在的信息的作用。它为网页内的导航提供了清晰的路径,并将网站的最重要元素置于网站的正面和中心。良好的布局可以使用户留在网站上,因为它可以轻松访问重要信息并直观地查找它们。不良的布局会使用户感到失望。然后他们会因为找不到所需的内容而迅速离开网站。出于这个原因,最好花尽可能多的时间找到所需的布局,因为用户给你的时间不会超过几秒钟。...
2022-07-26 19:24:00
1065
原创 Sass:混合器、选择器继承、数值运算符、
看上去很像其他的css@标识符,比如说@media或者@font-face。这个标识符给一大段样式赋予一个名字,这样你就可以轻易地通过引用这个名字重用这段样式。下边的这段sass代码,定义了一个非常简单的混合器,目的是添加跨浏览器的圆角边框。@mixinrounded-corners{-moz-border-radius5px;-webkit-border-radius5px;border-radius5px;}然后就可以在你的样式表中通过@include来使用这个混合器,放在你希望的任何地。...
2022-07-25 17:28:53
237
原创 Sass预处理技术
css不是一种编程语言,仅仅只能用来编写网站样式,在web初期时,网站的搭建还比较基础,所需要的样式往往也比较简单,但是随着用户需求的增加以及网站技术的升级,css一成不变的写法也逐渐不再满足于项目,没有类似js这样的编程语言所有的变量、常量以及其他的编程语法,css的代码难免会显得臃肿以及难以维护,但是又没有css的替代品,于是CSS预处理器就作为css的扩展,出现在了前端技术中。那些专门为@import命令而编写的sass文件,并不需要生成对应的独立css文件,这样的sass文件称为局部文件。...
2022-07-23 17:21:53
404
原创 CSS3:盒阴影、边界图片、指定每一个圆角、背景、过度、动画、
动画使元素逐渐从一种样式变为另一种样式。您可以随意更改任意数量的CSS属性。如需使用CSS动画,您必须首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。
2022-07-21 19:19:31
240
原创 拖动、web-Storage、掌握localStorage使用、网站列表程序
随着互联网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足日益更新的需求,会经常性的在本地设备上存储数据,例如记录历史活动信息。传统方式使用document.cookie来进行存储,但是由于其存储的空间只有4KB左右,并且需要复杂的操作进行解析,给发开者带来很多不便,为此,HTML5规范提出了本地存储的解决方案。HTML5的本地存储解决方案中定义了两个重要的APIWebStorage和本地数据库WebSQLDatabase.本章将重点讲述WebStorage的基本用法。......
2022-07-19 19:18:11
217
原创 偏移阴影、渐变色、地理定位
当y1和x1相等且x1和x2不同时,将创建水平渐变当x1和x2相同且y1和y2不同时,将创建垂直渐变当x1和x2不同且y1和y2不同时,将创建角度渐变。
2022-07-18 17:16:22
158
原创 渐变与动画
渐变填充色,包含至少两种颜色。图形的一部分以一种颜色开始,然后渐渐地变成另一种颜色,在其变化过程中,会经历一种或多种预定义的颜色变化。canvas 支持两种渐变填充:线性渐变 或 放射性渐变。 1.首先应该写好canvas(画布)标签,并设置好画布的大小,和id。2.在script标签中获取画布的id,创建一个画布对象:var id = document.getElementById("id");3.创建一个画布上下文对象: var context = canvas.getContext("2d");4.
2022-07-16 17:30:46
384
原创 canvas 画布标签
是一个画布标签。默认情况下它在网页上是一块空白的区域,大小是300*150。2、画布的大小也是可以设置的用width=“xxpx”;3、您的浏览器版本太低,不支持画布,请更新浏览器。
2022-07-15 17:18:38
1377
原创 表单美化设置
input提供了多种方式用于获取用户输入的信息,获取方式具体包括。(1)提供输入框,获取用户输入的内容,输入的内容又可以分为文字内容和密码,在HTML5中又增加了邮箱地址、下拉列表、网页路径、搜索框等类型;1)、在css样式中outlinenone;可以将input标签输入框的黑边框去除掉。属性的值,不同的type值会在各自的参考页中进行介绍。3、美化表单页面也需要一些css样式才可以办到,单靠input标签制作不出精美的表单(如图)3)、backgroundurl();...
2022-07-15 09:01:22
550
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人