css selector

css选择器

每次看了东西又搞忘了,非要好好来总结一下才可以。这次学习的内容是关于css选择器。包括了以下内容。

  • css(3)伪类选择器
  • css选择器的权重与优先级
  • css标签的匹配原理
  • css优化

Read More

html5 webSocket

WebSocket

定义

websocket是从客户端使用简单的语法有效地推动消息到服务器,那么就必须有服务器监听。
同时WebSocket允许跨域通信,而XHR却受到域的限制。

协议

属于自定义协议,ws(代替http://)或wss(代替https://)协议,可用于任意的客户端和服务器程序。
WebSocket协议基于TCP,进行双向通信的技术,PUSH技术类型.只需要一次握手。

自定义协议

优点:client与server之间的发送数据少,适合移动应用
缺点:可能存在安全性

Read More

javascript array

javascript数组

昨天在做阿里巴巴的面试题时发现针对JavaScript Array考的问题还有记到,而且都是考原生的方法。
但部分在w3c上都没有见过,于是就查看了资料弄个究竟。
这里就介绍了以下几个方法:sort()、forEach()、filter()、reduce()、join()

Read More

css3标签

学习内容

在家没事,学习几个css的标签也是蛮有意思。用学习的内容写了一个小玩意!

css标签

1.box-shadow [块级元素对应阴影大小]
2.border-radius [定义圆角的大小,当值为50%的时候]
3.animation [设置动画的时间]
4.@keyframes[自定义动画]

box-shadow与border-radius都是在原来图形的基础上进行定义的,如原来图形有多大,box-shadow就是
块级元素相应的大小。

Read More

浏览器安全

浏览器安全

浏览器的安全是以“同源策略”为基础。

####同源策略

同源策略是指资源来自同一来源,他们相同的host(主机名)、protocal(协议)、port(端口号),目的是阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。
在我们提交一个一个请求时,内容中都包含了这几个信息。

Read More

editable select

可编辑下拉框

实现思路

利用一个input框实现显示值和可编辑的功能,而下拉框则完成下拉的功能。

其中较为痛苦的就是input框和select的布局问题,将两个标签定义在相同的位置上以实现合二为一,来制作可编辑下拉框

Read More