网页导出PDF文件
摘要:转自 出道诗人 var downPdf = document.getElementById("exportToPdf"); downPdf.onclick = function() { html2canvas( document.getElementById("export_content"), {
阅读全文
posted @
2019-01-29 15:34
伊人怎会持宠而骄
阅读(782)
推荐(0) 编辑
图片翻转导航
摘要:<doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery实现图片翻牌旋转特效</title> <style> *{margin:0px;paddi
阅读全文
posted @
2019-01-28 10:02
伊人怎会持宠而骄
阅读(1157)
推荐(0) 编辑
瀑布流之ajax
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } html,body { width: 100%; h
阅读全文
posted @
2019-01-28 09:59
伊人怎会持宠而骄
阅读(113)
推荐(0) 编辑
楼梯效果
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #LoutiNav{ position: fixed
阅读全文
posted @
2019-01-28 09:58
伊人怎会持宠而骄
阅读(219)
推荐(0) 编辑
数码时钟
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
阅读全文
posted @
2019-01-28 09:57
伊人怎会持宠而骄
阅读(98)
推荐(0) 编辑
数字字母随机验证码
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <tr> <td align="right">验证码:</td> <td><label> <input type="text" />
阅读全文
posted @
2019-01-28 09:53
伊人怎会持宠而骄
阅读(190)
推荐(0) 编辑
随机换图
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="开始" id="btns"> <input type="button" va
阅读全文
posted @
2019-01-28 09:52
伊人怎会持宠而骄
阅读(86)
推荐(0) 编辑
纯数字验证码
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <tr> <td align="right">验证码:</td> <td><label> <input type="text" />
阅读全文
posted @
2019-01-28 09:52
伊人怎会持宠而骄
阅读(148)
推荐(0) 编辑
刷新随机改变背景色(面向对象写法)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
posted @
2019-01-28 09:51
伊人怎会持宠而骄
阅读(211)
推荐(0) 编辑
随机抽取名字不重名
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script> function rand( min,max ){ return Math.rou
阅读全文
posted @
2019-01-28 09:50
伊人怎会持宠而骄
阅读(406)
推荐(0) 编辑
随机乱撞的彩色圆球
摘要:<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习第5天[乱撞的球]</title> <style> body { font-family: 微软雅黑; } body, h1 { margin:
阅读全文
posted @
2019-01-28 09:50
伊人怎会持宠而骄
阅读(144)
推荐(0) 编辑
点击DIV随机换颜色
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="改变DIV颜色" id="btn" /> <div style="width
阅读全文
posted @
2019-01-28 09:49
伊人怎会持宠而骄
阅读(625)
推荐(0) 编辑
小图在上选项卡
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>选项卡</title> <style type="text/css"> *{margin: 0; padding: 0; font-family: "微软雅黑";font-size
阅读全文
posted @
2019-01-28 09:48
伊人怎会持宠而骄
阅读(103)
推荐(0) 编辑
小图在下选项卡
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0;} ul,ol{list-style:none;} #box { position:
阅读全文
posted @
2019-01-28 09:48
伊人怎会持宠而骄
阅读(86)
推荐(0) 编辑
加载等待并跳转页面
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form name=loading> <p> <!--进度条加载时上面那行的提示--> <font color="#0066ff"
阅读全文
posted @
2019-01-28 09:47
伊人怎会持宠而骄
阅读(1139)
推荐(1) 编辑
选项卡
摘要:css部分 /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, ifr
阅读全文
posted @
2019-01-28 09:47
伊人怎会持宠而骄
阅读(99)
推荐(0) 编辑
飞机进度条
摘要:css部分 *{padding:0; margin:0;} .container{ margin: 0 auto; width: 60%; padding:20px; } .progress{ margin-top: 50px; padding: 10px; background: grey; bo
阅读全文
posted @
2019-01-28 09:46
伊人怎会持宠而骄
阅读(133)
推荐(0) 编辑
左右焦点轮播图
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
阅读全文
posted @
2019-01-28 09:45
伊人怎会持宠而骄
阅读(86)
推荐(0) 编辑
旋转木马轮播图
摘要:css部分 @charset "UTF-8"; /*初始化 reset*/ blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{ma
阅读全文
posted @
2019-01-28 09:44
伊人怎会持宠而骄
阅读(132)
推荐(0) 编辑
手风琴效果
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> ul{list-style: none} *{margin:0; padding:0;} div{ width: 1150px
阅读全文
posted @
2019-01-28 09:44
伊人怎会持宠而骄
阅读(95)
推荐(0) 编辑
简单版轮播图
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style>* { margin: 0; padding: 0; } ul, ol { list-style: none; } img { display: b
阅读全文
posted @
2019-01-28 09:42
伊人怎会持宠而骄
阅读(149)
推荐(0) 编辑
淡入淡出轮播图
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} ul,ol{ list-style: non
阅读全文
posted @
2019-01-28 09:42
伊人怎会持宠而骄
阅读(91)
推荐(0) 编辑
从右到左无缝滚动轮播图
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> *{ margin:0; padding:0; } div{ width:600px; height:200px; positio
阅读全文
posted @
2019-01-28 09:41
伊人怎会持宠而骄
阅读(616)
推荐(0) 编辑
上下滚动记录列表样式的轮播图
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equ
阅读全文
posted @
2019-01-28 09:41
伊人怎会持宠而骄
阅读(845)
推荐(0) 编辑
自动切换播放轮播图
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ position: relative; mar
阅读全文
posted @
2019-01-28 09:40
伊人怎会持宠而骄
阅读(266)
推荐(0) 编辑
无缝上下滚动轮播图
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> *{ margin:0; padding:0; } #container{ height:170px; width:500px;
阅读全文
posted @
2019-01-28 09:40
伊人怎会持宠而骄
阅读(576)
推荐(0) 编辑
正则表单验证
摘要:<!DOCTYPE html> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Key
阅读全文
posted @
2019-01-28 09:39
伊人怎会持宠而骄
阅读(257)
推荐(0) 编辑
正则判断密码强弱
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ width:80px; height: 10px; display: inline-block; ba
阅读全文
posted @
2019-01-28 09:38
伊人怎会持宠而骄
阅读(359)
推荐(0) 编辑
简单正则验证
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="ok.html"> 用户名: <input type="text" id="t1" /><span id
阅读全文
posted @
2019-01-28 09:37
伊人怎会持宠而骄
阅读(113)
推荐(0) 编辑
QQ号码正则判断
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 输入qq : <input type="text" id="qq" /> <input type="button" value="判
阅读全文
posted @
2019-01-28 09:37
伊人怎会持宠而骄
阅读(966)
推荐(0) 编辑
计算星期几
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <tr> <td>请输入年: &nbs
阅读全文
posted @
2019-01-28 09:36
伊人怎会持宠而骄
阅读(121)
推荐(0) 编辑
倒计时
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 id="h">距离倒计时结束还有xx小时xx分钟xx秒</h1> </body> </html> <script> var
阅读全文
posted @
2019-01-28 09:35
伊人怎会持宠而骄
阅读(133)
推荐(0) 编辑
实现这一天是这一年中的第几天
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 年:<input type="text" id="oTxtYear"/><br> 月:<input type="text" id="
阅读全文
posted @
2019-01-28 09:35
伊人怎会持宠而骄
阅读(116)
推荐(0) 编辑
选项卡放大镜(淘宝购物效果)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ width: 350px; h
阅读全文
posted @
2019-01-28 09:34
伊人怎会持宠而骄
阅读(192)
推荐(0) 编辑
遮罩层放大镜
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } img{ display: block; } #box{
阅读全文
posted @
2019-01-28 09:33
伊人怎会持宠而骄
阅读(113)
推荐(0) 编辑
普通放大镜
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ width: 350px; h
阅读全文
posted @
2019-01-28 09:32
伊人怎会持宠而骄
阅读(115)
推荐(0) 编辑
土豆右下角菜单悬浮效果
摘要:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> *{mar
阅读全文
posted @
2019-01-28 09:31
伊人怎会持宠而骄
阅读(152)
推荐(0) 编辑
固定导航栏、吸顶效果
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0} img{ vertical-align: top; } .top img{ hei
阅读全文
posted @
2019-01-28 09:31
伊人怎会持宠而骄
阅读(767)
推荐(0) 编辑
模拟select控件,css模拟下拉
摘要:<!DOCTYPE html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>模拟select控件</title> <style> html,body{height:100%;
阅读全文
posted @
2019-01-28 09:30
伊人怎会持宠而骄
阅读(296)
推荐(0) 编辑
筋斗云导航
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0; padding: 0;} ul {list-style:none;} body { background-color:
阅读全文
posted @
2019-01-28 09:28
伊人怎会持宠而骄
阅读(1707)
推荐(0) 编辑
匀速展开(侧边分享的效果)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> *{ margin: 0; padding: 0; } div{ width:100px; height: 200px; back
阅读全文
posted @
2019-01-28 09:27
伊人怎会持宠而骄
阅读(130)
推荐(0) 编辑
返回头部的小火箭
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> body { width: 2000px; } .top{ position: fixed; right:50px; bott
阅读全文
posted @
2019-01-28 09:27
伊人怎会持宠而骄
阅读(120)
推荐(0) 编辑
圆形导航
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0} ul{list-style:none;position:relative;margin:50px;}
阅读全文
posted @
2019-01-28 09:25
伊人怎会持宠而骄
阅读(1409)
推荐(0) 编辑
联级菜单
摘要:<!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> </
阅读全文
posted @
2019-01-28 09:24
伊人怎会持宠而骄
阅读(304)
推荐(0) 编辑
日历
摘要:<!doctype html> <html> <head> <meta charset='utf-8'> <link rel='stylesheet' href='外部的css文件路径' /> <title>demo</title> <style> /* 整体设置 */ *{margin:0px;p
阅读全文
posted @
2019-01-25 15:41
伊人怎会持宠而骄
阅读(149)
推荐(0) 编辑
纪录片列表展示
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>搜狐视频记录片列表展示</title> <style> html, body, div, h2, ul, li, p { padding: 0; margin:
阅读全文
posted @
2019-01-25 14:07
伊人怎会持宠而骄
阅读(126)
推荐(0) 编辑
上下移动(鼠标在上半部分往上走,反之相反)
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } .xiaomi{ width:512px; height:400px; o
阅读全文
posted @
2019-01-25 14:01
伊人怎会持宠而骄
阅读(791)
推荐(0) 编辑
鼠标滑过、图片对应的文字高亮
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> li{ list-style: none; float: left; text-align: center; } </style>
阅读全文
posted @
2019-01-25 14:00
伊人怎会持宠而骄
阅读(285)
推荐(0) 编辑
QQ聊天字体选择
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自定义字体形状</title> <style> html, body { margin: 0; padding: 0; } #wrap { background
阅读全文
posted @
2019-01-25 13:59
伊人怎会持宠而骄
阅读(319)
推荐(0) 编辑
字母打字练习
摘要:<html> <head> <meta charset="utf-8"> <title>打字游戏</title> <!--引入animate.css动画库--> <link rel="stylesheet" href="animate.css"> <style> body{ margin: 0; /
阅读全文
posted @
2019-01-25 13:58
伊人怎会持宠而骄
阅读(380)
推荐(0) 编辑
基础样式设置
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS基础 热身课练习</title> <style> * { margin: 0; padding: 0; } body { position: relativ
阅读全文
posted @
2019-01-25 13:56
伊人怎会持宠而骄
阅读(83)
推荐(0) 编辑
switch嵌套--猜拳游戏
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script> /* 设计一个猜拳游戏: 假设: 1代表石头 2代表剪刀 3代表 布 计算机每次随
阅读全文
posted @
2019-01-25 13:55
伊人怎会持宠而骄
阅读(597)
推荐(0) 编辑
克隆应用
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table border = "1" id="tab"> <tr> <td> <input type="checkbox"/> <
阅读全文
posted @
2019-01-25 13:54
伊人怎会持宠而骄
阅读(78)
推荐(0) 编辑
三次机会猜数字
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="请猜数" id="oBtn" /> </body> </html> <scr
阅读全文
posted @
2019-01-25 13:54
伊人怎会持宠而骄
阅读(689)
推荐(0) 编辑
聊天对话框(ctrl+enter发送)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>聊天对话框</title> <style type="text/css"> *{font-size: 14px; padding:0; margin:0;} .main{ po
阅读全文
posted @
2019-01-25 13:53
伊人怎会持宠而骄
阅读(412)
推荐(0) 编辑
加油问题
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script> /* 一个加油站为了鼓励车主多加油,所以加的多有优惠。(嵌套) 92 号汽油,每升
阅读全文
posted @
2019-01-25 13:52
伊人怎会持宠而骄
阅读(338)
推荐(0) 编辑
勾股定理
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" value="" id="num1"/> <span>+</span> <input type
阅读全文
posted @
2019-01-25 13:51
伊人怎会持宠而骄
阅读(164)
推荐(0) 编辑
委托应用-表单的创建和编辑
摘要:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DOM操作</title> </head> <style> #detail{ widt
阅读全文
posted @
2019-01-25 13:50
伊人怎会持宠而骄
阅读(181)
推荐(0) 编辑
学生成绩表(输入成绩后自动算出最高、最低、平均分)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h3>千峰H5成绩计算表</h3> <table> <tr> <td>班级名称:</td> <td><input type="te
阅读全文
posted @
2019-01-25 13:49
伊人怎会持宠而骄
阅读(906)
推荐(0) 编辑
完美拖拽(点击回放运动轨迹)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>完美拖拽</title> <style type="text/css"> html,body{overflow:hidden;} body,div,h2,p{margin:0;pa
阅读全文
posted @
2019-01-25 13:47
伊人怎会持宠而骄
阅读(228)
推荐(0) 编辑
实心图案
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script> //打印 四行五列的矩形 for( var i = 1 ; i <= 4 ; i+
阅读全文
posted @
2019-01-25 13:46
伊人怎会持宠而骄
阅读(128)
推荐(0) 编辑
批量删除
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" id="t"/> <input type="button" id="btn" value="留
阅读全文
posted @
2019-01-25 13:44
伊人怎会持宠而骄
阅读(122)
推荐(0) 编辑
微博发布
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> ul{ list-style-type: none;} *{margin:0;padding: 0;} .box { marg
阅读全文
posted @
2019-01-25 13:44
伊人怎会持宠而骄
阅读(122)
推荐(0) 编辑
模拟垂直滚动条
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box { width: 300px; height: 500px; border: 1px solid red; marg
阅读全文
posted @
2019-01-25 13:43
伊人怎会持宠而骄
阅读(133)
推荐(0) 编辑
数组去重的方法
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script> /* 2、 编写函数has(arr , num) 判断数组中是否存在num这个元素
阅读全文
posted @
2019-01-25 13:43
伊人怎会持宠而骄
阅读(128)
推荐(0) 编辑
点不到的NO
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> html,body{ margin:0; padding:0; width:100%; height:100%; } #box{ width:12
阅读全文
posted @
2019-01-25 13:42
伊人怎会持宠而骄
阅读(75)
推荐(0) 编辑
九九乘法表和空直角
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script> //乘法表 for(var i = 1; i <= 9; i++) { for(v
阅读全文
posted @
2019-01-25 13:41
伊人怎会持宠而骄
阅读(335)
推荐(0) 编辑
表格的创建和删除
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 行:<input type="text" id="r" /> 列:<input type="text" id="c" /> <inp
阅读全文
posted @
2019-01-25 13:40
伊人怎会持宠而骄
阅读(127)
推荐(0) 编辑
彩色签名
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> .active{ width: 10px; height: 10px; position: abs
阅读全文
posted @
2019-01-25 13:40
伊人怎会持宠而骄
阅读(79)
推荐(0) 编辑
限制留言条数
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" id="t"/> <input type="button" id="btn" value="留
阅读全文
posted @
2019-01-25 13:38
伊人怎会持宠而骄
阅读(124)
推荐(0) 编辑
随鼠标运动的彩色小球
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>小球运动</title> <style type="text/css"> p { border-radius: 50%; width: 30px; height: 30px; po
阅读全文
posted @
2019-01-25 13:36
伊人怎会持宠而骄
阅读(156)
推荐(0) 编辑
地图插件
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
posted @
2019-01-24 17:28
伊人怎会持宠而骄
阅读(103)
推荐(0) 编辑
css常用字体
摘要:宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 Fa
阅读全文
posted @
2019-01-24 14:17
伊人怎会持宠而骄
阅读(280)
推荐(0) 编辑
多行文本显示省略号,点击展开隐藏
摘要:css部分 .container{ position: absolute; left:10px; right:10px; width:810px; position: relative; } .content{ font-size: 16px; line-height: 1.5; width: 10
阅读全文
posted @
2019-01-24 12:05
伊人怎会持宠而骄
阅读(1062)
推荐(0) 编辑
某个公司采用公用电话传递数据,数据是四位的整数,在传递过程中是加密的, 加密规则如下:每位数字都加上5,然后用除以10的余数代替该数字,再将第一位和第四位交换, 第二位和第三位交换,请编写一个函数,传入原文,输出密文
摘要:function hash(num){ var n1 = (num%10+5)%10; var n2 = (parseInt(num%100/10)+5)%10; var n3 = (parseInt(num%1000/100)+5)%10; var n4 = (parseInt(num/1000)
阅读全文
posted @
2019-01-23 17:08
伊人怎会持宠而骄
阅读(2206)
推荐(0) 编辑
编写函数digit(num, k),函数功能是:求整数num从右边开始的第k位数字的值,如果num位数不足k位则返回0。
摘要:function digit(num,k){ var knum = 0; for(var i=1; i<=k; i++){ knum = num%10; num = parseInt(num/10); } return knum; }
阅读全文
posted @
2019-01-23 17:07
伊人怎会持宠而骄
阅读(1559)
推荐(0) 编辑
编写函数计算一个数字的长度
摘要:function getLength(num){ var count = 0; while(num != 0){ num = parseInt(num/10); count++; } return count; } function getLength(num){ return num.toStri
阅读全文
posted @
2019-01-23 17:07
伊人怎会持宠而骄
阅读(690)
推荐(0) 编辑
编写一个函数,计算任意两个数字之间所能组成的奇数个数,数字必须是个位数。 比如:计算0~3之间能组成的奇数是: 01、03、13、21、23、31
摘要:function get(m,n){ var count = 0; for(var i=n; i<=m; i++){ for(var j=n; j<=m; j++){ if(i==j) continue; if( (i*10+j)%2 != 0 ){ console.log(i*10+j); cou
阅读全文
posted @
2019-01-23 17:07
伊人怎会持宠而骄
阅读(2426)
推荐(0) 编辑
编写一个函数,在页面上输出一个N行M列的表格,表格内容填充0~100的随机数字
摘要:function print(n,m){ document.write("<table>"); for(var i=0; i<n; i++){ document.write("<tr>"); for(var j=0; j<m; j++){ document.write("<td>"); docume
阅读全文
posted @
2019-01-23 17:06
伊人怎会持宠而骄
阅读(863)
推荐(0) 编辑
编写一个函数,生成4位数字的验证码
摘要:function checkcode(){ var num = parseInt(Math.random()*9000) + 1000; return num; } function checkcode(){ var num = 0; do{ num = parseInt(Math.random()
阅读全文
posted @
2019-01-23 17:06
伊人怎会持宠而骄
阅读(1848)
推荐(0) 编辑
求m-n之间数字的和
摘要:unction sum(m,n){ var sum = 0; if(m>n){ for(var i=n; i<=m; i++){ sum += i; } } else { for(var i=m; i<=n; i++){ sum += i; } } return sum; }
阅读全文
posted @
2019-01-23 17:06
伊人怎会持宠而骄
阅读(366)
推荐(0) 编辑
编写函数,求圆的面积
摘要:function area(radius){ return Math.PI*radius*radius; }
阅读全文
posted @
2019-01-23 17:05
伊人怎会持宠而骄
阅读(1527)
推荐(0) 编辑
编写函数,判断一个字符串的内容是不是纯数字
摘要:var str = "12345a"; function isNumber(str){ if( str == 0){ return true; } if( str == ""){ } return !!Number(str); } var res = isNumber(str);
阅读全文
posted @
2019-01-23 17:05
伊人怎会持宠而骄
阅读(443)
推荐(0) 编辑
编写一个函数,计算三个数字的大小,按从小到大的顺序输出
摘要:function compare(a,b,c) { if(a > b) { } }
阅读全文
posted @
2019-01-23 17:05
伊人怎会持宠而骄
阅读(788)
推荐(0) 编辑
返回顶部
摘要:window.onscroll = function(){ var backBtn = document.getElementById("backTop"); backBtn.onclick = function(){ //将滚动距离设为0,则回到顶部 document.documentElemen
阅读全文
posted @
2019-01-23 17:04
伊人怎会持宠而骄
阅读(110)
推荐(0) 编辑
编写一个函数,计算两个数字的和差积商
摘要:function calculator(num1,num2,sign){ switch(sign){ case "+" : console.log(num1+num2); break; case "-" : console.log(num1-num2); break; case "*" : cons
阅读全文
posted @
2019-01-23 17:04
伊人怎会持宠而骄
阅读(1728)
推荐(0) 编辑
进度条
摘要:window.onload = function(){ var num = 5; var div = document.getElementById("ad"); var t = setInterval(function(){ if(num == 0) { clearInterval(t); div
阅读全文
posted @
2019-01-23 17:03
伊人怎会持宠而骄
阅读(77)
推荐(0) 编辑
广告弹出框
摘要:window.onload = function(){ var fdiv = document.getElementById("filldiv"); var percent = document.getElementById("percent"); var timer = setInterval(f
阅读全文
posted @
2019-01-23 17:03
伊人怎会持宠而骄
阅读(91)
推荐(0) 编辑
顶部悬浮
摘要:window.onscroll = function(){ var div2 = document.getElementById("div2"); var _top = document.body.scrollTop || document.documentElement.scrollTop; if
阅读全文
posted @
2019-01-23 17:03
伊人怎会持宠而骄
阅读(84)
推荐(0) 编辑
自定义滚动条
摘要:<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0;padding: 0;} html,body { width: 100%;height: 100%;}
阅读全文
posted @
2019-01-23 17:02
伊人怎会持宠而骄
阅读(297)
推荐(0) 编辑
倒计时
摘要:var total = 3600; var t = setInterval(function(){ total--; if(total == 0){ clearInterval(t); return; } console.log( formatNumber(parseInt(total/60)) ,
阅读全文
posted @
2019-01-23 17:02
伊人怎会持宠而骄
阅读(54)
推荐(0) 编辑
数码时钟
摘要:setInterval(function(){ var now = new Date(); var hour = now.getHours(); var min = now.getMinutes(); var sec = now.getSeconds(); var n1 = parseInt(hou
阅读全文
posted @
2019-01-23 17:02
伊人怎会持宠而骄
阅读(98)
推荐(0) 编辑
拖拽封装
摘要:/** * draggbale 拖拽元素 * 1.0版本 * 使用方式: * draggable(ele, { * x : false, //表示水平方向是否可拖拽 * y : true, //表示垂直方向是否可拖拽 * limit : true, //表示活动范围是否限制在定位父元素内 * pad
阅读全文
posted @
2019-01-23 17:01
伊人怎会持宠而骄
阅读(177)
推荐(0) 编辑
鼠标跟随效果
摘要:document.onmousemove = function(e){ e = e || event; box.style.left = e.clientX + "px"; box.style.top = e.clientY + "px"; }
阅读全文
posted @
2019-01-23 16:56
伊人怎会持宠而骄
阅读(71)
推荐(0) 编辑
显示光标位置
摘要://event对象,只存在于事件函数中 //无法自己创建event对象,由浏览器生成,我们只管拿来用就可以 var btn = document.getElementsByTagName("button")[0]; document.onmousemove = function(evt){ //al
阅读全文
posted @
2019-01-23 16:55
伊人怎会持宠而骄
阅读(135)
推荐(0) 编辑
跟随鼠标的弹出层
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
阅读全文
posted @
2019-01-23 16:54
伊人怎会持宠而骄
阅读(158)
推荐(0) 编辑
鼠标移动有尾巴
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>无标题文档</title> <link href="css/font-awesome.css" rel="stylesheet"> <style type="text/css">
阅读全文
posted @
2019-01-23 16:54
伊人怎会持宠而骄
阅读(96)
推荐(0) 编辑
css模拟下拉菜单
摘要:<!DOCTYPE html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>模拟select控件</title> <style> html,body{height:100%;
阅读全文
posted @
2019-01-23 16:54
伊人怎会持宠而骄
阅读(116)
推荐(0) 编辑
express有中间件的增删改查
摘要:var express = require('express');引入express框架 var router = express.Router();引入router路由级中间件 var data = require("../data");引入data文件 var url = require("ur
阅读全文
posted @
2019-01-23 16:51
伊人怎会持宠而骄
阅读(262)
推荐(0) 编辑
express无中间件的增删改查
摘要:index.js const express = require("express");导入express框架 const data = require("./data");导入data文件 const url = require('url');导入路径模块 const fs = require("
阅读全文
posted @
2019-01-23 16:51
伊人怎会持宠而骄
阅读(161)
推荐(0) 编辑
fs和http模块
摘要:fs模块写入文件的方式 导入内置模块 const fs=require("fs") 一、异步写入方式 fs.writeFile("写入文件的路径",str,"utf-8",(err)=>{ console.log(); }) 二、同步写入方式 fs.writeFileSync("写入文件的路径",s
阅读全文
posted @
2019-01-23 16:50
伊人怎会持宠而骄
阅读(201)
推荐(0) 编辑
node和yarn
摘要:nvm 版本管理工具 https://github.com/coreybutler/nvm-windows/releases nvm-setup nvm install +版本号 加版本 nvm ls 列表所有的node版本 nvm use +版本号 切换版本 https://github.com/
阅读全文
posted @
2019-01-23 16:50
伊人怎会持宠而骄
阅读(387)
推荐(0) 编辑
express基础
摘要:express框架 const express = require("express"); 引入express框架 var app= express(); 实例化 相当于构造函数 设置模板所在的目录 默认是views app.set("views","tem"); 设置模板目录,第一个参数固定,第二
阅读全文
posted @
2019-01-23 16:49
伊人怎会持宠而骄
阅读(133)
推荐(0) 编辑
express路由
摘要:路由 根据不同的请求,返回不同的内容(源代码) 根据不同的路径,显示不同的内容 根据不同的请求,返回不同的内容(源代码) 根据不同的路径,显示不同的内容 path模块 path.extname() 获取请求文件的后缀名 var extname = path.extname(req.url); pat
阅读全文
posted @
2019-01-23 16:49
伊人怎会持宠而骄
阅读(106)
推荐(0) 编辑
mongodb基础
摘要:mongodb 非关系型数据库 以键值对形式书写 集合 collection 整个表格 文档 document 表格中的每一条数据 mongodb开机 mongod --dbpath=d:/data 连接客户端 mongo 非关系型数据库 以键值对形式书写 集合 collection 整个表格 文档
阅读全文
posted @
2019-01-23 16:48
伊人怎会持宠而骄
阅读(94)
推荐(0) 编辑
react生命周期
摘要:初始化 1、constructor constructor参数接受两个参数props,context 可以获取到父组件传下来的的props,context,如果想在constructor构造函数内部(注意是内部哦,在组件其他地方是可以直接接收的)使用props或context,则需要传入,并传入su
阅读全文
posted @
2019-01-23 16:47
伊人怎会持宠而骄
阅读(119)
推荐(0) 编辑
钩子函数
摘要:导航守卫 1、router.beforeEach(to, from, next) 注册全局 1)to: Route: 即将要进入的目标 路由对象 2)from: Route: 当前导航正要离开的路由 3)next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 ne
阅读全文
posted @
2019-01-23 16:46
伊人怎会持宠而骄
阅读(136)
推荐(0) 编辑
生命周期
摘要:beforeCreate 当实例被创建之前的函数 没有实例化,数据访问不到 当实例被创建之前的函数 没有实例化,数据访问不到 created 实例被创建完成之后调用 能拿到数据,可以在这个钩子函数里发请求,访问后端接口拿数据 也能修改数据,且修改数据不会触发updated beforeUpdate钩
阅读全文
posted @
2019-01-23 16:46
伊人怎会持宠而骄
阅读(171)
推荐(0) 编辑
vue基础
摘要:vue是一个渐进式框架 渐进式:提供了最基本的功能,主要的功能需要自己添加。 弱主张,一个轻量级的框架 是一个数据驱动的MVVM框架 M:(model)处理数据的模型层 V:(view)数据的视图层 VM:()视图模型 当数据变化时把数据变化渲染到视图上 zepto是一个逐渐增强的框架 渐进式:提供
阅读全文
posted @
2019-01-23 16:45
伊人怎会持宠而骄
阅读(131)
推荐(0) 编辑
传值
摘要:父向子传值 通过属性进行传递接受用props属性进行接受。props属性用来接收外部属性。 在父组件中当子组件当作标签使用的时候给子组件添加属性,值为需要传递的值。在子组件内部通过props 进行接受。接受的方式有2种,第一种为数组接受,第二种为对象接受,推荐用第二种,对象形式的可以限制数 据的类型
阅读全文
posted @
2019-01-23 16:45
伊人怎会持宠而骄
阅读(123)
推荐(0) 编辑
组件
摘要:组件 可复用的vue实例,且带有一个名字 可复用的vue实例,且带有一个名字 全局注册组件 Vue.component(name,path); 1)name:组件的名称 2)path:组件的配置(必须要有模板) 可以在多个实例中使用 Vue.component(name,path); 1)name:
阅读全文
posted @
2019-01-23 16:45
伊人怎会持宠而骄
阅读(67)
推荐(0) 编辑
设计模式
摘要:设计模式 什么是设计模式?(单例、工厂、观察者、代理、策略等,后台语言设计模式:MV* >MVC MVVM 不属于23种设计模式 ) MV MVC 设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被
阅读全文
posted @
2019-01-22 10:31
伊人怎会持宠而骄
阅读(102)
推荐(0) 编辑
闭包
摘要:匿名函数的自执行 将匿名函数用小括号包起来,然后在后面加个小括号; (function(){ })() 如果有参数,在后面加的小括号中传参; (function( m,n ){ })( m,n ) 如果有返回值,用个变量接,在输出变量; var res = (function(){ })() ale
阅读全文
posted @
2019-01-22 10:30
伊人怎会持宠而骄
阅读(93)
推荐(0) 编辑
继承
摘要:1、梳理知识点 面向对象 : 功能独立 便于后期维护 变量的私有化 面向过程 : 什么是类 : 类和对象的关系 : 对象创建的几种方式 1、字面量创建方法{ } new Object() 2、 工厂模式 instanceof 3、构造函数 4、解决构造的缺点 :使用原型方法 5、混合 原型对象 :
阅读全文
posted @
2019-01-22 10:29
伊人怎会持宠而骄
阅读(101)
推荐(0) 编辑
面向对象
摘要:1、面向对象 对象 : 是一个整体,描述一个事物的所有信息 一切具有相同属性和行为的物质 一切具有属性和方法的事物 对象数据类型 都有属性和方法 document.getElementById("").index = 0; 面向对象 : 是一种编程思想 面向对象的好处 : 功能独立 便于后期的管理和
阅读全文
posted @
2019-01-22 10:28
伊人怎会持宠而骄
阅读(184)
推荐(0) 编辑
跨域
摘要:1、梳理知识点 ajax请求服务器数据的步骤 ajax.onreadystatechange = function(){ status readyState } ajax缓存 : ajax从服务器获取数据都是 字符串 JSON.parse ajax访问接口 : ajax封装 : 服务器返回的数据 通
阅读全文
posted @
2019-01-22 10:25
伊人怎会持宠而骄
阅读(126)
推荐(0) 编辑
bootstrap
摘要:bootstrap https://v3.bootcss.com 前端框架 对html、css和js的封装 特点 信息量小 主要用于响应式和移动端设备 基于jquery开发的框架,在使用bs之前,先引入 jquery 栅格 由行 和 列组成 每一行 最多 12列 让按钮弹出一个模式对话框,需要设置按
阅读全文
posted @
2019-01-22 10:25
伊人怎会持宠而骄
阅读(81)
推荐(0) 编辑
ajax
摘要:1、梳理知识点 php操作mysql 步骤 : 连接数据源 选择数据库 设置字符编码 编写sql语句 执行sql语句 mysql_query() mysql_fetch_array() 返回执行结果 客户端向服务器传递数据方式 : 表单提交数据 超链接路径传递参数 ajax php操作mysql 步
阅读全文
posted @
2019-01-22 10:24
伊人怎会持宠而骄
阅读(171)
推荐(0) 编辑
php基础和数据库
摘要:服务器和客户端 客户端 程序: 通过浏览器直接运行 服务器 程序: 通过安装某种服务器软件 程序才可以运行 apache php文件 tomcat jsp文件 iis .asp文件 .net 服务器文件必须在某种协议下运行 http 和 https 默认端口号 80 客户端 程序: 通过浏览器直接运
阅读全文
posted @
2019-01-22 10:23
伊人怎会持宠而骄
阅读(148)
推荐(0) 编辑
php操作mysql
摘要:涉及的数据库 db1811 用户表 : create table user ( uid int primary key auto_increment, uname varchar(100), upwd varchar(100) ) 成绩表: create table score ( sid int
阅读全文
posted @
2019-01-22 10:23
伊人怎会持宠而骄
阅读(233)
推荐(0) 编辑
反弹 重力加速度 圆周
摘要:反弹 1、先定义个横向的速度(speedX)和一个纵向速度(speedY) 2、再设置小球的运动轨迹 ball.style.left = ball.offsetLeft + speedX + "px"; ball.style.top = ball.offsetTop + speedY + "px";
阅读全文
posted @
2019-01-22 10:21
伊人怎会持宠而骄
阅读(243)
推荐(0) 编辑
抛物线
摘要:抛物线思路 第一步 : 确定三点坐标 起点 var startPoint = { x : addCart.offsetLeft+addCart.offsetWidth/2, y : addCart.offsetTop } 终点 var endPoint = { x : shopCart.offset
阅读全文
posted @
2019-01-22 10:17
伊人怎会持宠而骄
阅读(207)
推荐(0) 编辑
运动
摘要:1、匀速运动 解决速度 : target-obj.offsetLeft > 0 ? 正速度 : 负速度 透明度操作:定义一个变量,并把数值扩大到100倍(步长除外),最终的数值缩小100倍 匀速运动 解决速度 : target-obj.offsetLeft > 0 ? 正速度 : 负速度 透明度操作
阅读全文
posted @
2019-01-22 10:14
伊人怎会持宠而骄
阅读(151)
推荐(0) 编辑
ES6
摘要:严格模式 在程序或函数的开头处 加一个 “use strict” 严格模式下的要求 : 1、变量必须用var定义 2、八进制被禁用 3、函数必须声明在程序的最顶端 在程序或函数的开头处 加一个 “use strict” 严格模式下的要求 : 1、变量必须用var定义 2、八进制被禁用 3、函数必须声
阅读全文
posted @
2019-01-22 10:10
伊人怎会持宠而骄
阅读(168)
推荐(0) 编辑
cookie
摘要:什么是cookie ? 就是 会话跟踪技术 会话 : 从 浏览网站开始 到 结束的这个过程 称为一次会话 浏览器关闭 表示会话结束 会话跟踪技术 : 客户端向服务器端请求数据,多次请求时,实现数据共享的过程,称为会话跟踪技术. 客户端 : 为用户提供浏览器网址的一台电脑 服务器 : 安装了某种服务软
阅读全文
posted @
2019-01-22 10:06
伊人怎会持宠而骄
阅读(136)
推荐(0) 编辑
正则用法
摘要:梳理知识点 事件问题 : 事件冒泡 事件委托 : 事件绑定 (addEventListener) json对象的数据定义和获取 json[“键”] json.键 拖拽 scrollTop documen.documentElement.scrollTop || document.body.scrol
阅读全文
posted @
2019-01-22 10:03
伊人怎会持宠而骄
阅读(111)
推荐(0) 编辑
正则
摘要:1、梳理知识点 1、浏览器默认行为阻止 e.preventDefault() e.returnValue=false return false 2、事件委托 事件源获取 : oUl.onclick = function(){ e.target || e.srcElement 可以根据标签名 或 属性
阅读全文
posted @
2019-01-22 10:00
伊人怎会持宠而骄
阅读(98)
推荐(0) 编辑
json 拖拽
摘要:1、梳理知识点 1、事件对象 e || event 2、事件对象的属性 鼠标事件对象 : 坐标属性 : clientX clientY pageX pageY offsetX offsetY 键盘事件对象 : 获取按键值 keyCode 3、事件流 事件冒泡 和 事件 捕获 4、阻止冒泡 : e.s
阅读全文
posted @
2019-01-22 09:58
伊人怎会持宠而骄
阅读(254)
推荐(0) 编辑
event事件对象
摘要:1、梳理知识点 内置对象 Array 数组操作方法 数组扩展方法 forEach filter reduce map indexOf 栈和堆 数组去重 : 数组排序 String 操作方法 str.split arr.join Date 获取日期 设置日期 时间差 Math 获取随机整数公式 DOM
阅读全文
posted @
2019-01-22 09:55
伊人怎会持宠而骄
阅读(194)
推荐(0) 编辑
DOM
摘要:1、梳理知识点 window对象: location.... window对象方法 : 定时器 : document对象 : document.getElementsByTagName() 集合 document.querySelector("#box") .box div document.bod
阅读全文
posted @
2019-01-22 09:52
伊人怎会持宠而骄
阅读(125)
推荐(0) 编辑
BOM
摘要:1、梳理知识点 内置对象 : Array String Date Math Array : 排序 去重 增删改查 Date : 获取日期 倒计时 设置几天后的时间 Math :获取随机的整数 function rand(min,max){ } 内置对象 : Array String Date Mat
阅读全文
posted @
2019-01-22 09:51
伊人怎会持宠而骄
阅读(188)
推荐(0) 编辑
数学对象和时间对象
摘要:1、梳理知识点 1、数组排序 : 冒泡 选择 数组去重 2、数组扩展方法 : forEach indexOf filter map reduce 3、字符串对象 : charAt charCodeAt String.fromCharCode indexOf lastIndexOf substr su
阅读全文
posted @
2019-01-22 09:46
伊人怎会持宠而骄
阅读(174)
推荐(0) 编辑
字符串
摘要:1、梳理知识点 对象 : { } 构造函数 : new Array() 内置对象 数组 数组定义 : [ ] new Array( 9 ) for..in for 操作方法 push pop shift unshift splice sort reverse join() concat() 栈和堆:
阅读全文
posted @
2019-01-22 09:40
伊人怎会持宠而骄
阅读(119)
推荐(0) 编辑
Array
摘要:1、梳理知识点 1、运算符和表达式 算术 % ++ -- 关系 == >= != !== <= ... 逻辑 && || ! 条件 ? : 判断 赋值 = += -= 2、类型转换 "888" 自动转数值 强制 parseInt() parseFloat() Number("333wsws") Bo
阅读全文
posted @
2019-01-22 09:38
伊人怎会持宠而骄
阅读(161)
推荐(0) 编辑
作用域
摘要:1、梳理知识点 循环嵌套完成图形题 函数定义 : function fn(){} 函数调用 : 函数名() 函数参数 : 形参 和 实际参数 函数返回值 : return 循环嵌套完成图形题 函数定义 : function fn(){} 函数调用 : 函数名() 函数参数 : 形参 和 实际参数 函
阅读全文
posted @
2019-01-22 09:34
伊人怎会持宠而骄
阅读(126)
推荐(0) 编辑
函数
摘要:1、梳理知识点 1、运算符和表达式 算术 关系 逻辑 条件 赋值 2、短路 true || 不执行 false && 不执行 3、类型转换 自动转换 "8888" 强制转换 parseInt() parseFloat() Number("453.45a") Boolean() toString()
阅读全文
posted @
2019-01-22 09:32
伊人怎会持宠而骄
阅读(159)
推荐(0) 编辑
循环结构
摘要:1、梳理知识点 类型转换 : 自动转换 "9" == 8 算术运算 null undefeind 强制转换 扩展方法 isNaN eval 短路 : 选择结构 : if else switch (表达式){ case 1 } js操作页面元素 为元素添加事件 元素.onclick = functio
阅读全文
posted @
2019-01-22 09:29
伊人怎会持宠而骄
阅读(193)
推荐(0) 编辑
选择结构
摘要:运算符优先级 ( ) → 单目(++ -- !) → 算术 → 关系 → 逻辑 → 条件 → 赋值 = ( ) → 单目(++ -- !) → 算术 → 关系 → 逻辑 → 条件 → 赋值 = 短路 现象(扩展) 当 true 遇到 || ,也就是 true || , || 右侧的表达式不执行 当
阅读全文
posted @
2019-01-22 09:27
伊人怎会持宠而骄
阅读(163)
推荐(0) 编辑
js基础和运算符
摘要:1、什么JavaScript? 运行环境 : 浏览器 是一种具有安全性的客户端的脚本语言 用来实现与web页面交互 脚本语言:语言嵌入到html代码中 js可以让页面中静止的元素动起来 2、js的历史背景(了解) 布莱登.艾奇 JavaScript诞生于1995年。起初它的主要目的是处理以前由服务器
阅读全文
posted @
2019-01-22 09:22
伊人怎会持宠而骄
阅读(145)
推荐(0) 编辑
循环遍历
摘要:item 表示数组中的数据 index 表示下标 array 表示遍历的数组 item 表示数组中的数据 index 表示下标 array 表示遍历的数组 while do...while for for(var i = 1 ; i <= 100 ; i++){ break } for(var i
阅读全文
posted @
2019-01-21 10:40
伊人怎会持宠而骄
阅读(143)
推荐(0) 编辑
判断方法
摘要:判断非数字 isNAN() 括号中为非数字 isNAN() 括号中为非数字 测试变量的类型 typeof() typeof typeof() 结果都是string typeof() typeof typeof() 结果都是string
阅读全文
posted @
2019-01-21 10:40
伊人怎会持宠而骄
阅读(92)
推荐(0) 编辑
转换方法
摘要:关联数组转对象 json_encode() var arr=( array("sname"=>"jack") ) json_encode( arr ) json_encode() var arr=( array("sname"=>"jack") ) json_encode( arr ) 对象转字符串
阅读全文
posted @
2019-01-21 10:37
伊人怎会持宠而骄
阅读(128)
推荐(0) 编辑
数组去重
摘要:方法一 set 数组去重 定义一个函数 实现数组去重 返回去重后的数组 function norepeat( arr ){ var set = new Set( arr ); return Array.from( set );(返回去重后的数组) return Array.from( new Set
阅读全文
posted @
2019-01-21 10:36
伊人怎会持宠而骄
阅读(167)
推荐(0) 编辑
js常见兼容
摘要:滚动条的兼容写法(谷歌chrome) document.documentElement.scrollTop || document.body.scrollTop document.documentElement.scrollTop || document.body.scrollTop 阻止浏览器默认
阅读全文
posted @
2019-01-21 10:34
伊人怎会持宠而骄
阅读(95)
推荐(0) 编辑
封装cookie
摘要:设置cookie function setCookie( key , value ,day ){ if( day ){ var now = new Date(); now.setDate( now.getDate() + day ); document.cookie = key +"=" + val
阅读全文
posted @
2019-01-21 10:28
伊人怎会持宠而骄
阅读(113)
推荐(0) 编辑
常用函数封装
摘要:定义一个函数 功能实现通过id查找页面元素 返回值就是一个页面元素 function $id(id){ return document.getElementById(id); } function $id(id){ return document.getElementById(id); } 定义一个
阅读全文
posted @
2019-01-21 10:27
伊人怎会持宠而骄
阅读(158)
推荐(0) 编辑
碰撞封装
摘要:function pz(obj1,obj2){ var L1 = obj1.offsetLeft; var R1 = obj1.offsetLeft + obj1.offsetWidth; var B1 = obj1.offsetTop + obj1.offsetHeight; var T1 = o
阅读全文
posted @
2019-01-21 10:26
伊人怎会持宠而骄
阅读(111)
推荐(0) 编辑
运动封装(支持缓冲 多物体 链式和完美)
摘要://obj 代表运动对象 //json : 代表多个attr和target // callback 表示一个函数 (下一个动作) 当一个参数代表一个函数时,这个参数表示 回调函数 // 支持 缓冲和多物体 支持透明度 支持链式运动 支持完美运动 解决完美运动 bug function startMo
阅读全文
posted @
2019-01-21 10:25
伊人怎会持宠而骄
阅读(226)
推荐(0) 编辑
数组排序
摘要:选择排序 function mySort( arr ){ for( var i = 0 ; i < arr.length - 1 ; i++ ){ for( var j = i+1 ; j<=arr.length - 1 ; j++ ){ if( arr[i] > arr[j] ){ [arr[i]
阅读全文
posted @
2019-01-21 10:24
伊人怎会持宠而骄
阅读(92)
推荐(0) 编辑
匀速运动
摘要:匀速运动 function startMove(target){ clearInterval( timer ); timer = setInterval( function(){ var speed = target - oDiv.offsetLeft>0 ? 7 : -7; if( Math.ab
阅读全文
posted @
2019-01-21 10:24
伊人怎会持宠而骄
阅读(131)
推荐(0) 编辑
使用promise对象封装一个ajaxGet函数
摘要:function promiseAjax(url,data){ var pro = new Promise(function(success,failed){ 承诺一件事 : 使用ajax请求服务器的数据 var ajax = new XMLHttpRequest(); if( data ){ ur
阅读全文
posted @
2019-01-21 10:23
伊人怎会持宠而骄
阅读(219)
推荐(0) 编辑
ajaxGet 获取封装
摘要:callback 表示下一个功能(回调函数) function ajaxGet(url,callback,data){ 如果路径上有参数 就在url后面拼接参数 否则只请求url if( data ){ url = url + "?" + data; } 创建ajax对象 var ajax = nu
阅读全文
posted @
2019-01-21 10:23
伊人怎会持宠而骄
阅读(245)
推荐(0) 编辑
关于时间的
摘要:自定义日期时间格式 function dateToString(now){ var year = now.getFullYear(); var month =toTwo( now.getMonth()+1 ); var d =toTwo( now.getDate() ); var h = toTwo
阅读全文
posted @
2019-01-21 10:22
伊人怎会持宠而骄
阅读(133)
推荐(0) 编辑
获取高度最小的列的下标
摘要:function getMinHeightIndex(){ //假设第一列是最小高度列 var minHeight = cols[0].offsetHeight; var minHeightIndex = 0;//假设的下标 //遍历五个列 找最小高度 for( var i = 0 ; i < co
阅读全文
posted @
2019-01-21 10:22
伊人怎会持宠而骄
阅读(122)
推荐(0) 编辑
webpack
摘要:webpack? 模块化打包器 作用:将浏览器不识别的语法 转换成浏览器识别的语法 工作流程: 通过一个入口文件,找个这个入口文件所依赖的所有模块 通过loader进行打包,打包成一个或者多个js文件 webpack vs gulp 区别 没有可比性 模块打包机 前端自动化工具 1、全局安装webp
阅读全文
posted @
2019-01-21 10:20
伊人怎会持宠而骄
阅读(133)
推荐(0) 编辑
nodeJs
摘要:1、什么是nodeJS nodejs是基于chromeV8引擎的JavaScript运行环境 使用了一个事件驱动 非阻塞的 i/o式模型 使其轻量又高效 2、引擎? 渲染引擎 脚本引擎 V8引擎最好的一种脚本引擎 3、I/O模型 输入和输出 gulp->gulpfile.js 4、客户端的js与服务
阅读全文
posted @
2019-01-21 10:20
伊人怎会持宠而骄
阅读(95)
推荐(0) 编辑
node.js
摘要:MarkDown 文本标记语言,可以用特殊的符号对文本进行标记或设置 一般用于写文档或文本信息,类似于word 可以编译成html/pdf/word等格式 软件 typora,编译markdown 语法 #空格 标题 文本标记语言,可以用特殊的符号对文本进行标记或设置 一般用于写文档或文本信息,类似
阅读全文
posted @
2019-01-21 10:19
伊人怎会持宠而骄
阅读(121)
推荐(0) 编辑
gulp
摘要:gulp 使用方式 需要在全局环境和本地环境中都安装 需要在gulpfile.js 在gulpfile.js文件中操作gulp,让gulp去创建任务,这个文件的代码运行在node中 引入gulp,因为gulp是在node-modules中的,所以不需要加路径,只需写名字 const gulp=req
阅读全文
posted @
2019-01-21 10:18
伊人怎会持宠而骄
阅读(251)
推荐(0) 编辑
模块化
摘要:webpack 定义 将系统功能分离成独立的功能部分的方法,分离出去的每一个部分,都可以看成一个模块。即一个js文件里有一定的功能,这个js文件就是一个模块 优点 1、开发成本低,便于协调合作,开发效率高,便于复用和维护以及测试(代码复用,便于维护) 入口文件 做模块化时,最终需要将各个文件组合在一
阅读全文
posted @
2019-01-21 10:17
伊人怎会持宠而骄
阅读(104)
推荐(0) 编辑
sass
摘要:css预处理语言 写sass然后使用工具将其编译成css sass比css多了很多功能,比如定义变量/循环/嵌套等 sass的语言版本有两种,老版本的后缀名是.sass,新版本的后缀名是.scss 在项目中准备使用sass代替css,所以需使用gulp-sass来对sass进行编译需下载(node-
阅读全文
posted @
2019-01-21 10:17
伊人怎会持宠而骄
阅读(114)
推荐(0) 编辑
git
摘要:代码版本控制工具 我们在项目开发过程中,经常会需要将代码回退到前一天或者其他的某个时间节点,这个时候我们可以针对情况对代码进行删除等操作,但是这种删除的操作一般代价都比较大,成本比较高,这个时候我们就可以对我们的代码进行版本控制,当然我可以手动的在开发发某个功能之后,将代码文件都保存一份,然后需要更
阅读全文
posted @
2019-01-21 10:16
伊人怎会持宠而骄
阅读(194)
推荐(0) 编辑
新增方法
摘要:新增方法 1、实例直接调用 如.css等 $ 就是jquery,是一个构造器,$()能返回一个jquery实例 jquery实例的__proto__属性拥有css方法,所以可以直接使用 jquery的原型拥有很多方法,jquery实例的__proto__属性指向的是jquery的原型,所以新增jqu
阅读全文
posted @
2019-01-21 09:58
伊人怎会持宠而骄
阅读(155)
推荐(0) 编辑
动画
摘要:基本动画 show() 没有参数 等价 css:display:block 可以有三个参数 第一个参数 :动画执行的时间 第二个参数 :动画执行方式 linear(线性) swing(摇摆) 第三个参数 :动画完成后的回调函数 hide() 隐藏 toggle() 切换 显示/隐藏 上拉/下拉 :
阅读全文
posted @
2019-01-21 09:54
伊人怎会持宠而骄
阅读(156)
推荐(0) 编辑
选择器
摘要:jquery概念 是js的一个类库(对js中某些功能的封装) 用jq实现的功能一定能用js实现,反过来不一定,js实现的功能jq不一定能实现 以$()开头 是js的一个类库(对js中某些功能的封装) 用jq实现的功能一定能用js实现,反过来不一定,js实现的功能jq不一定能实现 以$()开头 选择器
阅读全文
posted @
2019-01-21 09:53
伊人怎会持宠而骄
阅读(101)
推荐(0) 编辑
事件
摘要:mouseover和mouseenter区别 mouseover 会产生冒泡现象,只要焦点发生改变就会触发该事件 mouseenter不会冒泡(项目中使用) $().事件(function(){ }) mouseover 会产生冒泡现象,只要焦点发生改变就会触发该事件 mouseenter不会冒泡(
阅读全文
posted @
2019-01-21 09:51
伊人怎会持宠而骄
阅读(89)
推荐(0) 编辑
ajax
摘要:ajax的异步请求之 load 加载公共的html文件 $("#id").load()是一个局部的方法 通过jquery的选择器作为开始调用load方法 load()方法是异步的,加载的信息中如果需要事件响应,必须通过回调函数来实现,也就是说所有load加载的数据中的事件都要写在回调函数中 load
阅读全文
posted @
2019-01-21 09:50
伊人怎会持宠而骄
阅读(108)
推荐(0) 编辑
操作
摘要:样式操作 css() 获取和设置样式 用法 : .css("样式","值") .css({ "样式":"值" ,"样式":"值",.....}) .addClass("类名") 添加样式类 .removeClass() 删除样式类 属性操作 attr() 获取或设置标签元素的属性 (该方法不能操作属
阅读全文
posted @
2019-01-21 09:48
伊人怎会持宠而骄
阅读(179)
推荐(0) 编辑
查
摘要:定义头部文件,防止写中文时乱码 header("content-type:text/html;charset=utf-8"); 接收数据 $username = $_POST["uname"]; $userpwd = $_POST["upwd"]; 处理数据:将接收到的用户名和密码 添加到数据库的u
阅读全文
posted @
2019-01-21 09:41
伊人怎会持宠而骄
阅读(146)
推荐(0) 编辑
改
摘要:点击修改之后,先施行查询功能,并把数据添加到对应的框中 点击修改之后,先施行查询功能,并把数据添加到对应的框中 定义头部文件,防止写中文时乱码 header("content-type:text/html;charset=utf-8"); 接收数据 $id = $_GET["id"]; 处理数据 1
阅读全文
posted @
2019-01-21 09:40
伊人怎会持宠而骄
阅读(281)
推荐(0) 编辑
删
摘要:定义头部文件,防止写中文时乱码 header("content-type:text/html;charset=utf-8"); 接收数据 $username = $_POST["uname"]; $userpwd = $_POST["upwd"]; 处理数据:将接收到的用户名和密码 添加到数据库的u
阅读全文
posted @
2019-01-21 09:39
伊人怎会持宠而骄
阅读(156)
推荐(0) 编辑
增
摘要:定义头部文件,防止写中文时乱码 header("content-type:text/html;charset=utf-8"); 接收数据 $username = $_POST["uname"]; $userpwd = $_POST["upwd"]; 处理数据:将接收到的用户名和密码 添加到数据库的u
阅读全文
posted @
2019-01-21 09:38
伊人怎会持宠而骄
阅读(129)
推荐(0) 编辑
css样式
摘要:内部样式 写在<style>标签里,创建样式时,<style>标签要写在<head>标签里 写在<style>标签里,创建样式时,<style>标签要写在<head>标签里 外部样式 之 link引入 1、创建一个css文件 2、导入css文件 <link rel="stylesheet" type
阅读全文
posted @
2019-01-21 09:31
伊人怎会持宠而骄
阅读(340)
推荐(0) 编辑
css属性
摘要:属性和属性值 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性 属性值:属性值包括法定属性值及常见的数值加单位,如25px,或颜色值等。 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性 属性值:属性值包括法定属性值及常见的数值加单位,
阅读全文
posted @
2019-01-21 09:30
伊人怎会持宠而骄
阅读(174)
推荐(0) 编辑
浮动
摘要:语法 float:none/left/right; 有三个取值 left:元素活动浮动在文本左面 right:元素浮动在右面 none:默认值,不浮动。 float 定义网页中其它文本如何环绕该元素显示 目的 就是让竖着的东西横着来 特点 1、浮动不占位置 2、一旦一个元素浮动,后面的不浮动就会跑上
阅读全文
posted @
2019-01-21 09:28
伊人怎会持宠而骄
阅读(139)
推荐(0) 编辑
盒模型
摘要:定义 盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间,即都包含边框、边界、补白、内容区,这就是盒模型。 盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形
阅读全文
posted @
2019-01-21 09:27
伊人怎会持宠而骄
阅读(171)
推荐(0) 编辑
文本溢出显示省略号
摘要:容器的溢出属性 说明: overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit; visible:默认值,内容不会被修剪,会成现在元素框之外; hidden:内容会被修剪,并且其余内容是不可见的; scroll:内容会被修剪,但是浏览器会显示滚动条,以
阅读全文
posted @
2019-01-21 09:26
伊人怎会持宠而骄
阅读(234)
推荐(0) 编辑
元素类型
摘要:元素类型分类 根据css显示分类,XHTML元素被分为 三种类型:块状元素,内联元素,行内块元素、可变元素 1.块状元素(block element) A)块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域 B)默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列
阅读全文
posted @
2019-01-21 09:25
伊人怎会持宠而骄
阅读(327)
推荐(0) 编辑
css实现水平垂直居中
摘要:未知宽高 1、把父元素设置成table,子元素为table-cell,然后用vertical-align:center 优点:父元素可以改变高度 缺点:IE8以下不支持,且对img无效果 2、用一个空标签并设置vertical-align的基准线为中间,并让它inline-block,宽为0,高度1
阅读全文
posted @
2019-01-21 09:23
伊人怎会持宠而骄
阅读(108)
推荐(0) 编辑
定位 锚点 透明
摘要:一、position 定位属性和属性值 position 定位属性,检索对象的定位方式; 语法: position:static /absolute/relative/fixed 取值: 1、static: 默认值,无特殊定位,对象遵循HTML原则; 2、absolute: 绝对定位 特点: 1、脱
阅读全文
posted @
2019-01-21 09:23
伊人怎会持宠而骄
阅读(175)
推荐(0) 编辑
图片整合
摘要:将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position”来实现背景图片的定位技术。 将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position”来实现背景图片的
阅读全文
posted @
2019-01-21 09:21
伊人怎会持宠而骄
阅读(154)
推荐(0) 编辑
Flash和滚动字幕
摘要:flash 1、插入flash 1)<object> <embed src="路径"></embed> </object> 2)<param value="路径"> 3)<iframe src="路径"></iframe> 1)默认有滚动条 scrolling:yes/no 规定是否在iframe中
阅读全文
posted @
2019-01-21 09:21
伊人怎会持宠而骄
阅读(405)
推荐(0) 编辑
css3选择符
摘要:常用的选择符 1、元素选择符 2、id选择符 3、class选择符 4、通配符 5、群组选择符 6、包含选择符 7、伪类选择符(伪类选择符CSS中已经定义好的选择器,不能随便取名) 8、伪对象选择符(设置在对象后发生的内容,用来和content属性一起使用 ) 1、元素选择符 2、id选择符 3、c
阅读全文
posted @
2019-01-21 09:20
伊人怎会持宠而骄
阅读(267)
推荐(0) 编辑
高度塌陷
摘要:1、给父元素加 overflow:hidden;zoom:1; 兼容IE6时添加 2、在浮动元素下加空标签,并给该元素加声明 clear:both;height:0;overflow:hidden; 3、万能清除浮动(给父元素添加) 父元素:after{conter:"";clear:both;di
阅读全文
posted @
2019-01-21 09:19
伊人怎会持宠而骄
阅读(95)
推荐(0) 编辑
过渡 动画 转换
摘要:过渡 transition 1、transition-property 过渡的样式 2、transition-duration 运动时间,单位是秒 3、transition-delay 延迟时间 4、transition-timing-function 运动形式 1)ease 先慢后快在慢 2)li
阅读全文
posted @
2019-01-21 09:17
伊人怎会持宠而骄
阅读(176)
推荐(0) 编辑
渐变
摘要:线性渐变 linear-gradient(color,color) 默认从上到下 从左到右 linear-gradient(left,color,color)或者(to right,color,color) 加to和不加to,方向值相反,不能用像素,但是可以用角度 deg 表示度数,取值范围 0-3
阅读全文
posted @
2019-01-21 09:16
伊人怎会持宠而骄
阅读(178)
推荐(0) 编辑
弹性盒子
摘要:现象 1、display:flex给父元素后,子元素横着排,且高等于父元素高 2、子元素无论多大,都会强制在父元素中 1、display:flex给父元素后,子元素横着排,且高等于父元素高 2、子元素无论多大,都会强制在父元素中 改变盒子模型的方法 box-sizing conent-box 默认值
阅读全文
posted @
2019-01-21 09:15
伊人怎会持宠而骄
阅读(139)
推荐(0) 编辑
常见兼容问题
摘要:过滤器 1、下划线属性过滤器 在属性前加下划线(_) 由于符合标准的浏览器不识别而忽略,但低版本会解析 2、!important关键字过滤器 属性:属性值!important 所附加的声明具有最高权重,优先解析,但IE6及更低版本不识别,所以用来兼容IE6和其他标准浏览器 3、其他过滤器 1)\9
阅读全文
posted @
2019-01-21 09:12
伊人怎会持宠而骄
阅读(116)
推荐(0) 编辑
BFC概念及应用
摘要:定义 块级格式化上下文 块级格式化上下文 特性 1、内部box在垂直方向,一个接一个放置 2、box垂直方向的间距由margin决定 属于同一个BFC的相邻box的margin会发生重叠(外边距重叠) 解决方法:给父元素加overflow:hidden,并把其中一个子元素放进另一个box中 3、每个
阅读全文
posted @
2019-01-21 09:10
伊人怎会持宠而骄
阅读(146)
推荐(0) 编辑
浏览器私有前缀及内核
摘要:私有性前缀 1、-wedkit- 谷歌 2、-moz- 火狐 3、-ms- IE 4、-O- 欧鹏 5、-khtml- 老谷歌 1、-wedkit- 谷歌 2、-moz- 火狐 3、-ms- IE 4、-O- 欧鹏 5、-khtml- 老谷歌 浏览器内核 1、Trident IE浏览器内核 2、Ge
阅读全文
posted @
2019-01-21 09:09
伊人怎会持宠而骄
阅读(365)
推荐(0) 编辑
css3新增属性
摘要:文字阴影 text-shadow:h-shadow/v-shadow h-shadow 水平阴影,允许负值,正数时阴影在右,负数时阴影在左 v-shadow 垂直阴影,允许负值,正数时阴影在底部,负数时阴影在上面 水平和垂直阴影必须要写 blur 模糊距离,只能是正数 color 阴影颜色 text
阅读全文
posted @
2019-01-17 10:20
伊人怎会持宠而骄
阅读(173)
推荐(0) 编辑
宽高自适应
摘要:定义 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。 自适应的优点 元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和 不同分辨率下显示。 宽度自适应 元素宽度设置为100%。(块元素宽度默认为100%)
阅读全文
posted @
2019-01-17 10:17
伊人怎会持宠而骄
阅读(275)
推荐(0) 编辑
css布局
摘要:移动端布局 宽高不能固定 手机截图,ps中量出来的数据为物理像素 浏览器中显示的宽高为设备的独立像素 dpr 设备像素比 物理像素:设备独立像素=2:1;有小数留2位,1px不计算 设计图最上面的电池高度 不写,一般电池区高度为40 头部标签 meta 且写在style之前 宽高不能固定 手机截图,
阅读全文
posted @
2019-01-17 10:15
伊人怎会持宠而骄
阅读(109)
推荐(0) 编辑
css3选择器
摘要:理念 1、优雅降级 从大范围到小范围 2、渐进增强 从小范围到大范围 1、优雅降级 从大范围到小范围 2、渐进增强 从小范围到大范围 属性选择器 E(标签) attr(属性) value(属性值) 1、E[attr] 只使用属性,没有确定任何属性值 2、E[attr="value"] 指定了属性和属
阅读全文
posted @
2019-01-17 10:13
伊人怎会持宠而骄
阅读(152)
推荐(0) 编辑
常用标签
摘要:文本标题 <h1><h1> h1-h6 字体从大到小,且有加粗效果 <h1><h1> h1-h6 字体从大到小,且有加粗效果 水平线 <hr/> 可以改变样式 <hr/> 可以改变样式 段落 <p>文本内容</p> 强制换行 <br/> 段落 <p>文本内容</p> <p>文本内容</p> 强制换行
阅读全文
posted @
2019-01-17 10:10
伊人怎会持宠而骄
阅读(102)
推荐(0) 编辑
html5
摘要:!DOCTYPE html 的作用 1、文档类型的声明 2、给元素加padding或border时,盒子大小不会撑大 3、在IE上会出现和其他浏览器不一样的解析,且在IE6和7 中会产生怪异盒子 1、文档类型的声明 2、给元素加padding或border时,盒子大小不会撑大 3、在IE上会出现和其
阅读全文
posted @
2019-01-17 10:05
伊人怎会持宠而骄
阅读(147)
推荐(0) 编辑
html基础
摘要:网站 在因特网上根据一定的规则,用html等工具制作的用于展示特定内容的相关网页的集合 在因特网上根据一定的规则,用html等工具制作的用于展示特定内容的相关网页的集合 网页 一个包含html标签的纯文本文件,可以存放在任意计算机中 一个包含html标签的纯文本文件,可以存放在任意计算机中 HTML
阅读全文
posted @
2019-01-17 10:04
伊人怎会持宠而骄
阅读(102)
推荐(0) 编辑