小杨样样扬-CSDN博客

原创封装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 388 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 384

原创 MySQL Community Server 8.0.19的安装

1.官网下载 MySQL Community Server 8.0.19点击下载 1. 2. 解压缩（我的路径是c:\mysql）在mysql下新建一个my.ini的文件在文件中写入（全部复制即可，这里面有两段，怕找的有错误就找了两个，貌似一样的，但是也没事儿。里面的路径要设置自己的路径）： [mysqld] character-set-server=utf8mb4 bind...

2020-03-12 12:52:16 1055

原创预编译

预编译的四部（在其中执行过的运行时不执行）创建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 195

原创 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 273

原创 js对dom操作小练习

点击星星消失，会减慢进度条的移动（后撤），直到进度条满掉，游戏结束游戏实现步骤： 1. 点击开始星星在随机位置随机大小，游戏进行的秒数开始计时，进度条往后移 2.点击暂停后，秒表暂停，弹出框框，全都暂停。 3. 再点击开始，一切继续，直到进度条满，游戏结束 html代码： <body> <div id="box"> <input type="but...

2019-11-17 09:50:21 745

原创 @font-face自定义字体或自制图标

自己制作的图标自定义字体首先下载到自己喜欢的字体和图标。有时候图标用图片有点不方便，这就需要我们自己制作图标。可参考下载的网站：点击进入网站https://www.dafont.com html代码：注意要有data-icon:“xx”;xx代表你显示的字 <!DOCTYPE html> <html> <head><title&g...

2019-08-17 00:27:08 628

原创五彩泡泡box-shadow

emmm虽然和想象中不一样（颜色有点小丑），而且，用的很笨的方法，还比较麻烦，但是还是实现了自己的想法。hhhh 这次是利用多重阴影box-shadow来实现的: html代码： <body> <ul> <li>龙卷风</li> <li>沙城暴</li> <li>洗衣机</li> &l...

2019-08-07 00:17:32 345

原创解决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 2007

原创 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 535