随笔分类 -  html

html5 canvas实现饼状图
摘要:实现的效果如下: 通过canvas来实现的,主要是想练习封装插件。只需要在html里面简单的添加代码,就可以实现饼状图的自动添加。对于饼状图的颜色,比例等都可以根据需要进行调节。 具体的代码查看github:饼状图封装 阅读全文

posted @ 2017-02-03 18:41 catherinehd 阅读(2322) 评论(0) 推荐(0)

html知识
摘要:1.doctype作用 doctype标签可以告诉浏览器文档使用哪种HTML或者Xhtml规范。该标签可生命三种DTD类型,是严格版本,过渡版本和基于框架的HTML文档。 声明需要位于文档的最前面,处于标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档。 严格模式的排版和Js运作模式是以 阅读全文

posted @ 2016-12-26 11:00 catherinehd 阅读(131) 评论(0) 推荐(0)

.md文件的语法
摘要:md全称是Macdown,.md文件可以当记事本一样使用,作为编辑软件,还可以自己添加样式,图片,链接等,可以用记事本打开,也可以保持样式排版转换为html文件,语法比较简单。.md除了编辑容易的优势外,可以在不同系统中打开,并且不用担心像word出现版本不同打不开的情况。 语法: 标题:#;从1到 阅读全文

posted @ 2016-12-21 16:54 catherinehd 阅读(1258) 评论(0) 推荐(0)

html5 drag
摘要:这里是学习html5的拖放功能。这个API主流浏览器基本支持。ie浏览器是有限支持,dataTransfer.setData/getData。 在html5里面,任何元素都是可以拖放的。 需要拖放的元素要添加draggable="true"这个属性。然后设置拖动的时候触发的事件ondragstart 阅读全文

posted @ 2016-12-12 21:08 catherinehd 阅读(252) 评论(0) 推荐(0)

通过jquery获取天气的方法
摘要:代码为: $.getScript('http://int.dpool.sina.com/iplookup/iplookup.php?format=js',function(_result){ if(remote_ip_info.ret=='1'){ $.ajax({ type:"GET", url: 阅读全文

posted @ 2016-11-28 14:42 catherinehd 阅读(1735) 评论(0) 推荐(0)

前端基础之 url src href
摘要:在实际使用中有时候会犯糊涂,因此来认真了解下这三者的具体用法。 url 是资源定位器,是一种数据类型,和长度,颜色等属性并列。在写img的路径的时,如<img src="http://www.abc.com"> 这里的引号内的内容就是url。url是src或者href的值。一个完整的url保函了协议 阅读全文

posted @ 2016-11-27 12:14 catherinehd 阅读(359) 评论(0) 推荐(0)

html状态码与缓存学习
摘要:当浏览器访问一个页面时,浏览者的浏览器会向网页所在的服务器发送请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头(server header)用以响应浏览器的请求。 常见的HTTP状态码:(需记住) 200 请求成功 301/302 资源被永久转移到其他URL。r 阅读全文

posted @ 2016-10-26 20:46 catherinehd 阅读(265) 评论(0) 推荐(0)

cookie与localstorage和sessionstorage的区别比较
摘要:保存位置: 三者均保存在浏览器端,且同源的。 与服务器的关系: cookie 数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。 sessionStorage/localStorage:不会自动把数据发给服务器,仅在本地保存。 路径(path)概念: coo 阅读全文

posted @ 2016-10-25 10:21 catherinehd 阅读(412) 评论(0) 推荐(0)

cookie学习
摘要:cookie是储存于访问者的计算机中的变量,每当同一台计算机通过浏览器请求某个页面时,就会发送这个cookie,可以使用javascript来创建和取回cookie的值。 创建和存储cookie 首先创建一个可以在cookie变量中存储访问者姓名的函数 function setCookie(c_na 阅读全文

posted @ 2016-10-24 10:45 catherinehd 阅读(165) 评论(0) 推荐(0)

盒子模型
摘要:html文档中的每个元素都被描述成矩形盒子,通过一个模型来描述其占用空间,称为盒模型,包含外边距,边框,内边距,内容区域组成。 块级元素会单独一行,可以设置width.height.margin.padding.border. 行内元素和其他行内元素在同一行,width和height就是内容的wid 阅读全文

posted @ 2016-10-20 15:16 catherinehd 阅读(132) 评论(0) 推荐(0)

http协议了解
摘要:在web应用中,服务器把网页的HTML代码发送给浏览器,让浏览器显示出来,浏览器和服务器之间的传输协议就是HTTP协议。HTTP是在网络上传输HTML的协议,用于浏览器和服务器之间的通信。 一个网页打开的流程是浏览器读取服务器发送的HTML源码后,解析HTML,显示页面,然后根据HTML中的各个链接 阅读全文

posted @ 2016-10-19 17:18 catherinehd 阅读(167) 评论(0) 推荐(0)

html5学习笔记
摘要:a 阅读全文

posted @ 2016-10-18 17:34 catherinehd 阅读(113) 评论(0) 推荐(0)

响应式布局
摘要:为了使网页能够适应任何移动设备、桌面计算机的浏览器,提出了响应式网页设计。 CSS3中的Media Query(媒介查询),是制作响应式布局的一个利器,使用这个工具来快捷的制造出各种丰富的实用性强的界面。通过不同媒介类型和条件来定义样式表规则,让CSS可以更加精确作用于不同的媒介类型和同一媒介的不同 阅读全文

posted @ 2016-10-17 16:28 catherinehd 阅读(180) 评论(0) 推荐(0)

meta标签部分总结
摘要:<meta>标签用于提供页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。由于看到很多网页<head>里面<meta>标签的内容很多,对这些标签含义了解不太清晰,因此进行归纳总结。(内容参考 http://www.haorooms.com/post/html_meta_ds) meta标签的作 阅读全文

posted @ 2016-10-09 17:50 catherinehd 阅读(216) 评论(0) 推荐(0)