- 博客(74)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 js实现FormData
class myFormData { static inputsData = null constructor(el) { this.el = el; myFormData.inputsData = [] myFormData.transform(myFormData.searchDOM(el)) } has(key) { let firstIndex = myFormData.inputsData.findIn
2022-04-23 11:33:04
1063
原创 ts + webpack + babel 的配置
安装 npm i typescript ts-loader -D npm i webpack webpack-cli webpack-dev-server -D npm i @babel/cli @babel/core @babel/preset-env babel-loader -D npm i core-js@3 -S package.json "devDependencies": { + "@babel/cli": "^7.17.6", + "@babel/core": "^7.17.
2022-03-19 20:29:04
1880
原创 Can‘t resolve ‘node_modules\art-template\lib\runtime.js
art-template 声明文件的问题 新建一个 .d.ts 文件，键入 declare module '*.art' 在引入 .art 文件的 ts 中，顶部输入 /// <reference path="index.d.ts" /> 这解决了 ts 声明文件的问题 重点，解决无法引入 runtime.js 的问题 在webpack的配置文件中，键入 resolve: { + preferRelative: true, // 问题关键 } 再次运行 npm run serve，成功启
2022-03-16 17:38:27
1772
原创 jquery幻灯片
htmlhtmlhtml 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>幻灯片</title> <style> body, * { font-size: 10px; } #parse span { color: #667; background-color: #fb5; }
2021-03-13 22:44:27
280
原创 jquery轮播图
轮播图左切换原理图 黄色的方框表示的是 slidesslidesslides ，而 slideslideslide 表示的是所有轮播图的父亲，每个灰色的方框表示的是每一个轮播图。 <div id="slides"> <div id="slide"> <div></div> <div></div> <div></div> </div> </div> 对于 stepsteps
2021-03-13 11:45:37
302
原创 jquery三级下拉栏
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>3级下拉栏</title> <style> #aside-nav { list-style: none; } #aside-nav li { font-size: 10px; } #aside-nav a { text-decorat.
2021-03-07 13:52:20
173
原创 jquery日历
/** * 2021/3/6 * Calendar */ /* get y Year m Month before days */ function getBDays( y, m ) { return (new Date(y, m, 1).getDay()); } /* get y Year m Month total days */ function getTDays( y, m ) { return (new Date(y, m + 1, -1).getDate() + 1); } .
2021-03-06 21:59:51
898
1
原创 yield简单理解
yield能够控制生成器的运行，这是它和return的根本区别 function *test() { let x = 1; let y = yield(x+1); let z = yield(y+x)*2; return x+y+z; } let s=test(); console.log(s.next().value); //2 console.log(s.next(3).value); //8 console.log(s.next(2)); //6 函数第一次调用时，不会运行，只有调用next
2021-02-24 20:13:41
334
原创 Symbol类型
1.基本方法 let a=Symbol();//创建一个symbol symbol本身是原始类型，所以typeof的时候返回symbol，而不是object console.log(typeof a); 使用symbol时，能够传入一个字符串键值，但是这个参数与它本身的定义无关，而与人相关。 let a=Symbol(); let b=Symbol(); console.log(a === b); 即使好像a与b是一样的，但是它们还是不同，因为存储的地方不一样，所以false。 symb
2021-02-24 18:54:23
490
原创 CSS 常用选择器
目录 常用选择器 常用属性（1） 常用属性（2） 常用选择器 id选择器：#id 类选择器：.class 关系选择器：div p、div>p、div,p 伪类选择器：hover 结构性伪类选择器：E:before、E:after、E:nth-chlid、E:first-child、E-last-child 常用属性（1） 字体属性：font-size、font-family、font-weight、font-style 文本属性：text-decoration、text-.
2021-02-16 20:23:35
249
原创 Canvas 贪吃蛇
Canvas 基础应用 html code <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <
2021-02-11 14:52:05
259
1
原创 Canvas 电子时钟
Canvas 基础应用 html code <!-- 角度 * PI / 180 = 弧度 --> <!-- sin30度 = 1/2 --> <!-- P(cosa, sina) --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Canvas 时钟</title> <style type="text/c
2021-02-09 16:52:09
210
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人