- 博客(74)
- 资源 (2)
- 收藏
- 关注
原创 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
1002
原创 ts + webpack + babel 的配置
安装npm i typescript ts-loader -Dnpm i webpack webpack-cli webpack-dev-server -Dnpm i @babel/cli @babel/core @babel/preset-env babel-loader -Dnpm i core-js@3 -Spackage.json "devDependencies": { + "@babel/cli": "^7.17.6", + "@babel/core": "^7.17.
2022-03-19 20:29:04
1815
原创 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
1708
原创 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
216
原创 jquery轮播图
轮播图左切换原理图黄色的方框表示的是 slidesslidesslides ,而 slideslideslide 表示的是所有轮播图的父亲,每个灰色的方框表示的是每一个轮播图。<div id="slides"> <div id="slide"> <div></div> <div></div> <div></div> </div></div>对于 stepsteps
2021-03-13 11:45:37
257
原创 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
144
原创 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
826
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); //2console.log(s.next(3).value); //8console.log(s.next(2)); //6函数第一次调用时,不会运行,只有调用next
2021-02-24 20:13:41
279
原创 Symbol类型
1.基本方法let a=Symbol();//创建一个symbolsymbol本身是原始类型,所以typeof的时候返回symbol,而不是objectconsole.log(typeof a);使用symbol时,能够传入一个字符串键值,但是这个参数与它本身的定义无关,而与人相关。let a=Symbol();let b=Symbol();console.log(a === b);即使好像a与b是一样的,但是它们还是不同,因为存储的地方不一样,所以false。symb
2021-02-24 18:54:23
432
原创 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
190
原创 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
197
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
167
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人