- 博客(32)
- 收藏
- 关注
RSS订阅原创 数组去重（es6）
new Set()与...new Set()是有区别的，...表示的是超引用，他会将对象放入一个数组中，所以以下两种输出结果有所区别 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></..
2018-11-01 14:37:39
179
原创 字符串截取找出所需内容
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>字符串截取找出所需内容</title> </head> <body> <script type="tex
2018-10-31 13:41:36
194
原创 事件委托
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>事件委托</title> </head> <body> <ul> <li&
2018-10-31 09:25:47
186
原创 数组去重
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数组去重</title> </head> <body> <script type="text/javas
2018-10-31 09:25:05
143
原创 冒泡排序（不去重）
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascr
2018-10-31 09:21:33
173
原创 正则表达式基础运用
验证表单背景<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>正则表单验证</title> <style type="text/css"> *{ margin:
2018-09-12 16:16:09
247
原创 自己制作飞机大战小游戏 canvas应用实例
图片只能打包上传百度云链接：https://pan.baidu.com/s/1bxHZYtsZxTzPFis4Fq4AvA 密码：xshc<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>飞机大战</title> &
2018-09-03 14:50:57
1163
原创 tab切换 css3方法实现
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>tab切换-target伪类</title> <style type="text/css"> #container{ widt
2018-09-03 14:27:43
339
原创 tab切换 js代码方法实现
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>tab切换</title> <style type="text/css">/* table tr td{ width: 200
2018-09-03 14:22:27
1008
原创 2048制作
css样式*{ margin: 0; padding: 0; font-family: Arial;}.socre{ width: 100%; height: 150px; margin-top: 50px;}.socre p{ text-align: center; line-height: 150px; font-size: 50px; font-...
2018-08-29 18:50:25
347
原创 利用canvas画一个简单的表盘，对应系统当前时间，canvas练习
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>时钟</title> <style type="text/css"> /*更改canvas的属性,使其可以通过css居中显示*/
2018-08-29 15:30:16
494
1
原创 简单的猜数字游戏 娱乐向
一个简单的猜数字游戏，随时随地可以跟朋友一起玩，电脑随机给出数字，常常在现实中由一个人想出一个数字，然后充当裁判。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> &
2018-08-29 14:01:28
186
原创 video 标签结合js实现播放暂停，广告弹出，进度条联动 video标签的简单应用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0;
2018-08-28 18:08:55
3956
1
原创 h5线性渐变的几种引申
线性渐变中，addColorStop(,)中的第一个数值（0-1取值），可以用随机数表示，第二个值（string类型），可以用rgb，#16进制数，英文单词表示所需颜色。 可以使用随机数的方法来对渐变色使用随机颜色。具体写法：var gard=context.createLinearGradient(0,-r,0,r); gard.addColorStop(0,"rgb...
2018-08-28 17:36:32
747
原创 h5 canvas 实例 画太极
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>太极</title> </head> <body> <canvas width="800px"
2018-08-28 17:27:32
304
原创 随机颜色
canvas入门利用canvas标签创建一个画布利用js代码实现画图利用js里面的随机数画出一个个大小颜色位置都随机的矩形<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>随机颜色</title> </he
2018-08-28 11:49:55
671
原创 单伪元素跟双伪元素清除浮动方法
单伪元素方法：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .clearfix:after{
2018-08-07 15:45:23
2207
1
原创 css三大特性
一，继承 子级会继承父级的样式 针对文本的样式一定会被继承 line-，text-，font-开头的样式一定会被继承 二，层叠 后面的样式会盖住前面的样式（此情况一定是该样式发生了冲突） 三，优先级 ！important>id>class>标签>*（针对单一选择器）...
2018-08-02 17:23:37
172
原创 css选择器
通配符选择器*效率很低，它会先遍历每一个标签，然后在给标签添加属性。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css</title> <style type="text/
2018-08-02 15:54:17
197
原创 表单分组元素
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <fieldset>
2018-08-02 11:03:09
154
原创 form表单 input输入框及属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>form表单</title> </head> <body> <!--form表单 input输入框
2018-08-02 10:59:07
3181
原创 定义列表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>定义列表</title> </head> <body> <!--dl是定义列表，下面包含dt和dd两个标签 d
2018-08-01 11:39:13
1186
原创 列表嵌套
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>列表嵌套</title> </head> <body> <!--有序列表跟无序列表之间可以互相嵌套，但是最好将需要
2018-08-01 10:52:14
260
原创 有序列表和无序列表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>列表</title> </head> <body> <!--ol是有序列表，下面只能嵌套li标签，ol的属性有：
2018-08-01 10:33:57
660
原创 table标签基础
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>table</title> <style type="text/css"> td{ text-align: cente
2018-07-31 17:19:44
152
原创 a标签的部分应用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>a标签的一些用途示例</title> <style type="text/css">
2018-07-31 17:18:31
214
原创 html入门
<!DOCTYPE HTML><html> <head> <title>hello wrold</title> <!--标题--> <meta charset = "UTF-8"/> <!--字符集--> <meta na
2018-07-30 17:15:23
145
转载 angular
AngularJS 简介AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML，且通过 表达式绑定数据到 HTML。AngularJS 是一个 JavaScript 框架AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的...
2018-07-18 10:26:36
316
转载 普通网站防暴力破解的新设计
辣子鸡 描述传统的防范暴力破解的方法是在前端登录页面增加验证码, 虽然能有一定程度效果, 但是用户也跟着遭罪, 验证码越复杂, 用户登录的失败率越高于是最近我想了一个新的设计, 前端在登录时采用解密的方式获取密钥, 把密钥与表单以前发往后端, 用密钥来代替验证码具体细节如下设计用户在登录页面输完用户名密码, 点击登录 js 向后端请求密文 后端生成一个随机字符串和一个指...
2018-07-18 10:26:21
930
转载 css样式优先级
多重样式优先级深入概念优先级是浏览器是通过判断哪些属性值与元素最相关以决定并应用到该元素上的。优先级仅由选择器组成的匹配规则决定的。优先级就是分配给指定的CSS声明的一个权重，它由匹配的选择器中的每一种选择器类型的数值决定。优先级顺序下列是一份优先级逐级增加的选择器列表：通用选择器（*） 元素(类型)选择器 类选择器 属性选择器 伪类 ID 选择器 内联样式!im...
2018-07-18 10:25:50
191
原创 导航栏 课堂笔记
制作导航栏，通过ul>li实现。浮动的应用。去掉li标签小圆点以及a标签下划线并实现鼠标滑过某一区域出现二维码，平时隐藏。下面一个代码更加完善合理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>演示&
2018-07-18 10:25:31
356
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人