随笔分类 -  html/css

web window pixel等笔记
摘要：原文：http://www.w3cplus.com/css/viewports.html 屏幕尺寸 Screen size =显示器尺寸 screen.width 和 screen.height。这两个属性包含了用户屏幕的完整宽度高度。这些尺寸使用设备的pixels来定义，他们的值不会因为缩放而改变 阅读全文
posted @ 2017-06-15 11:25 慕容小凡 阅读(215) 评论(0) 推荐(0)
H5,PC网页屏幕尺寸相关整理(scrollLeft,scrollWidth,clientWidth,offsetWidth)
摘要：HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于 阅读全文
posted @ 2017-06-08 11:24 慕容小凡 阅读(1466) 评论(0) 推荐(0)
hammerjs wabapp h5 触屏手势一网打尽
摘要：手势,拖拽,webapp,触屏网页 阅读全文
posted @ 2017-05-05 17:42 慕容小凡 阅读(173) 评论(0) 推荐(0)
客户端session与服务端session
摘要：原文：http://blog.csdn.net/a1192529545/article/details/27955651 会话（Session）跟踪是Web程序中常用的技术，用来 跟踪用户的整个会话 。常用的会话跟踪技术是Cookie与Session。 Cookie通过在客户端记录信息确定用户身份  阅读全文
posted @ 2017-01-17 11:18 慕容小凡 阅读(341) 评论(0) 推荐(0)
本地存储 cookie,session,localstorage( 二)angular-local-storage
摘要：原文：https://github.com/grevory/angular-local-storage#api-documentation Get Started (1)Bower: $ bower install angular-local-storage --save npm: $ npm in 阅读全文
posted @ 2017-01-16 15:38 慕容小凡 阅读(1691) 评论(0) 推荐(0)
本地存储 cookie,session,localstorage( 一)基本概念及原生API
摘要：http://www.w3school.com.cn/html5/html_5_webstorage.asp http://adamed.iteye.com/blog/1698740 localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 他们均只能存储字符串类 阅读全文
posted @ 2017-01-16 14:44 慕容小凡 阅读(492) 评论(0) 推荐(0)
服务器响应状态码
摘要：http状态返回代码 1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。 http状态返回代码 代码 说明100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101 （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换 阅读全文
posted @ 2016-12-11 18:32 慕容小凡 阅读(4403) 评论(0) 推荐(1)
HTML <base> 标签的 href 属性
摘要：为页面上所有相对 URL 规定基准 URL： 值描述 URL 作为基准 URL 的绝对 URL（比如 "http://www.example.com/"）。 阅读全文
posted @ 2016-11-09 17:06 慕容小凡 阅读(1021) 评论(0) 推荐(0)
清除浮动的3种方法
摘要：1 在里面添加<> 2 容器里添加 3 父元素也浮动 4 阅读全文
posted @ 2016-10-29 14:50 慕容小凡 阅读(213) 评论(0) 推荐(0)
input编辑框编辑状态切换
摘要：收货人姓名： 阅读全文
posted @ 2016-10-18 14:27 慕容小凡 阅读(1137) 评论(0) 推荐(0)
Web页面性能测试工具浅析
摘要：http://www.cnblogs.com/fo0ol/p/3297054.html 做Web开发，难免要对自己开发的页面进行性能检测，自己写工具检测，工作量太大。网上有几款比较成熟的检测工具，以下就介绍一下，与大家分享。 基于网页分析工具： 1. 阿里测 2. 百度应用性能检测中心 2. Web 阅读全文
posted @ 2016-09-07 20:28 慕容小凡 阅读(475) 评论(0) 推荐(0)
Chrome渲染分析之Timeline工具的使用
摘要：原文http://www.th7.cn/web/html-css/201406/42043.shtml Timeline工具栏提供了对于在装载你的Web应用的过程中，时间花费情况的概览，这些应用包括处理DOM事件, 页面布局渲染或者向屏幕绘制元素。 Timeline可以通过事件，框架，和实时内存用量 阅读全文
posted @ 2016-09-07 20:08 慕容小凡 阅读(8532) 评论(0) 推荐(3)
HTML5根据浏览器获取经度和纬度（百度API）
摘要：网页获取用户位置信息的办法1 调用百度地图的地图标注功能，通过百度地图API获取对应的经度和纬度进而获取地区信息 优点是比较准确，缺点是需要用户自己选择位置2 通过H5 geolocation属性获取经度和纬度，优点是用户只需要点击允许获取即可，缺点是浏览器获取的经度相对不是很准确而且仍旧需要用户确认。3 通过用户IP来分析用户位置（待后续研究）下面是第二种方法的代码实现 ... 阅读全文
posted @ 2016-07-26 14:38 慕容小凡 阅读(16245) 评论(1) 推荐(0)
html5存储相关 coookie localstorage session storage
摘要：html5存储 coookie localstorage session storage 阅读全文
posted @ 2016-07-25 17:00 慕容小凡 阅读(200) 评论(0) 推荐(0)
html/css技巧总结
摘要：.e-select .on{display:none} on为e-select的子元素，（之间有空格）.e-select.on{display:block} 只有两种属性同时存在时才会起作用（之间无空格）可以与addcss等配合 new array()[] []表示数组new object(){} 阅读全文
posted @ 2016-07-06 11:44 慕容小凡 阅读(168) 评论(0) 推荐(0)
css在网页中划线
摘要：在行边距上的线可以通过 1 div,表格等的border属性实现 2 <hr/>实现 3 通过背景图片实现 4 页面内写入横线图片 通过相对定位实现 5 通过css伪类实现 阅读全文
posted @ 2016-06-16 14:44 慕容小凡 阅读(1763) 评论(0) 推荐(0)
css字体设置
摘要：css字体设置 .selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } 说明： 加上中文名“微软雅黑”是为了兼容opera。 MicrosoftJhengHei为微软正黑体，ST 阅读全文
posted @ 2016-06-16 11:19 慕容小凡 阅读(209) 评论(0) 推荐(0)
通过CSS实现各种方向的三角形
摘要：#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } #triangle-down { width: 0; ... 阅读全文
posted @ 2016-06-15 10:06 慕容小凡 阅读(266) 评论(0) 推荐(0)