笔记
关注
分享
扫一扫
S_1978P1
这个作者很懒，什么都没留下…
展开
-
angular
AngularJS 简介AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML，且通过 表达式绑定数据到 HTML。AngularJS 是一个 JavaScript 框架AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的...转载 2018-07-18 10:26:36 · 337 阅读 · 0 评论 -
h5 canvas 实例 画太极
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>太极</title> </head> <body> <canvas width="800px"原创 2018-08-28 17:27:32 · 325 阅读 · 0 评论 -
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 · 790 阅读 · 0 评论 -
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 · 4045 阅读 · 1 评论 -
简单的猜数字游戏 娱乐向
一个简单的猜数字游戏，随时随地可以跟朋友一起玩，电脑随机给出数字，常常在现实中由一个人想出一个数字，然后充当裁判。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> &原创 2018-08-29 14:01:28 · 211 阅读 · 0 评论 -
利用canvas画一个简单的表盘，对应系统当前时间，canvas练习
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>时钟</title> <style type="text/css"> /*更改canvas的属性,使其可以通过css居中显示*/原创 2018-08-29 15:30:16 · 563 阅读 · 1 评论 -
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 · 383 阅读 · 0 评论 -
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 · 1036 阅读 · 0 评论 -
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 · 355 阅读 · 0 评论 -
自己制作飞机大战小游戏 canvas应用实例
图片只能打包上传百度云链接：https://pan.baidu.com/s/1bxHZYtsZxTzPFis4Fq4AvA 密码：xshc<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>飞机大战</title> &原创 2018-09-03 14:50:57 · 1199 阅读 · 0 评论 -
正则表达式基础运用
验证表单背景<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>正则表单验证</title> <style type="text/css"> *{ margin:原创 2018-09-12 16:16:09 · 269 阅读 · 0 评论 -
冒泡排序（不去重）
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascr原创 2018-10-31 09:21:33 · 193 阅读 · 0 评论 -
数组去重
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数组去重</title> </head> <body> <script type="text/javas原创 2018-10-31 09:25:05 · 182 阅读 · 0 评论 -
事件委托
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>事件委托</title> </head> <body> <ul> <li&原创 2018-10-31 09:25:47 · 221 阅读 · 0 评论 -
字符串截取找出所需内容
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>字符串截取找出所需内容</title> </head> <body> <script type="tex原创 2018-10-31 13:41:36 · 237 阅读 · 0 评论 -
随机颜色
canvas入门利用canvas标签创建一个画布利用js代码实现画图利用js里面的随机数画出一个个大小颜色位置都随机的矩形<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>随机颜色</title> </he原创 2018-08-28 11:49:55 · 718 阅读 · 0 评论 -
三元表达式 心得笔记
三元表达式的嵌套写法基础写法：a?b:c嵌套写法：a?b:c?:d?:e原创 2018-08-24 08:41:19 · 1372 阅读 · 0 评论 -
普通网站防暴力破解的新设计
辣子鸡 描述传统的防范暴力破解的方法是在前端登录页面增加验证码, 虽然能有一定程度效果, 但是用户也跟着遭罪, 验证码越复杂, 用户登录的失败率越高于是最近我想了一个新的设计, 前端在登录时采用解密的方式获取密钥, 把密钥与表单以前发往后端, 用密钥来代替验证码具体细节如下设计用户在登录页面输完用户名密码, 点击登录 js 向后端请求密文 后端生成一个随机字符串和一个指...转载 2018-07-18 10:26:21 · 958 阅读 · 0 评论 -
css样式优先级
多重样式优先级深入概念优先级是浏览器是通过判断哪些属性值与元素最相关以决定并应用到该元素上的。优先级仅由选择器组成的匹配规则决定的。优先级就是分配给指定的CSS声明的一个权重，它由匹配的选择器中的每一种选择器类型的数值决定。优先级顺序下列是一份优先级逐级增加的选择器列表：通用选择器（*） 元素(类型)选择器 类选择器 属性选择器 伪类 ID 选择器 内联样式!im...转载 2018-07-18 10:25:50 · 215 阅读 · 0 评论 -
导航栏 课堂笔记
制作导航栏，通过ul>li实现。浮动的应用。去掉li标签小圆点以及a标签下划线并实现鼠标滑过某一区域出现二维码，平时隐藏。下面一个代码更加完善合理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>演示&原创 2018-07-18 10:25:31 · 382 阅读 · 0 评论 -
html入门
<!DOCTYPE HTML><html> <head> <title>hello wrold</title> <!--标题--> <meta charset = "UTF-8"/> <!--字符集--> <meta na原创 2018-07-30 17:15:23 · 170 阅读 · 0 评论 -
a标签的部分应用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>a标签的一些用途示例</title> <style type="text/css">原创 2018-07-31 17:18:31 · 235 阅读 · 0 评论 -
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 · 180 阅读 · 0 评论 -
有序列表和无序列表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>列表</title> </head> <body> <!--ol是有序列表，下面只能嵌套li标签，ol的属性有：原创 2018-08-01 10:33:57 · 721 阅读 · 0 评论 -
列表嵌套
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>列表嵌套</title> </head> <body> <!--有序列表跟无序列表之间可以互相嵌套，但是最好将需要原创 2018-08-01 10:52:14 · 305 阅读 · 0 评论 -
定义列表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>定义列表</title> </head> <body> <!--dl是定义列表，下面包含dt和dd两个标签 d原创 2018-08-01 11:39:13 · 1211 阅读 · 0 评论 -
form表单 input输入框及属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>form表单</title> </head> <body> <!--form表单 input输入框原创 2018-08-02 10:59:07 · 3249 阅读 · 0 评论 -
表单分组元素
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <fieldset>原创 2018-08-02 11:03:09 · 174 阅读 · 0 评论 -
css选择器
通配符选择器*效率很低，它会先遍历每一个标签，然后在给标签添加属性。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css</title> <style type="text/原创 2018-08-02 15:54:17 · 218 阅读 · 0 评论 -
css三大特性
一，继承 子级会继承父级的样式 针对文本的样式一定会被继承 line-，text-，font-开头的样式一定会被继承 二，层叠 后面的样式会盖住前面的样式（此情况一定是该样式发生了冲突） 三，优先级 ！important>id>class>标签>*（针对单一选择器）...原创 2018-08-02 17:23:37 · 191 阅读 · 0 评论 -
单伪元素跟双伪元素清除浮动方法
单伪元素方法：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .clearfix:after{原创 2018-08-07 15:45:23 · 2271 阅读 · 1 评论 -
数组去重（es6）
new Set()与...new Set()是有区别的，...表示的是超引用，他会将对象放入一个数组中，所以以下两种输出结果有所区别 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></..原创 2018-11-01 14:37:39 · 199 阅读 · 0 评论