随笔分类 -  前端

http中长连接和websocket的长连接的区别
摘要：一、什么是http协议 HTTP是一个应用层协议，无状态的,端口号为80。主要的版本有1.0/1.1/2.0. HTTP/1.* 一次请求-响应，建立一个连接，用完关闭； HTTP/1.1 串行化单线程处理，可以同时在同一个tcp链接上发送多个请求，但是只有响应是有顺序的，只有上一个请求完成后，下一 阅读全文
posted @ 2018-01-26 13:52 艾亚495 阅读(20676) 评论(0) 推荐(2)
横屏竖屏处理
摘要：首先，横竖屏状态是无法用程序控制的，但是可以判断进而处理： 使用window.orientation 使用window.orientation 原理：打开页面是通过window.orientation判断网页是横屏还是竖屏，如果是竖屏，给整个页面添加旋转90°样式。用户看到横屏效果后，旋转手机会触发 阅读全文
posted @ 2017-08-08 19:22 艾亚495 阅读(490) 评论(0) 推荐(0)
canvas---fiveStar
摘要：使用了sonic (http://www.yyyweb.com/demo/inner-show/sonic-loading.html) 效果图： 阅读全文
posted @ 2017-08-06 15:30 艾亚495 阅读(162) 评论(0) 推荐(0)
url页面加载过程
摘要：1.输入URL到页面加载显示完成的发生了什么？ 浏览器根据请求的URL交给DNS域名解析得到真正的IP地址，向服务器发送请求；HTTP三次握手，浏览器与服务器建立连接会话；服务器接收处理请求返回报头，此处如果浏览器访问过，缓存上有对应资源，会与服务器最后修改时间对比，一致就返回304，不一致浏览器开 阅读全文
posted @ 2017-08-02 13:06 艾亚495 阅读(351) 评论(0) 推荐(0)
CSS--九宫格滑过变红色
摘要：题目要求： 使用HTML+CSS实现如图布局，border-width:5px，格子大小是50px*50px，hover时边框变成红色，需要考虑语义化。 图片： 实现过程： 效果图： 代码： 分析： table标签 可选的属性 另外还有border-collapse属性 注意：如果没有规定 !DOC 阅读全文
posted @ 2017-07-30 11:09 艾亚495 阅读(496) 评论(0) 推荐(0)
background属性和position属性
摘要：最近看到一个页面，当文本内容长时，背景不动，内容跟着变化，使用到了CSS的background-attachment:fixed属性，这篇文章，就来说一下background和position属性 1.CSS中的背景（背景是不可继承的） background-color 默认值为transparen 阅读全文
posted @ 2017-07-27 14:57 艾亚495 阅读(793) 评论(0) 推荐(0)
CSS——<img>标签图片适配居中问题
摘要：图片标签为<img>，为单闭合标签，使用时<img src="./im.png" alt="花"/> 必选属性: alt 图像的替代文本 src 规定显示图像的URL img属于行内替换元素，可以使用height/width/padding/margin均可以使用，效果等效于块元素。如果设定了wid 阅读全文
posted @ 2017-07-22 22:08 艾亚495 阅读(11454) 评论(0) 推荐(0)
git学习———建立git仓库上传github和从github上下载工程
摘要：使用的环境是centos6.5 非常好的git教程学习资料为：http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000，讲的真心不错，非常的详细。 也遇到了这样一个问题： 上传代码到githu 阅读全文
posted @ 2017-07-17 22:11 艾亚495 阅读(291) 评论(0) 推荐(0)
CSS——布局
摘要：CSS的布局方式有：双飞翼、多栏、弹性、流式、瀑布流、响应式布局 这里主要说三种常用的布局方式： （1）瀑布流布局 视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，不断加载数据块并附加至当前尾部。优点 a、有效降低了界面复杂度，节省了空间，不需要臃肿复杂的页码导航链接或按钮。b、对触屏设备来说 阅读全文
posted @ 2017-07-15 21:11 艾亚495 阅读(152) 评论(0) 推荐(0)