WEB前端
关注
分享
扫一扫
Robocop_Mao
Web前端学习中，如博客中出现错误，还请各位大神多多指点！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTTP请求和HTTP响应介绍
1、请求报文介绍一个HTTP请求报文由请求行（request line）、请求头部（header）、空行和请求数据4个部分组成。（1）请求行请求行由请求方法字段、URL字段和HTTP协议版本字段3个字段组成，它们用空格分隔。例如，GET /index.html HTTP/1.1。HTTP协议的请求方法有GET、POST、HEAD、PUT、DELETE、OPTIONS、TRACE、CONNEC转载 2015-07-27 22:08:46 · 720 阅读 · 0 评论 -
Html5常用语义标签、拖拽功能、音频、视频总结
Html5常用语义标签 <header> <nav> <footer> <section> //一般定义文章章节时使用，比如京东图书页的章节介绍 <article> //一般用于独立的块 <menu> //menu默认有margin和padding <aside> //一般用于网站边上的弹窗、广告 <hgroup>使用input和data原创 2015-09-23 21:51:31 · 796 阅读 · 0 评论 -
文章标题
关于canvas图像 var img = new Image(); // Create new Image object img.src = 'myImage.png'; // Set source path 当脚本执行后，图片开始装载。若调用 drawImage 时，图片没装载完，脚本会等待直至装载完毕。如果不希望这样，可以使用 onload 事件： var ctx原创 2015-09-27 21:48:28 · 639 阅读 · 0 评论 -
html5 引入百度地图案例
html5 引入百度地图案例一： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="view原创 2015-09-27 21:30:45 · 3831 阅读 · 0 评论 -
使用html5 canvas 绘制Android机器人
练习使用Html5 canvas 绘制Android机器人。 要点：当对画布进行变换的时候，需要使用 save() 方法 和 restore() 方法，它们应该成对使用，且 restore() 方法不能比 save() 方法多。我们只需要每次在画布变换前使用 save() 方法保存其初始状态，之后使用 restore() 方法恢复到上一次保存的状态即可。 <!DOCTYPE html>原创 2015-09-26 14:51:08 · 3540 阅读 · 0 评论 -
html5 localStorage and cookie
html5 cookie //添加cookie document.cookie = 'username=zhangsan'; //修改cookie（覆盖cookie） document.cookie = 'username=lisi'; //设置cookie生命周期 var date = new Date(); var days = 30; //原创 2015-09-24 21:06:29 · 498 阅读 · 0 评论 -
media响应式布局模版
/* 打印样式 */ @media print { color: red; }/* 手机等小屏幕手持设备 */ @media screen and (min-width: 320px) and (max-width: 480px) { body { background: yellow; } }/* 平板之类的宽度 1024 以下设备 */ @media only screen a原创 2015-08-06 21:59:47 · 612 阅读 · 0 评论 -
@font-face的format属性
format ：字体的格式，主要用于浏览器识别，一般有以下几种——truetype,opentype,truetype-aat,embedded-opentype,avg等。对于@font-face而言，兼容性问题就是各浏览器所能识别的字体格式不尽相同。TrueType格式(.ttf) Windows和Mac上常见的字体格式，是一种原始格式，因此它并没有为网页进行优化处理。 浏览器支持：IE9+转载 2015-08-06 22:04:42 · 10723 阅读 · 1 评论 -
JS和C语言判断闰年
今天开始第一天的JS学习，作业是用JS判断任意年份是否为闰年： JS代码：<!DOCTYPE html><html><head lang="zh-cn"> <meta charset="UTF-8"> <title>JS判断闰年和平年</title> <script type="text/javascript"> function myFunc() {原创 2015-08-06 21:50:47 · 2061 阅读 · 0 评论 -
问题：浮动影响<a>标签点击？
今天遇到一个奇葩的问题就是，浮动影响<a>标签的点击（手型变成箭头），点不动了，目前还不知道为什么。原创 2015-08-03 23:59:02 · 2287 阅读 · 1 评论 -
如何用CSS写一个三角形
如何用CSS写一个三角形？需要了解盒子模型，再运用transparent属性值，就可以办到。原创 2015-08-02 00:25:36 · 1650 阅读 · 0 评论 -
iframe的name属性用法（配合a标签的target属性实现页面局部刷新）
iframe的name属性配合a标签target属性实现局部刷新：原创 2015-07-28 23:57:27 · 7249 阅读 · 1 评论 -
HTML，CSS，font-family：中文字体的英文名称 （宋体 微软雅黑）
html，css，font-family：中文字体的英文名称转载 2015-07-29 21:42:00 · 833 阅读 · 0 评论 -
font-size属性的继承
font-size属性的继承原创 2015-07-29 22:24:46 · 4911 阅读 · 0 评论 -
JS sort()方法排序问题修正方式
sort 方法的默认排序在数字排序上有些问题，因为数字排序和数字字符串排序的算法是一样的。我们必须修改这一特征，修改的方式，就是给 sort(参数)方法传递一个函数参数。这点可以参考手册说明。function compare(value1, value2) { //数字排序的函数参数 if (value1 < value2) { //小于，返回负数 return -1;转载 2015-08-09 23:44:42 · 1008 阅读 · 0 评论 -
JS将一个十进制转换成二进制
<!DOCTYPE html><html><head lang="zh-cn"> <meta charset="UTF-8"> <title>十进制的52转化成二进制</title> <script type="text/javascript"> function convert() { var num = prompt('请输入一原创 2015-08-09 20:44:14 · 7022 阅读 · 0 评论 -
pre标签
今天正式开始学习前端的HTML部分，虽然以前有接触，但是今天学到一个新标签<pre>.预编排标签<pre>可以使文本完全按照源文件中的编排格式，一模一样地在浏览器中显示。<pre> 标签的一个常见应用就是用来表示计算机的源代码。可以导致段落断开的标签（例如标题、<p> 和 <address> 标签）绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在原创 2015-07-27 22:28:49 · 1988 阅读 · 0 评论 -
微信调试这爬坑
最近使用vue2 + element-ui + es6 + fetch写的的项目，结果微信和自带浏览始终不显示页面，qq浏览器，uc浏览器显示正常。首先以为是babel转码问题，结果不是，以为是promise问题，vue-router连续重定向问题，结果都不是，最后终于找到一个比较方便的调试工具：spy-debugger，步骤都有；如果证书下不下来，可以到pc目录找到：%HOMEPAT原创 2017-08-28 16:57:29 · 589 阅读 · 0 评论