- 博客(14)
- 收藏
- 关注
原创 onblur和onlick
有这样的一个需求:点击“更改”,出现右侧菜单,点击选项后对“更改”左侧的结果进行更改,更改成功后菜单消失菜单出现的情况,点击空白菜单消失应该是一个很普遍的需求,但是在react里实现还是花费了我一些力气,实际上和react的关系不太,还是各个事件的发生的顺序首先为了实现点击按钮出现,点击空白消失,对更改按钮的span增加了tabindex,这样就可以通过onfocus和onblur实现,htm
2017-06-23 16:40:47 563
原创 网络基础06 HTTP长连接和短连接 + Websocket
HTTP协议与TCP/IP协议的关系HTTP的长连接和短连接本质上是TCP长连接和短连接。HTTP属于应用层协议,在传输层使用TCP协议,在网络层使用IP协议。IP协议主要解决网络路由和寻址问题,TCP协议主要解决如何在IP层之上可靠的传递数据包,使在网络上的另一端收到发端发出的所有包,并且顺序与发出顺序一致。TCP有可靠,面向连接的特点。长连接短连接操作过程短连接的操作步骤是:
2017-06-23 12:34:43 5904
原创 CDN
CDN的全称是Content Delivery Network, 即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络"边缘",使用户可以就近取得所需的内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度。可以把CDN简单的描述为:内容分发,解决网络拥挤和提供网站相应速度。
2017-06-20 16:15:17 397
原创 jQuery中ready和load的简单区别
ready事件在DOM结构绘制完成之后就会执行,这样能确保就算有大量的媒体文件没有加载出来,JS代码一样可以执行。load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一页网页有大量图片的话,则就出现网页文档已经呈现出来但网页数据(脚本初始化)还没加载完毕,导致load事件不能够即时被触发.
2017-06-19 17:57:50 356
原创 isotope + imageLoaded
imageLoadedimagesLoaded是一款用于检测页面中的图片是否被加载的js插件。Isotope是一款效果非常神奇的元素分类过滤和排序布局jQuery插件
2017-06-19 17:50:44 1612
原创 制作网站收藏夹图标
在head中添加下面代码: <link rel="shortcut icon" href="dist/ico/favicon.ico">同时在对应的位置准备好ico格式的图标,一般为32*32尺寸,再大点也可以
2017-06-19 17:26:09 532
原创 滚动监听
滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动,基于滚动条的位置向导航栏添加 .active class如果您想要单独引用该插件的功能,那么您需要引用 scrollspy.js。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。向顶部
2017-06-19 17:07:50 598
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人