学习js有一段时间了,断断续续的写了几个项目,就近期写东西时遇到的问题,写个简单的笔记,内容不太系统,比较零碎。
CSS部分:
1.文本溢出用省略号显示:p { width:100px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
2.鼠标状态cursor : pointer , wait , help , text , crosshair , default , move
3.十六进制:0~9 ABCDEF 10
4.解决鼠标hover带有border的元素时,其他元素被挤发生位移的方法:
(1).预留空间:足够的height , box-sizing:border-box;
(2). 初始设置边框:border:3px solid transparent ;
5. 去掉{display:inline-block;}产生的几像素误差:{font-size:0;}
6.标准盒子模型和怪异盒子模型切换:{box-sizing:border-box / content-box ;}
7.  ------半角空格; -----全角空格;
8.设置动画完成后的状态{animation-fill-mode : none | forwards | backwards | both;}
9.由 SVG 定义的图形是XML格式
10.PS中选择图层便捷方法----方法1.顶部勾选自动选择、方法2.ctrl+点击要选择的图层+右击存储为智能对象
JavaScript和Jquery方法异同
1.dom中 insertBefore(new,old); replaceChild(new , old); (js方法)
2.ele.remove()------------元素被删除,在文档流中不存在了 (js方法)
$(ele).empty()-----------元素被置空,包括内部的标签以及文本,ele标签依旧存在 (jquery方法)
3.offset().left,offsetLeft, position().left, css中left的差异:
(1).jquery中offset():永远相对于document获取偏移量(与父容器是否有定位无关)
offset().left,offset().top (没有单位)
(2).jquery 中position() :相对上一层级(position不为static)父容器的偏移量;
position().left;position().top; (没有单位)
(3).jquery中css(‘left‘):读取的是在CSS中为该元素设置的定位 (单位:px)
(4).js方法offsetLeft:获取的是相对于上一层级(position不为static)父容器的偏移量; (没有单位)
4. 把一个jquery对象转换成js对象:$(‘ele‘).[0] , $(‘ele‘).get(0):
5.jquery操作元素
$(‘ele‘).prepend(): 在被选元素的开头插入内容
$(selector).unwrap()--删除被选元素的父元素。
$(selector).wrap()--给被选元素添加父元素。
$(":header")----h1-h6标题标签
.delay(1000)-----延迟一秒执行后续动作 (此方法与setTimeout()差别很大,用于动画操作很不便,对于两者的区别在之前的笔记中有专门的文章介绍!)
.map() 方法对于获得或设置元素集的值特别有用。
$(‘:checkbox‘).map(function() {
return this.id;
}).get().join(‘,‘);
6.jquery方法.bind()和.on()差异
(1):bind():为每个匹配元素的特定事件绑定事件处理函数。
bind(type,[data],fn)
type: 含有一个或多个事件类型的字符串,由空格分隔多个事件, 如"click"或"submit",还可以是自定义事件名。
data:作为event.data属性值传递给事件对象的额外数据对象
fn:绑定到每个匹配元素的事件上面的处理函数
(2):on()在选择元素上绑定一个或多个事件的事件处理函数。
on(events,[selector],[data],fn)
events:一个或多个用空格分隔的事件类型和可选的命名空间, 如"click"或"keydown.myPlugin" 。
selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的< null或省略,当它到达选定的元素,事件总是触发。
data:当一个事件被触发时要传递event.data给事件处理函数。
fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写,返回false。
对比发现on 和bind的 差别不大, 但是on多一个[selector] 可以过滤指定元素
on事件的优点:
jquery中对于动态添加的元素,可以使用on事件给新增的元素添加事件,不必在添加元素的函数中添加事件(会造成每次都要注册事件)!
可以用js中的onclick=function()或者jquery中on(click,ele,function(){ })
1. 两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。
GET - 从指定的资源请求数据
POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。