- 博客(11)
- 收藏
- 关注
RSS订阅原创 封装document.getElementsByClassName
封装<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body style=
2020-11-22 15:17:26
288
1
原创 less语法笔记
less常用笔记1.html中引入less//在less文件中先要写@charset "UTF-8"//保证不会出错<link rel="stylesheet\less" href="style.less"><script src="less.min.js"></script>//.js的less源文件要在写样式的less文件之后2.变量关于标签：************************@counter:2; h@{counter
2020-05-27 12:50:34
285
原创 MySQL Community Server 8.0.19的安装
1.官网下载MySQL Community Server 8.0.19点击下载1.2.解压缩（我的路径是c:\mysql） 在mysql下新建一个my.ini的文件在文件中写入（全部复制即可，这里面有两段，怕找的有错误就找了两个，貌似一样的，但是也没事儿。里面的路径要设置自己的路径）：[mysqld]character-set-server=utf8mb4bind...
2020-03-12 12:52:16
974
原创 预编译
预编译的四部（在其中执行过的运行时不执行）创建AO对象找形参合和变量声明,将变量和形参名作为AO对象，值为undefined将形参和实参统一在函数体里面找函数声明，值赋予函数体（将函数名作为AO对象的属性名写进AO对象）function fn(a){ console.log(a);//答案1 var a = 123; console.log(a);//答案2...
2020-01-30 19:09:39
131
原创 github中开源项目的搜索
1.根据名字查找：在搜索框中输入：in：name javascript 将js语言换成项目也可以实现得到：由于搜到的太多了：为了更加精细可以继续输入stars forks的控制量2.在readme中搜：查找的更多更细3.在描述里搜：in:descriptiong更加准确直接搜项目还可以选定语言pushed:>2019-1-1 最后一次更新大于2019-1-1...
2019-12-03 11:58:20
203
原创 js对dom操作小练习
点击星星消失，会减慢进度条的移动（后撤），直到进度条满掉，游戏结束游戏实现步骤：1. 点击开始星星在随机位置随机大小，游戏进行的秒数开始计时，进度条往后移2.点击暂停后，秒表暂停，弹出框框，全都暂停。3. 再点击开始，一切继续，直到进度条满，游戏结束html代码：<body> <div id="box"> <input type="but...
2019-11-17 09:50:21
620
原创 @font-face自定义字体或自制图标
自己制作的图标自定义字体首先下载到自己喜欢的字体和图标。有时候图标用图片有点不方便，这就需要我们自己制作图标。可参考下载的网站：点击进入网站https://www.dafont.comhtml代码：注意要有data-icon:“xx”;xx代表你显示的字<!DOCTYPE html><html> <head><title&g...
2019-08-17 00:27:08
538
原创 五彩泡泡box-shadow
emmm虽然和想象中不一样（颜色有点小丑），而且，用的很笨的方法，还比较麻烦，但是还是实现了自己的想法。hhhh这次是利用多重阴影box-shadow来实现的:html代码：<body><ul> <li>龙卷风</li> <li>沙城暴</li> <li>洗衣机</li> &l...
2019-08-07 00:17:32
280
原创 解决outline-radius方法
一开始思路是设置轮廓outline，然后设置outline的圆角，后来发现只有在火狐中才能实现-moz-outline-radius。查了资料原来我们也可以用box-shadow来进行投影实现。张鑫旭老师网址：https://www.zhangxinxu.com/wordpress/2015/04/css3-radius-outline/想实现一个不断膨胀的五颜六色边的泡泡，还没解决，怕忘记所以...
2019-08-06 23:32:28
1831
原创 transform常用属性3d
transform:rotate属性绕轴旋转度数：<!DOCTYPE html><html> <head> <style type="text/css">body{ transform-style:preserve-3d; position: relative; } div{ color:rgb(...
2019-08-05 14:40:53
459
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人