- 博客(52)
- 收藏
- 关注
RSS订阅原创 响应式网站设计：利用Bootstrap设计响应式网站-index.html
响应式网站设计-index.html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>web</title> <meta name="viewport" content="width=device-width, init...
2019-07-31 11:33:46
1266
原创 开发工具：Visual Studio Code 快捷键
1、vs快捷键复制当前行1、如果你想复制一整行代码，只需将光标移至该行，再使用组合键“Ctrl+C”来完成复制操作2、如果你想剪切一整行代码，只需将光标移至该行，再使用组合键“Ctrl+X”来完成剪切操作3、如果要实现复制当前行,并且粘贴到下一行.就用组合键ctrl c + v4、如果你想删除一整行代码，只需将光标移至该行，再使用组合键“Ctrl+L”来完成剪切操作5、组合键“Ctrl+...
2019-07-31 09:44:00
257
原创 jquery框架：jQuery工具
jQuery工具:1..inArray();2..inArray();2..inArray();2..merge();3..unique();4..unique();4..unique();4..parseJSON();5..isArray();6..isArray();6..isArray();6..isFunction();7..isEmptyObject();8..isEmpt...
2019-07-26 10:49:23
79
原创 jquery框架：事件
事件:1.页面载入ready(fn);#当文档准备完毕时#当文档加载完毕时(onload)当文档准备完毕时$(document).ready(function(){ $(document).on('click','.close',function(){ $(this).parent().hide(); }); $('#comment').click(function(){...
2019-07-25 11:22:35
128
原创 jquery框架：$是jQuery的别名，jQuery可以解决框架冲突
$是jQuery的别名，jQuery可以解决框架冲突jQuery(function(){ jQuery(document).on('click','.close',function(){ jQuery(this).parent().hide(); }); jQuery('#comment').click(function(){ val=jQuery('#txt').val();...
2019-07-25 11:21:57
281
原创 jquery框架：左侧导航条
左侧导航条<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面</title></head><style> *{ font-family: 微软雅黑; margin:0px; paddi...
2019-07-24 22:49:30
804
原创 jquery框架：文档处理
文档处理:1.内部插入append();appendTo();prepend();prependTo();append和appendTo缀加到 <style> *{ font-family: 微软雅黑; } .div1{ height:256px; border:5px solid #f00; } .div2{ height:2...
2019-07-23 22:49:03
62
原创 jquery框架：属性
属性:1.属性attr();removeAttr();attr设置属性<body><h1>2222222222</h1> </body><script>$('h1').click(function(){ $(this).attr({'age':'20','name':'user1'});});</scr...
2019-07-23 22:22:18
76
原创 jquery框架：筛选
1、筛选:1.过滤eq();first();last();not();slice();eq方法<body> <h1>0001</h1> <h1>0002</h1> <h1>0003</h1> <h1>0004</h1> <h1>0005</h1&...
2019-07-23 21:41:35
117
原创 jquery框架：选择器
1、选择器:1.基础#idele.class*标签选择器<body> <h1>aaaaaaaaaaaaaaaaaaa</h1> <h1>aaaaaaaaaaaaaaaaaaa</h1> <h1>aaaaaaaaaaaaaaaaaaa</h1> <h1>aaaaaaaaaaa...
2019-07-23 20:52:48
137
原创 jquery框架：jquery学习大纲+jquery核心函数+参考手册
官网https://jquery.com/1.jquery产品介绍2.jquery软件下载3.jquery安装使用4.jquery产品演示5.jquery学习大纲jquery学习大纲:1.核心函数2.选择器3.筛选4.属性5.文档处理6.css7.事件8.效果9.ajax10.工具jquery对象如何转成js对象:$(‘h1’)[0].οnclick=fun...
2019-07-23 10:03:26
150
原创 JS代码：Ajax无刷新技术
Ajax无刷新技术:1.生成xhr对象xhr=new XMLHttpRequest();2.准备连接xhr.open(‘get’,‘del.php?id=’+id,true);3.发送请求xhr.send();4.获取php响应数据xhr.onreadystatechange=function(){if(xhr.readyState4 && xhr.status2...
2019-07-21 20:52:05
167
原创 JS代码：DOM(document object model)
DOM(document object model):1、直接可以获取的dom元素对象:1.document.documentElement2.document.head3.document.title4.document.bodyhtml、body、title和head标签<body> <h1>linux is very much!</h1>...
2019-07-21 17:03:01
301
原创 JS代码：BOM浏览器对象
BOM浏览器对象(browser object model):1.window对象(窗口对象)2.navigator对象(浏览器特性)3.screen对象(客户端屏幕)4.history对象(历史对象)5.location对象(地址栏)6.document对象(文档对象)1、 window对象:1.属性framesopener #被淘汰top2.方法open(); #被...
2019-07-21 14:41:59
136
原创 JS代码：事件对象
事件对象:1.鼠标事件onclick 鼠标点击某个对象ondblclick 鼠标双击某个对象onmousedown 某个鼠标按键被按下onmouseup 某个鼠标按键被松开onmousemove 鼠标被移动onmouseenter 鼠标被移到某元素之上onmouseleave 鼠标从某元素移开例子js中在标签身上绑定事件img{ cursor: pointer;...
2019-07-20 20:53:51
193
原创 JS代码：数组对象
1、数组对象:1.属性:length2.方法:join("/")pop()push()shift()unshift()reverse()concat()slice(start,end)splice()sort(show)show(a,b){return a-b; //正序//return b-a; //倒序}3.检测数组类型if(arr instanceo...
2019-07-20 10:10:22
121
原创 JS代码：正则表达式
1、参考手册参考手册http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp2、元字符. 查找单个字符。\w 查找单词字符。\W 查找非单词字符。\d 查找数字。\D 查找非数字字符。\s 查找空白字符。\S 查找非空白字符。\b 匹配单词边界。\B 匹配非单词边界。. 查找单个字符str="linux is ve...
2019-07-19 22:01:39
103
原创 JS代码：字符串
1、字符串:属性:str.length;方法:indexOf()lastIndexOf();substr(start,length);slice(start,end);split(reg);toUpperCase();toLowerCase();search(reg);match(reg);replace(reg,“str”);length字符串长度<scri...
2019-07-19 11:06:40
217
原创 JS代码：定时器、清除定时器、
1、js内置对象:3.定时器4.超时器5.字符串6.数组定时器:1.创建sobj=setInterval(func,time);//创建一个定时器<style> *{ font-family: 微软雅黑; } img{ border-radius:128px; background: #888; cursor: pointer...
2019-07-19 09:45:58
387
原创 JS代码：变量作用域、消息框、数学对象、日期对象
1、变量作用域:1.全局变量2.局部变量#只有在函数内部带var的变量为局部变量，其余全为全局变量.//全局变量x=10;function show(){ x=100;}show();alert(x);//全局变量function show(){ x=10;}show();alert(x);//全局变量var x=10;function show(){...
2019-07-18 22:38:46
85
原创 JS代码：运算符分类、while循环、for循环、with语法、for..in语法、js函数、
1、运算符分类:1.一元运算符i++; 先赋值后运算++i; 先运算后赋值i–; 先赋值后运算–i; 先运算后赋值2.二元运算符1)数学运算符2)比较运算符3)逻辑运算符4)赋值运算符3.三元运算符score=(i>=60)?‘yes’:‘no’;//三元运算符 i=37; // if(i>=60){ // score='yes'; // ...
2019-07-18 11:25:04
248
原创 JS代码：顶级全局方法(Global对象)、变量类型转换、变量运算符、js语法
1、顶级全局方法(Global对象):• typeof();• parseInt(); #转整形• parseFloat(); #转浮点型• eval();• Number();• String();• Boolean();x='1000aaa'y=parseInt(x);alert(y);x='10.5abc';y=parseFloat(x);alert(y);...
2019-07-18 09:48:13
346
原创 #JS代码：js定义变量、js输出变量、字符串连接符、js注释、js的10种变量类型、浏览器F12控制台调试、数组类型测试
1、js定义变量:x=10;2、js输出变量:alert(x);document.write(x);alert(x);<script type="text/javascript"> x=10; alert(x);</script>document.write(x)<script type="text/javascript"> x...
2019-07-17 16:52:40
676
原创 JS代码：js样式改变特效、js特效组成部分、js标签放置位置、js放置类型
1、js样式改变特效<img src="/img/dog.png" id="dog"> </body><script>dogobj=document.getElementById('dog');dogobj.onmouseenter=function(){ this.style.background='#888'; this.style.bor...
2019-07-17 10:06:10
189
原创 WEB代码：css3 3D样式、多栏样式、轮廓样式
1、css3 3D样式x轴旋转rotateX(30deg)y轴旋转rotateY(30deg)x轴旋转<style> *{ font-family: 微软雅黑; } .div1{ width:256px; height:256px; } .div1 img{ display: block; } </st...
2019-07-16 23:27:23
383
原创 WEB前端代码：边框阴影、边框图片、背景样式、文本样式、字体样式
1、边框阴影box-shadow:5px 10px 20px #000;1)5px 相对于原div的左上角的x偏移2)10px 相对于原div的左上角的y偏移3)20px 在偏移的基础上进行模糊处理4)#000 阴影div的颜色 .div1{ margin:100px; width:256px; height:256px; background: #888; ...
2019-07-16 22:32:46
3628
原创 WEB前端代码：定位样式、定位类型、相对定位的实际用途、relative相对下的z轴、css3边框样式、定位在正中间
1、定位样式:1.四个坐标1)left top 左上角2)right top 右上角3)left bottom 左下角4)right bottom 右上角.img{ width:100px; height:100px; background: #888; position: absolute; left:100px; top:100px; }...
2019-07-15 23:59:12
767
原创 WEB前端代码：浮动、clear-both清除浮动、垂直往上浮动、大盒子浮动但小盒子不浮动、实例:浮动和清除浮动
1、浮动:float:left|right浮动的4个特点:1.释放文档流中的占位2.漂浮到文档上方3.块标签的特征会消失4.垂直往上浮动} .div1{ width:100px; height:100px; background: #f00; /*float:left;*/ float:right; } .div2{ width:...
2019-07-15 11:46:35
691
原创 WEB前端代码：尺寸样式、textarea样式、样式继承、表格样式、显示和隐藏、外边距、块标签距中
1、尺寸样式:1.height2.width3.max-height4.max-width5.min-height6.min-widthdiv{ width: 100%; height: 200px; background: #888; max-width: 500px; }min-width: 500px;2、textarea样式:resi...
2019-07-14 16:36:20
854
原创 WEB代码：CSS字体样式、文本属性、背景样式、边框属性、鼠标样式、列表样式
1、字体样式:1.字体样式font-family2.字体大小font-size3.字体类型font-style4.字体粗细font-weightspan{ font-family: 微软雅黑; font-size:30px; font-weight:bold; font-style:italic; }1、文本属性:1.字间距letter-spa...
2019-07-13 22:33:17
2063
原创 WEB前端代码：css优先级、基本选择器、层级选择器、伪类选择器、属性选择器
1、css优先级1)id选择器2)class选择器3)标签选择器<style type="text/css"> #p-id{ color: #f00; } .p-class{ color: 0f0; } p{ color: 00f; } </style> </head><body>...
2019-07-12 21:42:30
409
原创 WEB前端代码：CSS3内联、CSS3外部样式、CSS内部样式、em倍数、ID和class选择器、关联选择器、组合选择器
1、CSS3内联<!--CSS内联--> <h1 style="color: #f00;">Hello word!</h1> <h1 style="color: #00f;">Hello word!</h1>2、CSS3外部样式<!--CSS3外部样式--> <link rel="stylesheet" t...
2019-07-12 11:56:40
253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人