伊人怎会持宠而骄
希望有人懂你的低头不语、小心翼翼守护你的孩子气
posts - 220,comments - 0,views - 82003
01 2019 档案
网页导出PDF文件
摘要:转自 出道诗人 var downPdf = document.getElementById("exportToPdf"); downPdf.onclick = function() { html2canvas( document.getElementById("export_content"), { 阅读全文
posted @ 2019-01-29 15:34 伊人怎会持宠而骄 阅读(782) 评论(0) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 评论(0) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(0) 编辑
计算星期几
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <tr> <td>请输入年:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs 阅读全文
posted @ 2019-01-28 09:36 伊人怎会持宠而骄 阅读(121) 评论(0) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 编辑
编写一个函数,计算任意两个数字之间所能组成的奇数个数,数字必须是个位数。 比如:计算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) 推荐(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) 推荐(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) 推荐(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) 推荐(0) 编辑
编写函数,求圆的面积
摘要:function area(radius){ return Math.PI*radius*radius; } 阅读全文
posted @ 2019-01-23 17:05 伊人怎会持宠而骄 阅读(1527) 评论(0) 推荐(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) 推荐(0) 编辑
编写一个函数,计算三个数字的大小,按从小到大的顺序输出
摘要:function compare(a,b,c) { if(a > b) { } } 阅读全文
posted @ 2019-01-23 17:05 伊人怎会持宠而骄 阅读(788) 评论(0) 推荐(0) 编辑
返回顶部
摘要:window.onscroll = function(){ var backBtn = document.getElementById("backTop"); backBtn.onclick = function(){ //将滚动距离设为0,则回到顶部 document.documentElemen 阅读全文
posted @ 2019-01-23 17:04 伊人怎会持宠而骄 阅读(110) 评论(0) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(0) 编辑
拖拽封装
摘要:/** * draggbale 拖拽元素 * 1.0版本 * 使用方式: * draggable(ele, { * x : false, //表示水平方向是否可拖拽 * y : true, //表示垂直方向是否可拖拽 * limit : true, //表示活动范围是否限制在定位父元素内 * pad 阅读全文
posted @ 2019-01-23 17:01 伊人怎会持宠而骄 阅读(177) 评论(0) 推荐(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) 推荐(0) 编辑
显示光标位置
摘要://event对象,只存在于事件函数中 //无法自己创建event对象,由浏览器生成,我们只管拿来用就可以 var btn = document.getElementsByTagName("button")[0]; document.onmousemove = function(evt){ //al 阅读全文
posted @ 2019-01-23 16:55 伊人怎会持宠而骄 阅读(135) 评论(0) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(0) 编辑
express基础
摘要:express框架 const express = require("express"); 引入express框架 var app= express(); 实例化 相当于构造函数 设置模板所在的目录 默认是views app.set("views","tem"); 设置模板目录,第一个参数固定,第二 阅读全文
posted @ 2019-01-23 16:49 伊人怎会持宠而骄 阅读(133) 评论(0) 推荐(0) 编辑
express路由
摘要:路由 根据不同的请求,返回不同的内容(源代码) 根据不同的路径,显示不同的内容 根据不同的请求,返回不同的内容(源代码) 根据不同的路径,显示不同的内容 path模块 path.extname() 获取请求文件的后缀名 var extname = path.extname(req.url); pat 阅读全文
posted @ 2019-01-23 16:49 伊人怎会持宠而骄 阅读(106) 评论(0) 推荐(0) 编辑
mongodb基础
摘要:mongodb 非关系型数据库 以键值对形式书写 集合 collection 整个表格 文档 document 表格中的每一条数据 mongodb开机 mongod --dbpath=d:/data 连接客户端 mongo 非关系型数据库 以键值对形式书写 集合 collection 整个表格 文档 阅读全文
posted @ 2019-01-23 16:48 伊人怎会持宠而骄 阅读(94) 评论(0) 推荐(0) 编辑
react生命周期
摘要:初始化 1、constructor constructor参数接受两个参数props,context 可以获取到父组件传下来的的props,context,如果想在constructor构造函数内部(注意是内部哦,在组件其他地方是可以直接接收的)使用props或context,则需要传入,并传入su 阅读全文
posted @ 2019-01-23 16:47 伊人怎会持宠而骄 阅读(119) 评论(0) 推荐(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) 推荐(0) 编辑
生命周期
摘要:beforeCreate 当实例被创建之前的函数 没有实例化,数据访问不到 当实例被创建之前的函数 没有实例化,数据访问不到 created 实例被创建完成之后调用 能拿到数据,可以在这个钩子函数里发请求,访问后端接口拿数据 也能修改数据,且修改数据不会触发updated beforeUpdate钩 阅读全文
posted @ 2019-01-23 16:46 伊人怎会持宠而骄 阅读(171) 评论(0) 推荐(0) 编辑
vue基础
摘要:vue是一个渐进式框架 渐进式:提供了最基本的功能,主要的功能需要自己添加。 弱主张,一个轻量级的框架 是一个数据驱动的MVVM框架 M:(model)处理数据的模型层 V:(view)数据的视图层 VM:()视图模型 当数据变化时把数据变化渲染到视图上 zepto是一个逐渐增强的框架 渐进式:提供 阅读全文
posted @ 2019-01-23 16:45 伊人怎会持宠而骄 阅读(131) 评论(0) 推荐(0) 编辑
传值
摘要:父向子传值 通过属性进行传递接受用props属性进行接受。props属性用来接收外部属性。 在父组件中当子组件当作标签使用的时候给子组件添加属性,值为需要传递的值。在子组件内部通过props 进行接受。接受的方式有2种,第一种为数组接受,第二种为对象接受,推荐用第二种,对象形式的可以限制数 据的类型 阅读全文
posted @ 2019-01-23 16:45 伊人怎会持宠而骄 阅读(123) 评论(0) 推荐(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) 推荐(0) 编辑
设计模式
摘要:设计模式 什么是设计模式?(单例、工厂、观察者、代理、策略等,后台语言设计模式:MV* >MVC MVVM 不属于23种设计模式 ) MV MVC 设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被 阅读全文
posted @ 2019-01-22 10:31 伊人怎会持宠而骄 阅读(102) 评论(0) 推荐(0) 编辑
闭包
摘要:匿名函数的自执行 将匿名函数用小括号包起来,然后在后面加个小括号; (function(){ })() 如果有参数,在后面加的小括号中传参; (function( m,n ){ })( m,n ) 如果有返回值,用个变量接,在输出变量; var res = (function(){ })() ale 阅读全文
posted @ 2019-01-22 10:30 伊人怎会持宠而骄 阅读(93) 评论(0) 推荐(0) 编辑
继承
摘要:1、梳理知识点 面向对象 : 功能独立 便于后期维护 变量的私有化 面向过程 : 什么是类 : 类和对象的关系 : 对象创建的几种方式 1、字面量创建方法{ } new Object() 2、 工厂模式 instanceof 3、构造函数 4、解决构造的缺点 :使用原型方法 5、混合 原型对象 : 阅读全文
posted @ 2019-01-22 10:29 伊人怎会持宠而骄 阅读(101) 评论(0) 推荐(0) 编辑
面向对象
摘要:1、面向对象 对象 : 是一个整体,描述一个事物的所有信息 一切具有相同属性和行为的物质 一切具有属性和方法的事物 对象数据类型 都有属性和方法 document.getElementById("").index = 0; 面向对象 : 是一种编程思想 面向对象的好处 : 功能独立 便于后期的管理和 阅读全文
posted @ 2019-01-22 10:28 伊人怎会持宠而骄 阅读(184) 评论(0) 推荐(0) 编辑
跨域
摘要:1、梳理知识点 ajax请求服务器数据的步骤 ajax.onreadystatechange = function(){ status readyState } ajax缓存 : ajax从服务器获取数据都是 字符串 JSON.parse ajax访问接口 : ajax封装 : 服务器返回的数据 通 阅读全文
posted @ 2019-01-22 10:25 伊人怎会持宠而骄 阅读(126) 评论(0) 推荐(0) 编辑
bootstrap
摘要:bootstrap https://v3.bootcss.com 前端框架 对html、css和js的封装 特点 信息量小 主要用于响应式和移动端设备 基于jquery开发的框架,在使用bs之前,先引入 jquery 栅格 由行 和 列组成 每一行 最多 12列 让按钮弹出一个模式对话框,需要设置按 阅读全文
posted @ 2019-01-22 10:25 伊人怎会持宠而骄 阅读(81) 评论(0) 推荐(0) 编辑
ajax
摘要:1、梳理知识点 php操作mysql 步骤 : 连接数据源 选择数据库 设置字符编码 编写sql语句 执行sql语句 mysql_query() mysql_fetch_array() 返回执行结果 客户端向服务器传递数据方式 : 表单提交数据 超链接路径传递参数 ajax php操作mysql 步 阅读全文
posted @ 2019-01-22 10:24 伊人怎会持宠而骄 阅读(171) 评论(0) 推荐(0) 编辑
php基础和数据库
摘要:服务器和客户端 客户端 程序: 通过浏览器直接运行 服务器 程序: 通过安装某种服务器软件 程序才可以运行 apache php文件 tomcat jsp文件 iis .asp文件 .net 服务器文件必须在某种协议下运行 http 和 https 默认端口号 80 客户端 程序: 通过浏览器直接运 阅读全文
posted @ 2019-01-22 10:23 伊人怎会持宠而骄 阅读(148) 评论(0) 推荐(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) 推荐(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) 推荐(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) 推荐(0) 编辑
运动
摘要:1、匀速运动 解决速度 : target-obj.offsetLeft > 0 ? 正速度 : 负速度 透明度操作:定义一个变量,并把数值扩大到100倍(步长除外),最终的数值缩小100倍 匀速运动 解决速度 : target-obj.offsetLeft > 0 ? 正速度 : 负速度 透明度操作 阅读全文
posted @ 2019-01-22 10:14 伊人怎会持宠而骄 阅读(151) 评论(0) 推荐(0) 编辑
ES6
摘要:严格模式 在程序或函数的开头处 加一个 “use strict” 严格模式下的要求 : 1、变量必须用var定义 2、八进制被禁用 3、函数必须声明在程序的最顶端 在程序或函数的开头处 加一个 “use strict” 严格模式下的要求 : 1、变量必须用var定义 2、八进制被禁用 3、函数必须声 阅读全文
posted @ 2019-01-22 10:10 伊人怎会持宠而骄 阅读(168) 评论(0) 推荐(0) 编辑
cookie
摘要:什么是cookie ? 就是 会话跟踪技术 会话 : 从 浏览网站开始 到 结束的这个过程 称为一次会话 浏览器关闭 表示会话结束 会话跟踪技术 : 客户端向服务器端请求数据,多次请求时,实现数据共享的过程,称为会话跟踪技术. 客户端 : 为用户提供浏览器网址的一台电脑 服务器 : 安装了某种服务软 阅读全文
posted @ 2019-01-22 10:06 伊人怎会持宠而骄 阅读(136) 评论(0) 推荐(0) 编辑
正则用法
摘要:梳理知识点 事件问题 : 事件冒泡 事件委托 : 事件绑定 (addEventListener) json对象的数据定义和获取 json[“键”] json.键 拖拽 scrollTop documen.documentElement.scrollTop || document.body.scrol 阅读全文
posted @ 2019-01-22 10:03 伊人怎会持宠而骄 阅读(111) 评论(0) 推荐(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) 推荐(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) 推荐(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) 推荐(0) 编辑
DOM
摘要:1、梳理知识点 window对象: location.... window对象方法 : 定时器 : document对象 : document.getElementsByTagName() 集合 document.querySelector("#box") .box div document.bod 阅读全文
posted @ 2019-01-22 09:52 伊人怎会持宠而骄 阅读(125) 评论(0) 推荐(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) 推荐(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) 推荐(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) 推荐(0) 编辑
Array
摘要:1、梳理知识点 1、运算符和表达式 算术 % ++ -- 关系 == >= != !== <= ... 逻辑 && || ! 条件 ? : 判断 赋值 = += -= 2、类型转换 "888" 自动转数值 强制 parseInt() parseFloat() Number("333wsws") Bo 阅读全文
posted @ 2019-01-22 09:38 伊人怎会持宠而骄 阅读(161) 评论(0) 推荐(0) 编辑
作用域
摘要:1、梳理知识点 循环嵌套完成图形题 函数定义 : function fn(){} 函数调用 : 函数名() 函数参数 : 形参 和 实际参数 函数返回值 : return 循环嵌套完成图形题 函数定义 : function fn(){} 函数调用 : 函数名() 函数参数 : 形参 和 实际参数 函 阅读全文
posted @ 2019-01-22 09:34 伊人怎会持宠而骄 阅读(126) 评论(0) 推荐(0) 编辑
函数
摘要:1、梳理知识点 1、运算符和表达式 算术 关系 逻辑 条件 赋值 2、短路 true || 不执行 false && 不执行 3、类型转换 自动转换 "8888" 强制转换 parseInt() parseFloat() Number("453.45a") Boolean() toString() 阅读全文
posted @ 2019-01-22 09:32 伊人怎会持宠而骄 阅读(159) 评论(0) 推荐(0) 编辑
循环结构
摘要:1、梳理知识点 类型转换 : 自动转换 "9" == 8 算术运算 null undefeind 强制转换 扩展方法 isNaN eval 短路 : 选择结构 : if else switch (表达式){ case 1 } js操作页面元素 为元素添加事件 元素.onclick = functio 阅读全文
posted @ 2019-01-22 09:29 伊人怎会持宠而骄 阅读(193) 评论(0) 推荐(0) 编辑
选择结构
摘要:运算符优先级 ( ) → 单目(++ -- !) → 算术 → 关系 → 逻辑 → 条件 → 赋值 = ( ) → 单目(++ -- !) → 算术 → 关系 → 逻辑 → 条件 → 赋值 = 短路 现象(扩展) 当 true 遇到 || ,也就是 true || , || 右侧的表达式不执行 当 阅读全文
posted @ 2019-01-22 09:27 伊人怎会持宠而骄 阅读(163) 评论(0) 推荐(0) 编辑
js基础和运算符
摘要:1、什么JavaScript? 运行环境 : 浏览器 是一种具有安全性的客户端的脚本语言 用来实现与web页面交互 脚本语言:语言嵌入到html代码中 js可以让页面中静止的元素动起来 2、js的历史背景(了解) 布莱登.艾奇 JavaScript诞生于1995年。起初它的主要目的是处理以前由服务器 阅读全文
posted @ 2019-01-22 09:22 伊人怎会持宠而骄 阅读(145) 评论(0) 推荐(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) 推荐(0) 编辑
判断方法
摘要:判断非数字 isNAN() 括号中为非数字 isNAN() 括号中为非数字 测试变量的类型 typeof() typeof typeof() 结果都是string typeof() typeof typeof() 结果都是string 阅读全文
posted @ 2019-01-21 10:40 伊人怎会持宠而骄 阅读(92) 评论(0) 推荐(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) 推荐(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) 推荐(0) 编辑
js常见兼容
摘要:滚动条的兼容写法(谷歌chrome) document.documentElement.scrollTop || document.body.scrollTop document.documentElement.scrollTop || document.body.scrollTop 阻止浏览器默认 阅读全文
posted @ 2019-01-21 10:34 伊人怎会持宠而骄 阅读(95) 评论(0) 推荐(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) 推荐(0) 编辑
常用函数封装
摘要:定义一个函数 功能实现通过id查找页面元素 返回值就是一个页面元素 function $id(id){ return document.getElementById(id); } function $id(id){ return document.getElementById(id); } 定义一个 阅读全文
posted @ 2019-01-21 10:27 伊人怎会持宠而骄 阅读(158) 评论(0) 推荐(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) 推荐(0) 编辑
运动封装(支持缓冲 多物体 链式和完美)
摘要://obj 代表运动对象 //json : 代表多个attr和target // callback 表示一个函数 (下一个动作) 当一个参数代表一个函数时,这个参数表示 回调函数 // 支持 缓冲和多物体 支持透明度 支持链式运动 支持完美运动 解决完美运动 bug function startMo 阅读全文
posted @ 2019-01-21 10:25 伊人怎会持宠而骄 阅读(226) 评论(0) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(0) 编辑
webpack
摘要:webpack? 模块化打包器 作用:将浏览器不识别的语法 转换成浏览器识别的语法 工作流程: 通过一个入口文件,找个这个入口文件所依赖的所有模块 通过loader进行打包,打包成一个或者多个js文件 webpack vs gulp 区别 没有可比性 模块打包机 前端自动化工具 1、全局安装webp 阅读全文
posted @ 2019-01-21 10:20 伊人怎会持宠而骄 阅读(133) 评论(0) 推荐(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) 推荐(0) 编辑
node.js
摘要:MarkDown 文本标记语言,可以用特殊的符号对文本进行标记或设置 一般用于写文档或文本信息,类似于word 可以编译成html/pdf/word等格式 软件 typora,编译markdown 语法 #空格 标题 文本标记语言,可以用特殊的符号对文本进行标记或设置 一般用于写文档或文本信息,类似 阅读全文
posted @ 2019-01-21 10:19 伊人怎会持宠而骄 阅读(121) 评论(0) 推荐(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) 推荐(0) 编辑
模块化
摘要:webpack 定义 将系统功能分离成独立的功能部分的方法,分离出去的每一个部分,都可以看成一个模块。即一个js文件里有一定的功能,这个js文件就是一个模块 优点 1、开发成本低,便于协调合作,开发效率高,便于复用和维护以及测试(代码复用,便于维护) 入口文件 做模块化时,最终需要将各个文件组合在一 阅读全文
posted @ 2019-01-21 10:17 伊人怎会持宠而骄 阅读(104) 评论(0) 推荐(0) 编辑
sass
摘要:css预处理语言 写sass然后使用工具将其编译成css sass比css多了很多功能,比如定义变量/循环/嵌套等 sass的语言版本有两种,老版本的后缀名是.sass,新版本的后缀名是.scss 在项目中准备使用sass代替css,所以需使用gulp-sass来对sass进行编译需下载(node- 阅读全文
posted @ 2019-01-21 10:17 伊人怎会持宠而骄 阅读(114) 评论(0) 推荐(0) 编辑
git
摘要:代码版本控制工具 我们在项目开发过程中,经常会需要将代码回退到前一天或者其他的某个时间节点,这个时候我们可以针对情况对代码进行删除等操作,但是这种删除的操作一般代价都比较大,成本比较高,这个时候我们就可以对我们的代码进行版本控制,当然我可以手动的在开发发某个功能之后,将代码文件都保存一份,然后需要更 阅读全文
posted @ 2019-01-21 10:16 伊人怎会持宠而骄 阅读(194) 评论(0) 推荐(0) 编辑
新增方法
摘要:新增方法 1、实例直接调用 如.css等 $ 就是jquery,是一个构造器,$()能返回一个jquery实例 jquery实例的__proto__属性拥有css方法,所以可以直接使用 jquery的原型拥有很多方法,jquery实例的__proto__属性指向的是jquery的原型,所以新增jqu 阅读全文
posted @ 2019-01-21 09:58 伊人怎会持宠而骄 阅读(155) 评论(0) 推荐(0) 编辑
动画
摘要:基本动画 show() 没有参数 等价 css:display:block 可以有三个参数 第一个参数 :动画执行的时间 第二个参数 :动画执行方式 linear(线性) swing(摇摆) 第三个参数 :动画完成后的回调函数 hide() 隐藏 toggle() 切换 显示/隐藏 上拉/下拉 : 阅读全文
posted @ 2019-01-21 09:54 伊人怎会持宠而骄 阅读(156) 评论(0) 推荐(0) 编辑
选择器
摘要:jquery概念 是js的一个类库(对js中某些功能的封装) 用jq实现的功能一定能用js实现,反过来不一定,js实现的功能jq不一定能实现 以$()开头 是js的一个类库(对js中某些功能的封装) 用jq实现的功能一定能用js实现,反过来不一定,js实现的功能jq不一定能实现 以$()开头 选择器 阅读全文
posted @ 2019-01-21 09:53 伊人怎会持宠而骄 阅读(101) 评论(0) 推荐(0) 编辑
事件
摘要:mouseover和mouseenter区别 mouseover 会产生冒泡现象,只要焦点发生改变就会触发该事件 mouseenter不会冒泡(项目中使用) $().事件(function(){ }) mouseover 会产生冒泡现象,只要焦点发生改变就会触发该事件 mouseenter不会冒泡( 阅读全文
posted @ 2019-01-21 09:51 伊人怎会持宠而骄 阅读(89) 评论(0) 推荐(0) 编辑
ajax
摘要:ajax的异步请求之 load 加载公共的html文件 $("#id").load()是一个局部的方法 通过jquery的选择器作为开始调用load方法 load()方法是异步的,加载的信息中如果需要事件响应,必须通过回调函数来实现,也就是说所有load加载的数据中的事件都要写在回调函数中 load 阅读全文
posted @ 2019-01-21 09:50 伊人怎会持宠而骄 阅读(108) 评论(0) 推荐(0) 编辑
操作
摘要:样式操作 css() 获取和设置样式 用法 : .css("样式","值") .css({ "样式":"值" ,"样式":"值",.....}) .addClass("类名") 添加样式类 .removeClass() 删除样式类 属性操作 attr() 获取或设置标签元素的属性 (该方法不能操作属 阅读全文
posted @ 2019-01-21 09:48 伊人怎会持宠而骄 阅读(179) 评论(0) 推荐(0) 编辑
摘要:定义头部文件,防止写中文时乱码 header("content-type:text/html;charset=utf-8"); 接收数据 $username = $_POST["uname"]; $userpwd = $_POST["upwd"]; 处理数据:将接收到的用户名和密码 添加到数据库的u 阅读全文
posted @ 2019-01-21 09:41 伊人怎会持宠而骄 阅读(146) 评论(0) 推荐(0) 编辑
摘要:点击修改之后,先施行查询功能,并把数据添加到对应的框中 点击修改之后,先施行查询功能,并把数据添加到对应的框中 定义头部文件,防止写中文时乱码 header("content-type:text/html;charset=utf-8"); 接收数据 $id = $_GET["id"]; 处理数据 1 阅读全文
posted @ 2019-01-21 09:40 伊人怎会持宠而骄 阅读(281) 评论(0) 推荐(0) 编辑
摘要:定义头部文件,防止写中文时乱码 header("content-type:text/html;charset=utf-8"); 接收数据 $username = $_POST["uname"]; $userpwd = $_POST["upwd"]; 处理数据:将接收到的用户名和密码 添加到数据库的u 阅读全文
posted @ 2019-01-21 09:39 伊人怎会持宠而骄 阅读(156) 评论(0) 推荐(0) 编辑
摘要:定义头部文件,防止写中文时乱码 header("content-type:text/html;charset=utf-8"); 接收数据 $username = $_POST["uname"]; $userpwd = $_POST["upwd"]; 处理数据:将接收到的用户名和密码 添加到数据库的u 阅读全文
posted @ 2019-01-21 09:38 伊人怎会持宠而骄 阅读(129) 评论(0) 推荐(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) 推荐(0) 编辑
css属性
摘要:属性和属性值 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性 属性值:属性值包括法定属性值及常见的数值加单位,如25px,或颜色值等。 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性 属性值:属性值包括法定属性值及常见的数值加单位, 阅读全文
posted @ 2019-01-21 09:30 伊人怎会持宠而骄 阅读(174) 评论(0) 推荐(0) 编辑
浮动
摘要:语法 float:none/left/right; 有三个取值 left:元素活动浮动在文本左面 right:元素浮动在右面 none:默认值,不浮动。 float 定义网页中其它文本如何环绕该元素显示 目的 就是让竖着的东西横着来 特点 1、浮动不占位置 2、一旦一个元素浮动,后面的不浮动就会跑上 阅读全文
posted @ 2019-01-21 09:28 伊人怎会持宠而骄 阅读(139) 评论(0) 推荐(0) 编辑
盒模型
摘要:定义 盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间,即都包含边框、边界、补白、内容区,这就是盒模型。 盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形 阅读全文
posted @ 2019-01-21 09:27 伊人怎会持宠而骄 阅读(171) 评论(0) 推荐(0) 编辑
文本溢出显示省略号
摘要:容器的溢出属性 说明: overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit; visible:默认值,内容不会被修剪,会成现在元素框之外; hidden:内容会被修剪,并且其余内容是不可见的; scroll:内容会被修剪,但是浏览器会显示滚动条,以 阅读全文
posted @ 2019-01-21 09:26 伊人怎会持宠而骄 阅读(234) 评论(0) 推荐(0) 编辑
元素类型
摘要:元素类型分类 根据css显示分类,XHTML元素被分为 三种类型:块状元素,内联元素,行内块元素、可变元素 1.块状元素(block element) A)块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域 B)默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列 阅读全文
posted @ 2019-01-21 09:25 伊人怎会持宠而骄 阅读(327) 评论(0) 推荐(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) 推荐(0) 编辑
定位 锚点 透明
摘要:一、position 定位属性和属性值 position 定位属性,检索对象的定位方式; 语法: position:static /absolute/relative/fixed 取值: 1、static: 默认值,无特殊定位,对象遵循HTML原则; 2、absolute: 绝对定位 特点: 1、脱 阅读全文
posted @ 2019-01-21 09:23 伊人怎会持宠而骄 阅读(175) 评论(0) 推荐(0) 编辑
图片整合
摘要:将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position”来实现背景图片的定位技术。 将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position”来实现背景图片的 阅读全文
posted @ 2019-01-21 09:21 伊人怎会持宠而骄 阅读(154) 评论(0) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(0) 编辑
弹性盒子
摘要:现象 1、display:flex给父元素后,子元素横着排,且高等于父元素高 2、子元素无论多大,都会强制在父元素中 1、display:flex给父元素后,子元素横着排,且高等于父元素高 2、子元素无论多大,都会强制在父元素中 改变盒子模型的方法 box-sizing conent-box 默认值 阅读全文
posted @ 2019-01-21 09:15 伊人怎会持宠而骄 阅读(139) 评论(0) 推荐(0) 编辑
常见兼容问题
摘要:过滤器 1、下划线属性过滤器 在属性前加下划线(_) 由于符合标准的浏览器不识别而忽略,但低版本会解析 2、!important关键字过滤器 属性:属性值!important 所附加的声明具有最高权重,优先解析,但IE6及更低版本不识别,所以用来兼容IE6和其他标准浏览器 3、其他过滤器 1)\9 阅读全文
posted @ 2019-01-21 09:12 伊人怎会持宠而骄 阅读(116) 评论(0) 推荐(0) 编辑
BFC概念及应用
摘要:定义 块级格式化上下文 块级格式化上下文 特性 1、内部box在垂直方向,一个接一个放置 2、box垂直方向的间距由margin决定 属于同一个BFC的相邻box的margin会发生重叠(外边距重叠) 解决方法:给父元素加overflow:hidden,并把其中一个子元素放进另一个box中 3、每个 阅读全文
posted @ 2019-01-21 09:10 伊人怎会持宠而骄 阅读(146) 评论(0) 推荐(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) 推荐(0) 编辑
css3新增属性
摘要:文字阴影 text-shadow:h-shadow/v-shadow h-shadow 水平阴影,允许负值,正数时阴影在右,负数时阴影在左 v-shadow 垂直阴影,允许负值,正数时阴影在底部,负数时阴影在上面 水平和垂直阴影必须要写 blur 模糊距离,只能是正数 color 阴影颜色 text 阅读全文
posted @ 2019-01-17 10:20 伊人怎会持宠而骄 阅读(173) 评论(0) 推荐(0) 编辑
宽高自适应
摘要:定义 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。 自适应的优点 元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和 不同分辨率下显示。 宽度自适应 元素宽度设置为100%。(块元素宽度默认为100%) 阅读全文
posted @ 2019-01-17 10:17 伊人怎会持宠而骄 阅读(275) 评论(0) 推荐(0) 编辑
css布局
摘要:移动端布局 宽高不能固定 手机截图,ps中量出来的数据为物理像素 浏览器中显示的宽高为设备的独立像素 dpr 设备像素比 物理像素:设备独立像素=2:1;有小数留2位,1px不计算 设计图最上面的电池高度 不写,一般电池区高度为40 头部标签 meta 且写在style之前 宽高不能固定 手机截图, 阅读全文
posted @ 2019-01-17 10:15 伊人怎会持宠而骄 阅读(109) 评论(0) 推荐(0) 编辑
css3选择器
摘要:理念 1、优雅降级 从大范围到小范围 2、渐进增强 从小范围到大范围 1、优雅降级 从大范围到小范围 2、渐进增强 从小范围到大范围 属性选择器 E(标签) attr(属性) value(属性值) 1、E[attr] 只使用属性,没有确定任何属性值 2、E[attr="value"] 指定了属性和属 阅读全文
posted @ 2019-01-17 10:13 伊人怎会持宠而骄 阅读(152) 评论(0) 推荐(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) 推荐(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) 推荐(0) 编辑
html基础
摘要:网站 在因特网上根据一定的规则,用html等工具制作的用于展示特定内容的相关网页的集合 在因特网上根据一定的规则,用html等工具制作的用于展示特定内容的相关网页的集合 网页 一个包含html标签的纯文本文件,可以存放在任意计算机中 一个包含html标签的纯文本文件,可以存放在任意计算机中 HTML 阅读全文
posted @ 2019-01-17 10:04 伊人怎会持宠而骄 阅读(102) 评论(0) 推荐(0) 编辑


点击右上角即可分享
微信分享提示