- 博客(22)
- 收藏
- 关注
RSS订阅
原创 javascript基础
转换成整数parseInt(变量名),如果第一个值不是数字返回NaN；浮点型parseFloat(变量名)如果后面有非数字的值，则会返回直到值不为数字的前一位；就是可以变化的量，命名规范由字母、数字、下划线、$符号组成，不能以数字开头；不能是关键字或者保留字，严格区分字母大小写，变量名要有意义，最好是别人一看就知道是什么意思，遵守驼峰命名法，首字母小写，后面跟着的单词首字母要大写。>=...
2022-08-01 18:27:21
1996
原创 typeScript
泛型可以理解为宽泛的类型，通常用于类和函数。使用的时候我们再指定类型 泛型不仅可以让我们的代码变得更加健壮,还能让我们的代码在变得健壮的同时保持灵活性和可重用性。通过用来表示,放在参数的前面。
2022-09-12 08:12:30
254
1
原创 typeScript存取器
的关键字为class，后面紧跟类名，类可以包含以下几个模块（类的数据成员):·字段-字段是类里面声明的变量。字段表示对象的有关数据。: 如果存在get，但没有setI则该属性白动是只读的 如果没有指定setter 参数的类型，它将从getter的返回类型中推断 出来访问器和设置器必须有相同的成员可见性。它们一般不会直接被实例化 抽象类是专门用于定义哪些不希望被外界直接创建的类的 抽象类和接口一样用于约束子类。static关键字用于定义类的数据成员(属性和方法)为静态的,静态成员可以直接通过类名调用。
2022-09-08 19:50:36
322
原创 TypeScript基础
在ts中会有文件里的变量命名重复的情况则需要在文件最上面加上一个模块化export default{}3、安装TypeScript编译器：npm i typescript -g。2、安装node.js：使用命令node -v来检查nodejs版本。5、使用tsc命令来转换TS 程JS：例如 tsc hello.ts。1、基础数据类型：number、string、boolean；6、自动编译 tsc --watch，简写：tsc -w。4、tsc --init 生成配置文件。在ts中有一种接口使用。
2022-09-08 08:45:32
773
原创 jQuery节点操纵 事件绑定解除 动画
slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。绑定多个事件：$(选择器).on({事件类型:事件处理函数，事件类型：事件处理函数}).clone()：生成被选元素的副本，包含子元素、文本和内容。empty():移出被选元素的所有子元素和内容。...
2022-08-13 17:11:55
218
原创 jQuery基础
标签属性方法 attr(name) / attr(name, value) 读/写非布尔值的标签属性 标签属性方法 prop(name) / prop(name, value) 读/写布尔值的标签属性 删除属性方法 removeAttr(name)/removeProp(name) 部除指定名字的属性 自定义属性 data() 读写标签的附加数据(data-*属性) 基本过滤选择器的使用。...
2022-08-11 20:22:45
35
原创 BOM事件
防抖：函数防抖（debounce），就是指触发事件后，在 n 秒内函数只能执行一次，如果触发事件后在 n 秒内又触发了事件，则会重新计算函数延执行时间。history.forward():可以跳转到点击过的(因为点击过会生成一个历史记录,跳转到历史记录列表的笑一个url)下一个页面。节流：指的是某个函数在一定时间间隔内（例如 3 秒）只执行一次，在这 3 秒内产生函数调用请求直接无视，也不会延长时间间隔。history.go():正值向后跳转，负值向前跳转。history.back():后退到上一个页面；.
2022-08-09 16:11:48
71
原创 js 事件
鼠标移入/移出：onmouseover/onmouseout. onmouseenter/onmouseleave;绑定方式：div.addEventListener("click",function(){});移动端触摸开始/移动/离开:ontouchstart/ontouchmove/onchend;重置/提交事件：reset/submit;键盘按下/抬起：onkeydown/onkeyup;...
2022-08-08 18:23:43
68
原创 DOM节点问题
DOM DOM节点： DOM属性：获取整个html文档；document.documentElement；获取head：document.head； 获取主体：document.body; 获取某个元素第一个元素：body.firstElementChild; 获取最后一个元素：body.lastElementChild; 获取相邻下一个元素：div.nextElementSibling;获取相邻兄弟前一个元素：input.previousEleme
2022-08-06 19:49:53
54
原创 javascript对象的使用
属性：Math.PI(圆周率)、Math.random(随机数[范围1,0])、Math.max(最大数)、Math.min(最小值)、Math.round(取整数四舍五入)、Math.floor(向下取最大的一个整数)、Math.ceil(向上取最小的一个整数)、Math.abs(绝对值)、Math.pow(几次幂)、Math.sin(正弦)、Math.cos(余弦).比较常用的就是一些首尾添加或删除元素，还有排序，链接数组。...
2022-08-04 17:03:39
36
原创 计算从自己出生到现在过了多少天
就像这样，先获取一个当前时间，设置一个出生时间,Date.parse是将时间转换成毫秒数，然后把他们两个相减就可以得出相差的毫秒数，在将毫秒数转换成小时，天就可以了，if语句就是为提醒距离当前时间过去了多少时间，提醒出当前的。今天学习js的时候，老师讲了一个特别好玩的案例，就是可以计算发布了多长时间，就像朋友圈里面，当你看到几分钟前，几小时前一样，然后想起可以计算一下自己活了多少天，用到的是时间函数，...
2022-08-02 19:39:34
696
原创 css3弹性布局，Grid布局
属性flex-stat、flex-end、center、space-between（两端对齐）、space-around（）、stretch.属性flex-stat、flex-end、center、space-between（两端对齐）、space-around（）、stretch.属性flex-stat、flex-end、center、space-between（两端对齐）、space-around（）。flex-shrink属性固定在相同的容器中，项目相对于其余弹性项目的收缩量。...
2022-07-26 17:10:21
459
原创 Sass使用
局部文件可以被多个不同的文件引用。当一些样式需要在多个页面甚至多个项目中使用时，这非常有用。在这种情况下，有时需要在你的样式表中对导入的样式稍作修改，sass有一个功能刚好可以解决这个问题，即默认变量值。//使用&可去除选择器之间的空格，叫父选择器，可以用在伪类伪元素等等。使用伪类的时候，在前面加上&可以去除空格；sass以.scss作为拓展名。中划线和下划线意义相同，编译时不会区分。/*注释会被编译到css文件中*/生命一个变量$变量名值.//注释不会被css编译。层次选择器>、+和~...
2022-07-23 20:11:46
203
原创 css3之动画
ease-out规定缓慢结束的过渡效果，ease-in-out规定开始和结束较慢的过渡效果，如果这几个属性你都不想用，那么你也可以自己定义自己的值,使用cubic-bezier(n,n,n,n)允许你在三次贝塞尔函数中定义自己的值。需要先给动画定义一个样式和名字，使用@keyframes动画名称{from{开始时的样式}to{结束时的样式}}，在这里面定义动画的样式，如果需要用动画，那么就要在要是有动画的地方写上animation-name动画名称；reverse-动画以反方向播放；...
2022-07-21 17:03:39
265
原创 Web Storage的使用
今天学习WebStorage的使用，里面包含两种存储方式一个localStorage它是一种长期储存在浏览器中，浏览器关闭不会清除，除非手动删除才会消失，一种是sessionStorage是在浏览器关闭后就会一起删除，不会继续在浏览器中保存，localStorage的大小最多是5M，而sessionStorage大小最多是20M。效果是这样的，每次打开页面里面的数字并不会消失，而会继续叠加，直到手动删除，否则就会每点一下，就增加一个，在localStorage和sessionStorage里面的属性有。..
2022-07-19 18:51:51
227
原创 svg阴影的使用
里面有挺多的值，feoffset是用来创建阴影效果的，里面的in是定义图像创建效果，dx和dy是是图形的偏移量，值越大偏移的越多，result是用来让下面的效果来关联，stdDeviation是模糊度，值越大越模糊，mode是混合滤镜的模式里面的值有这些。cx/cy表示的是颜色渐变的中心坐标，r表示颜色渐变的范围，fx/fy表示渐变颜色的焦点坐标。里面的values是按照颜色的rgba来使用，是使之前的图像颜色更接近黑色。svg里面也有渐变色，也是分为线性渐变和径向渐变。...
2022-07-18 17:01:06
1425
原创 SVG的使用
第一个标签是绘制一个可以闭口的盒子，里面的值和最上面的差不多只不过多了一个回到原点的值，最下面的标签是绘制直线，值从左到右是x的初始值，y的初始值，x的重点值，y的终点值。这是一个格式效果如上图所示，rect这个标签是用来设置成正方形，里面的值,x和y是起始位置的xy坐标，width和height是控制正方形的宽和高，fill是填充的颜色，stroke是边的颜色，stroke-width是描边的宽度，rx是以多少为半径画圆，还有一个ry意思是相同的，这两个都加上就可以绘制出椭圆形。好可以绘制直线和折线。..
2022-07-16 17:20:52
738
原创 h5画布工具
先在html中创建一个canvas标签，这个标签用来创建画布，默认的大小为300*150.在这个标签里面写的文字不会在网页显示，只有当浏览器的版本不支持画布的时候，才会显示标签里的文字。唯一比较难理解的就是半圆的起始和结束的方向，还有要计算坐标。今天学的画圆，然后制作了一个大风车，其实也没有很难，请看。像哪边便宜就乘以几Π。......
2022-07-15 16:23:30
242
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人