- 博客(20)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 按钮点击波纹效果
动画是从b站看up主视频学的 非原创<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2020-04-27 16:05:09
282
原创 css支付成功动画 svg打勾动画
动画是从b站看up主视频学的 非原创<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2020-04-27 16:02:46
2537
2
原创 css实现 炫酷3d层叠标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
2020-04-27 15:59:47
504
原创 css实现聚光灯效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
2020-04-27 15:58:48
317
原创 手写js防抖和节流方法
//防抖函数// 防抖的概念// 短时间内大量触发同一事件，只会执行一次函数，实现原理为设置一个定时器，约定在xx毫秒后再触发事件处理，每次触发事件都会重新设置计时器，直到xx毫秒内无第二次操作，// 防抖常用于搜索框/滚动条/按钮点击 的监听事件处理，如果不做防抖，每输入一个字/滚动屏幕，都会触发事件处理，造成性能浪费/** * func => 执行的函数体 * wait =&...
2020-04-27 11:33:03
883
原创 javascript中遍历数组的方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
2020-04-21 15:59:09
187
原创 ES6 笔记 => let 和 const
ES6 笔记 => let 和 constlet命令 ES6 新增了let命令，用来声明变量。它的用法类似 var,但是所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1 上面代码在代码块之中，分别用 let 和 var 声明...
2020-03-31 22:42:49
150
原创 TypeSctipt环境安装
1. TypeSctipt环境安装下载 node npm http://nodejs.cn/download/全局安装 typescript 打开命令行npm i -g typescript命令行 输入tsc -v 效验是否安装成功2. 在浏览器中或者node中执行ts代码 在后缀名为.ts的文件中书写typescript代码 使用 tsc ‘hello.ts’ tsc+文件路径...
2020-03-28 12:54:36
158
原创 TypeScript => 泛型
TypeScript笔记7. TypeScript => 泛型// 1. 泛型的定义/* 泛型：软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性(复用性)。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。 在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以...
2020-03-28 12:46:42
194
原创 TypeScript => 接口 interface
TypeScript笔记6. TypeScript => 接口 interface// ts => 接口 interface 类类型接口使用 implements// 1. 属性类接口// 2. 函数类型接口 对方法传入的参数 以及 返回值 进行约束/*interface encrypt { (key: string, value: string): str...
2020-03-28 12:46:06
152
原创 TypeScript => 类
TypeScript笔记5. TypeScript => 类// 1. ts如何定义类/*class Person { name:string; constructor(name:string){ this.name = name; } getName():string{ return this.name; }...
2020-03-28 12:45:33
283
原创 TypeScript => 函数
TypeScript笔记4. TypeScript => 函数// 1. 定义函数的方法 // 需要定义返回值的类型 没有返回值 ():void类型 // 参数需要定义类型// 函数声明法 function run(name: string, age: number): string { return 'run';}// 匿名函数var fun = fun...
2020-03-28 12:45:00
940
原创 TypeScript => 数据类型
TypeScript笔记1. TypeSctipt环境安装下载 node npm http://nodejs.cn/download/全局安装 typescript 打开命令行npm i -g typescript命令行 输入tsc -v 效验是否安装成功2. 在浏览器中或者node中执行ts代码 在后缀名为.ts的文件中书写typescript代码 使用 tsc ‘hello...
2020-03-28 12:44:14
463
原创 VUE 实现MVVM的流程&代码
1.HTML部分<div id="app"> <h2>{{person.name}} -- {{person.age}}</h2> <h3>{{person.fav}}</h3> <h3>{{msg}}</h3> <div v-text="ms...
2020-03-25 14:20:47
326
原创 发布订阅模式
DOM0 和DOM2 事件 & 发布订阅模式1.语法上的区别 //DOM0 box.onclick = function(){} window.onload = function(){} //DOM2 box.addEventListener('click',function(){}) $(document).ready() =>$(function(){})...
2020-03-19 12:17:04
175
原创 编程思想 Design Pattern 设计模式
编程思想 Design Pattern 设计模式1. 构造器模式//Constructor es5function Student (name, gender, score){ this.name = name; this.gender = gender; this.score = score; this.quality = 100; //this.sumSco...
2020-03-17 16:42:00
93
原创 defineProperty&Proxy
defineProperty&ProxydefineProperty 定义对象的属性属性名默认值备注valueundefined值getundefined获取 值setundefined设置 值writablefalse是否可以写 更改enumerablefalse是否可以枚举 for in之类configurab...
2020-02-03 23:18:41
111
原创 react 组件的生命周期
react 组件的生命周期组件的生命周期 大致可以分为四个阶段Initialization => 组件的初始化阶段Mounting => 已插入真实DOM，页面已渲染完成Updating => 数据更新，页面正在重新渲染Unmounting => 已移出真实 DOMInitializatio...
2020-02-03 23:17:35
123
原创 用css改变默认select下拉框的样式
修改默认select下拉框样式；默认下拉框示例html部分css部分chrome浏览器展示样式第一步：修改css清除下拉框的默认样式#test{width: 200px;height: 30px;display: block;margin: 200px auto;/*清除默认样式*/appearance:none; -moz-app
2018-01-03 17:03:05
12105
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人