随笔分类 -  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)