- 博客(295)
- 收藏
- 关注
RSS订阅原创 js中的 toUpperCase()中开头的u和c一定要大些
js中的 toUpperCase()中开头的u和c一定要大些innerHTML中的最后html一定要大些。在js中条调用HTML元素，HTML元素一定要在调用语句之前出现，否则无法调用。eg:var str="i am file";document.getElementById("p1").innerHTML=str;如果
2017-04-18 15:46:09
750
原创 一个奇怪的发现:html与body,body的margin对html不起作用，html的padding对body却起作用
eg:html{border:2px solid blue;}body{border:2px solid red;margin:100px;padding:50px;}这里是文段1.第一种情况:body有margin,html没padding:可以看到不管body的margin有多大，body与html
2017-04-08 15:57:30
2641
1
原创 html中的tabindex属性
tabindex 属性 -- 代表使用"Tab"键的遍历顺序可以使用Tab键遍历页面中的所有链接与表单元素,当遍历到某个链接时, 按Enter即可.遍历时会按照tabindex的大小决定顺序遍历到某个链接的时候,会有虚线框包围链接,这时按回车键即可进入链接的页面.取值:数字，范围为[1~32767]
2017-04-06 15:24:57
748
原创 用less写css,用jade写html,用coffeescript写js
用less写css,用jade写html,用coffeescript写js
2017-04-05 14:53:49
697
原创 oninput、onchange、onpropertychange的区别
该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 和 元素。链接
2017-04-03 17:12:38
236
原创 html5中的web worker的用法
Web Worker javascript多线程编程（一）开始使用Web Workers深入 HTML5 Web Worker 应用实践：多线程编程
2017-03-31 17:51:55
311
原创 html5中web存储(localStorage、sessionStorage)与cookie的区别？？？？？
html5中web存储(localStorage、sessionStorage)与cookie的区别？？？？？
2017-03-30 17:17:21
720
原创 css3中旋转坐标轴的问题
css3中坐标轴是相对于物体，当元素旋转的时候，坐标轴页跟着旋转。如先rotatey(60deg),再translatez(100px);与先ranslatez(100px)再rotatey(60deg),效果是不一样的。
2017-03-29 14:35:28
3765
1
原创 css3中3d旋转中rotatex,rotatey,rotatez的旋转正方向
rotatex、rotatez的旋转正方向是顺时针，rotatey的旋转正方向是逆时针。
2017-03-29 13:55:08
9980
1
原创 css3中的过度transition与动画animation以及字体@font-face
一.transition:书写形式：1.现在元素中书写要过渡效果的css属性2.再用:hover等来触发css属性的改变。只有过渡属性的值改变时，才能触发过渡效果。eg:div{height:200px;width:200px;transition:width 2s linear;}div:hover{width:400px;}
2017-03-28 15:35:31
4315
原创 transform-origin用于设置变换原点
transform-origin用于设置旋转元素的基点，默认为50% 50% 0px;语法transform-origin: x-axis y-axis z-axis;其中transform-origin-z: z轴的正方向是向内的，即远离用户，值越大，越远离用户。与translatez的方向相反。链接
2017-03-27 18:22:41
1670
原创 css3中的perspective与perspective-origin
perspective属性的存在与否决定了你所看到的是2次元的还是3次元的，也就是是2D transform还是3D transform. 这不难理解，没有透视，不成3D.CSS3 3D transform的透视点是在浏览器的前方！或者这么理解吧：显示器中3D效果元素的透视点在显示器的上方（不是后面），近似就是我们眼睛所在方位！比方说，一个1680像素宽的显示器中有
2017-03-27 18:13:58
746
原创 css3中transform-style的用法
设置内嵌的元素在 3D 空间如何呈现。transform-style:flat(默认)|perserve-3d链接1例子1
2017-03-27 16:33:44
571
原创 css3中的transform中的3d变换：translatez()与transform-origin-z()的区别
3d变换中的移动，z中的正方向面向用户,值越大，越靠近用户。translatez（100px）离用户更近了。transform-origin-z中z轴的正方向向内，即值越大，离用户越远。与translatez刚好相反。默认：transform-origin:50% 50% 0px;
2017-03-27 15:46:37
8550
原创 css3中关于transform rotate、translate()、skew()、scale()的复合变换
css3中这几个rotate、translate、skew()、scale()要同时使用只要在一行的transform中用空格隔开。eg:transform:rotate(30deg) translate(100px,100px) skew(20deg);but:在rotate之后再进行translate()、skew()、scale()时,x轴y轴不再是绝对水平或绝对竖直，而
2017-03-27 15:31:48
1976
原创 css3中word-wrap与wrod-break的区别
在默认情况下，当单词过长，在一行中无法容纳时，文段会另起一行来放置长单词，如果此时整行都无法容纳该长单词，那么单词会溢出。1.word-wrap:break-word;使用word-wrap的情况下，遇见长单词会先换行，看是否容纳该长单词，如果能容纳，就不对单词进行拆分;如果另起一行任不能容纳，就会对单词进行拆分。2.word-break:break-all;使用w
2017-03-24 16:19:00
451
原创 css3 border-radius详解
border-radius用于使元素边框产生圆角：border-radius:length{1,4}[/length{1,4}]eg:border-radius:15px 30px /20px;"/"前表示水平半径，后表示垂直半径。如果没有“/”，则垂直半径和水平半径一致。eg1:border-radius:15px;四个角的水平和垂直半径都为15p
2017-03-24 13:33:02
536
原创 css中的background的几个属性(background-attachment/background-origin,background-clip等)
关于background中的几个属性：background-orginbackground-clipbackground-sizebackground-positionbackround-attachment三个盒子：border-box|padding-box|content-box1.background-origin用来决定背景图片定位在哪个盒子中。(
2017-03-23 15:20:56
2127
原创 css3中border-image的用法(fill 、border-image-outset 、border-image-width)
css3中border-image的用法注意:1.border-image中的fill用于指定九宫格中中间部分是否显示，默认是没有fill,不显示。如果在四个切割数字clip之后添加fill,则显示九宫格中间部分，中间部分的显示效果是横向和竖向效果的叠加。eg:border-image:url(1.jpg) 27px 32px 27px 32px fill round;
2017-03-20 11:42:05
2780
原创 MySQL集群和主从复制分别适合在什么场景下使用
MySQL集群和主从复制分别适合在什么场景下使用345341390 | 浏览 779 次推荐于2016-03-15 19:13:22最佳答案集群和主从复制是为了应对高并发、大访问量的情况。如果网站访问量和并发量太大了，少量的数据库服务器是处理不过来的，会造成网站访问慢。数据写入会造成数据表或记录被锁住，锁住的意思就是其他访问线程暂时不能读写要
2017-02-04 22:39:48
5568
1
原创 php中的分页类Page的用法
$Page=new Page($count,5);//不能用Page($count.',5');$page=$Page->show();//用于分页栏显示，显示上一页 下一页等。$select=$db->order('id desc')->limit($Page->firstRow.','.$listRows)->select();//不能写成limit($Page->fi
2017-01-25 20:01:27
1907
原创 用css样式修改input控件和button控件
input中的text submit button等和单独button控件可以用css修改外观eg:.item_submit{background-color:red;width:100px;height:50px;font-size:20px;color:white;font-weight:bold;border-radius:10px
2017-01-22 15:43:26
9653
原创 页面定时跳转的js和php的代码实现和页面定时刷新
1.meta 2.winow.location.href=''; 如过页面刷新用window.location.reload(); js定时跳转页面的方法 var t=10;//设定跳转的时间 setInterval("refer()",1000); //启动1秒定时 function refer(){ if(t==0){
2017-01-22 11:45:26
2347
原创 html5中的web storage的用法
web storage中的localStorage用于在本地存储大量数据，且没有时间限制。sessionStorage是针对一个session的存储，关闭浏览器时，数据即删除。eg:if(typeof(storage)!=="undefined"){ localStorage.setItem("lastname","smith"); document.write
2016-12-26 16:00:14
447
原创 html5中drag//drop拖曳效果的用法
鑫空间讲解讲义缺乏对clearData() dropEffect() effectAllowed()的理解eg1:把图像放在边框中#div1 {width:198px; height:66px;padding:10px;border:2px solid #aaaaaa;}function allowDrop(ev){
2016-12-22 17:36:05
1530
原创 css3中的transition与animation中的delay问题
两者中都有delay属性，且在两者中，如在一个transition或animation中有俩个秒数，前一个代表duration ,或一个代表delay;两者都要写duration的秒数，因为两者的duration的默认秒数为0；transition中可以个别属性有delay;eg：#div1{border:2px solid #000;width:100
2016-12-21 21:43:57
1364
原创 css中zoom与transform:scale()的区别
zoom和transform:scale()都是放大元素用的，zoom:n会重新渲染元素，元素占据空间变大，页面重新布局。不过用jquery中的width()获取元素的宽度时，元素的宽度还是原来的值。transform:scale()会放大元素，只是放大了元素，页面不进行重新布局，不过会覆盖周围的元素。用jquey中width()获取元素的宽度时，宽度放大为原来的倍数。
2016-12-21 18:15:28
1219
原创 css3中transform中的translate(),scale(),skew(),一个参数时的情况
skew(x,y),和translate(x,y)是一个参数时，第二个参数默认为0；scale(x,y)是一个参数时，第二个参数默认和第一个参数一样。
2016-12-21 17:24:50
966
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人