Web 前端基础
关注
分享
扫一扫
html5 css3 js
清静清源
这个作者很懒，什么都没留下…
展开
-
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 · 1005 阅读 · 0 评论 -
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 · 1821 阅读 · 0 评论 -
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 · 1715 阅读 · 0 评论 -
js异步遍历器(asyncIterator)
js 的asyncIterator原创 2021-05-30 17:42:56 · 887 阅读 · 0 评论 -
js音乐播放器
js Q版音乐播放器原创 2021-05-28 16:16:59 · 399 阅读 · 0 评论 -
js原型链导图
js原型链原创 2021-05-27 20:51:47 · 216 阅读 · 0 评论 -
live2d-widget 看板娘（改）
看板娘改~原创 2021-05-16 18:14:24 · 1690 阅读 · 0 评论 -
css 太阳系
css太阳系原创 2021-04-26 15:50:25 · 243 阅读 · 0 评论 -
symbol类型
es6 symbol原创 2021-04-10 13:16:41 · 125 阅读 · 0 评论 -
var,let,const关键字
var,let,const关键字原创 2021-04-03 13:28:44 · 114 阅读 · 0 评论 -
php与ajax交互
php与ajax交互原创 2021-04-03 12:42:19 · 612 阅读 · 0 评论 -
php 上传批量文件
php 上传批量文件原创 2021-03-19 11:01:46 · 215 阅读 · 0 评论 -
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 · 221 阅读 · 0 评论 -
jquery轮播图
轮播图左切换原理图黄色的方框表示的是 slidesslidesslides ，而 slideslideslide 表示的是所有轮播图的父亲，每个灰色的方框表示的是每一个轮播图。<div id="slides"> <div id="slide"> <div></div> <div></div> <div></div> </div></div>对于 stepsteps原创 2021-03-13 11:45:37 · 262 阅读 · 0 评论 -
PHP and SQL - 2
PHP and SQL - 2，PHP 数组学习原创 2021-03-10 19:44:41 · 455 阅读 · 1 评论 -
PHP and SQL - 1
PHP and SQL - 1，实现第一个简单的 PHP 站点原创 2021-03-09 15:25:12 · 156 阅读 · 0 评论 -
原生 Js 日历挂件
原生 Js 日历挂件原创 2021-02-26 13:05:31 · 197 阅读 · 0 评论 -
js 关键词高亮
关键词高亮原创 2021-02-25 19:07:43 · 374 阅读 · 0 评论 -
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 · 283 阅读 · 0 评论 -
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 · 435 阅读 · 0 评论 -
String类型
es6 String对象原创 2021-02-24 15:43:34 · 571 阅读 · 0 评论 -
JS 二级收缩列表
简单的二级列表，原生js。原创 2021-02-23 20:48:26 · 158 阅读 · 0 评论 -
var与let的区别
var与let关键字学习笔记，完~原创 2021-02-23 18:37:03 · 1062 阅读 · 0 评论 -
CSS 翻书特效
css翻书，书本特效原创 2021-02-22 13:35:09 · 333 阅读 · 1 评论 -
DOM节点
DOM节点原创 2021-02-21 18:08:59 · 113 阅读 · 0 评论 -
DOM 常用的五种方法
DOM 常用方法原创 2021-02-21 13:58:27 · 261 阅读 · 1 评论 -
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 · 196 阅读 · 0 评论 -
Canvas 简单又看好的星空特效
canvas星空效果，非常好看原创 2021-02-14 15:11:48 · 1767 阅读 · 6 评论 -
Canvas 炫彩小球
动画，小球原创 2021-02-10 17:34:09 · 148 阅读 · 0 评论 -
原生JS鼠标移动拖尾效果
JS 代码function getMousePos(event) { var e = event || window.event; var mouseInfo = { mouseX : e.clientX, mouseY : e.clientY } return mouseInfo;}function getMouseArt() { this.artStyle = { position: "fixed",原创 2020-12-25 17:10:30 · 1234 阅读 · 1 评论 -
HTML 导航栏标签切换
html code<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .tab-box { border: 2px solid greenyellow; } /* display: flex弹性盒子，水平方向*/ .tab-head { display: flex;原创 2020-12-10 11:11:11 · 4351 阅读 · 0 评论 -
HTML 编辑器
HTML 编辑器Vs code hBuilder创建我的第一个网页<!DOCTYPE html> <head lang="en"> <meta charset="UTF-8"/> <title>My first web-site</title> </head> <body> <h1>Hi, Html</h1>原创 2020-11-05 19:49:49 · 738 阅读 · 0 评论