![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
冷月宫主
性格:温和
爱好:读书、听音乐、玩游戏、编程、聊天
生活态度:随缘
工作状况:一般
受教育状况:大学
展开
-
Node Sass version 7.0.0 is incompatible with 4.0.0
处理办法:npm uninstall node-sass npm i -D sass 只需要这两步就可以解决了,重新启动项目原创 2022-05-28 22:27:38 · 201 阅读 · 1 评论 -
div在整个页面水平居中 垂直居中
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>div在整个页面水平居中 垂直居中html,body { margin:0; padding:0; overflow:hidden; h转载 2013-08-16 20:28:49 · 1652 阅读 · 0 评论 -
div页面垂直居中方法方法
基本思路:(1) 首们需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二例子:一个层宽度是400,高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为-150。margin-left的值为-200。这样我们就实现了层垂直居中于浏览器的样式编写。例子:html PU转载 2013-08-16 20:27:54 · 705 阅读 · 0 评论 -
Markdown 让你专注于写作而不是排版(极品,你学习它只需5分钟)
http://jianshu.io/p/q81RER献给写作者的 Markdown 新手指南http://jianshu.io/p/qqGjLN为什么作家应该用 Markdown 保存自己的文稿http://jianshu.io/users/yZq3ZV简书官方信息中心Markdown 是一种轻量级标记语言http://zh.wikipe转载 2013-05-18 22:56:58 · 1123 阅读 · 0 评论 -
NotScripts扩展在Chrome中禁用网页JavaScript
经常上网查找资料的朋友,应该对于那些无法复制网页内容的网站是深有感触的。由于这些网站作者为保护自己的网站内容不被他人抄袭,使用了JavaScrip来禁用鼠标右键复制功能。解决办法当然就是用浏览器禁止使用网页的JS加载或者生效了。如果你经常使用IE的话,你可以将IE的安全性设置调高一点,如果你使用的Firefox或者Chrome浏览器就可以使用专门的NoScript扩展插件了。Not转载 2013-05-17 10:24:31 · 2983 阅读 · 0 评论 -
在Google地图中显示行政区边界
不知道从什么时候开始,在Google地图或是百度地图中用城市或者省名称搜索的时候,你会发现地图上会勾勒出搜索的行政区的轮廓来,这个功能非常人性化。比如在百度地图中搜索“广西” ,地图显示如下图所示:在Google地图中搜索“桂林”,会定位到桂林市的中心坐标,需要把地图级别调小,才能看到如下图的效果如何实现上面的效果的,据我所知百度API已经开放了获取行政区边转载 2013-02-04 01:23:19 · 8827 阅读 · 0 评论 -
utf-8编码页面在IE6下不能正常显示 打开时出现空白面页
http://zly3500.blog.sohu.com/143652415.html模板文件改为utf-8编码后,生成的页面文件用IE6打开时,不能正常显示,也不报错,只出一个空白页面。已有人发现此问题:触发条件:1. title标签里的内容为中文其他双字节字符2. 指定网页编码的 meta 信息在 title 标签的下方,即中文或其他双字转载 2012-12-11 18:37:21 · 1076 阅读 · 0 评论 -
盘点:崛起中的九大HTML5开发工具
HTML5被看做是Web开发者创建流行Web应用的利器,增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silverlight,HTML5为实现这些插件的功能提供了一种标准化的方式。 虽然HTML5标准尚未开发完成,但是随着开发者对HTML5的兴趣日渐浓厚,开发工具提供商也开始跟进。以下介绍的9款应用工具转载 2012-12-11 15:47:38 · 598 阅读 · 0 评论 -
国内HTML5前端开发框架汇总
国外很有多优秀的HTML5前端开发框架相信大家都耳熟能详:JQuery Mobile,Twitter Bootstrap, Schena Touch, BackBone等等。同样,也存在很多国内比较优秀的前端开发框架,其中中国互联网三巨头贡献了近一半:腾讯,阿里巴巴,百度。框架不是万能的,选择和项目匹配的框架可以显著提高开发效率,但是也有可能带来代码的臃肿,本着“write le转载 2012-12-11 15:45:38 · 624 阅读 · 0 评论 -
最常犯的 HTML 标识错误 Top 100
国外的一个网站 W3CLove ,最近对在其网站上进行的 45 万的网页验证进行统计,下面是最频繁的错误和警告列表。W3CLove是一个用来验证网页编写是否规范的在线网站,不过用它来测试 oschina 页面的时候,提示错误:Sorry, we could not scrape this page.Please check it's an existent URL, or try转载 2012-06-19 14:08:22 · 1796 阅读 · 0 评论 -
QQ在线客服代码 飘浮在右侧的QQ客服js特效演示
制作在线QQ的具体步骤1、首先登录到http://is.qq.com/webpresence/code.shtml 网站2、选择风格3、填写相关数据4、生成网页代码5、复制代码到“写字板”,另存文件名为001.html6、创建自建栏目,将写字板里的图案样式部分复制到“自建栏目”中7、全部完成以后,将图标设置链接,地址为:http://wpa.qq.com/msgrd转载 2012-07-04 09:42:42 · 1037 阅读 · 0 评论 -
解决IE5、IE6、IE7与W3C标准的冲突(IE7.js IE8.js)
如果分别用IE5、IE6、IE7浏览同一个网页,将可能出现不一样的效果。这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致。为了解决这些错误和bug。我们不得不找到一个能平衡于它们之间的解决方法。如png透明问题在IE5、IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现。譬如前面我提到过用pngfix的那个方法就是调用外部J转载 2012-05-23 17:51:18 · 839 阅读 · 0 评论 -
div页面垂直居中方法
层垂直居中于浏览器,一直是新手朋友比较头疼的问题。 其实解决的思路是这样的:首们需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。 如:一个层宽度是400,高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为-150。margin-left的值为-200。这样我们就实现转载 2013-08-16 20:31:36 · 785 阅读 · 1 评论 -
div+css:页面整体布局居中显示:上下居中||垂直居中,左右居中||水平居中
问题出现的场景:(废话一堆)登陆页面,qa测试时跟美工提议居中显示,但是美工最开始布局时没做到这点。美工姐姐最开始的布局是: banner padding-top 40px,然后设置main与banner的margin=0。这样banner和main部分看起来是一个整体,整体距离浏览器上部分40px。如何实现整体居中显示:如果要实现整体页面上下居中,转载 2013-08-16 20:30:18 · 2774 阅读 · 0 评论 -
Session的生命周期
Session的生命周期 以前在学习的时候没怎么注意,今天又回过头来仔细研究研究了一下Session的生命周期。 Session存储在服务器端,一般为了防止在服务器的内存中(为了高速存取),Sessinon在用户访问第一次访问服务器时创建,需要注意只有访问JSP、Servlet等程序时才会创建Session,只访问HTML、IMAGE等静态资源并不会创建Session,可调用req转载 2013-09-08 13:15:32 · 703 阅读 · 0 评论 -
input输入框回车事件响应
1.常用方法1.方法1$('#applyCertNum').bind('keypress',function(event){ if(event.keyCode == 13) { alert('你输入的内容为1:' + $('#applyCertNum').val());转载 2017-02-26 22:03:02 · 3739 阅读 · 0 评论 -
JavaScript MVC框架PK:Angular、Backbone、CanJS与Ember
http://www.ituring.com.cn/article/38394原文地址:http://sporto.github.io/.../comparison-angular-backbone-can-ember/原文作者:Sebastian Porto @Twitter本文译者:@李松峰,感谢 @林永坚jake 推荐版权声明:经作者授权翻译,转载请注明原转载 2017-03-04 13:25:24 · 1061 阅读 · 0 评论 -
私人定制,十款最佳Node.js MVC框架
Node.js是JavaScript中最为流行的框架之一,易于创建可扩展的Web应用。Node.js包含不同类型框架,包括MVC, full-stack,REST API以及Generators。借助这些框架使Node.js更加易于使用,它还支持众多特性功能,您只需几个步骤就可快速搭建强大的Web应用。本文分享十款最佳的JavaScript框架。1. Sails. js转载 2017-03-04 13:19:47 · 767 阅读 · 0 评论 -
基于NodeJS的14款Web框架
在几年的时间里,Node.js逐渐发展成一个成熟的开发平台,吸引了许多开发者。有许多大型高流量网站都采用Node.js进行开发,像PayPal,此外,开发人员还可以使用它来开发一些快速移动Web框架。下面就介绍14款基于Node.js的Web应用框架,大家不妨过来看看有没有适合你的那一款。1.PrimusPrimus,是Transformer的创造者,并且也被称为通用包转载 2017-03-04 13:18:17 · 955 阅读 · 0 评论 -
20个优秀的前端框架
1. Twitter BootStrap (Apache v2.0;响应式)时髦、直观并且强大的前端框架,让Web开发变得更加容易。2. Foundation (MIT;响应式)最先进的响应式前端框架。3. 960gs(GPL&MIT;响应式)960gs提供了一个简单的网格系统,适合快速开发。 4. Ske转载 2017-03-04 13:17:42 · 709 阅读 · 0 评论 -
从Java的角度理解前端框架,nodejs,reactjs,angularjs,requirejs,seajs
http://www.cnblogs.com/siwy/p/5045556.html从Java的角度理解前端框架,nodejs,reactjs,angularjs,requirejs,seajs【前端神秘的面纱】对后端开发来说,前端是神秘的,眼花缭乱的技术,繁多的框架,如果你还停留在前端等于只用jquery做开发,那么你out了,本文从Jav转载 2017-03-04 13:13:06 · 1103 阅读 · 0 评论 -
HTTP 304客户端缓存优化的神奇作用和用法
HTTP 304: Not Modified,与服务器的缓存设置非常有关。Last-Modified这个头标是一个响应头标,表示客户端(通常指浏览器)所请求资源在服务器端的最后修改时间。通常情况下客户端在接受这个头标后,在以后对这个资源的请求会附带一个'If-Modified-Since'请求头标,而这个头标是想告诉服务器上次客户端所请求资源的最后修改时间。如下图中的 Last-M转载 2013-09-12 01:03:55 · 1765 阅读 · 0 评论 -
HTTP 304 错误的详细解释
Not Modified 客户端有缓冲的文档并发出了一个条件性的请求(一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档)。服务器告诉客户,原来缓冲的文档还可以继续使用。如果客户端在请求一个文件的时候,发现自己缓存的文件有 Last Modified ,那么在请求中会包含 If Modified Since ,这个时间就是缓存文件的 Last Modified转载 2013-09-12 01:01:26 · 10471 阅读 · 0 评论 -
[译]理解HTTP/304响应
原文:http://www.telerik.com/automated-testing-tools/blog/eric-lawrence/12-11-06/understanding-http-304-responses.aspx刚刚开始使用Fiddler的用户经常会对Fiddler的网络会话(Web Sessions)列表中的HTTP/304响应感到困惑:如果客户端发转载 2013-09-12 01:02:21 · 771 阅读 · 0 评论 -
【转】对 HTTP 304 的理解
最近和同事一起看Web的Cache问题,又进一步理解了 HTTP 中的 304 又有了一些了解。 304 的标准解释是:Not Modified 客户端有缓冲的文档并发出了一个条件性的请求(一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档)。服务器告诉客户,原来缓冲的文档还可以继续使用。如果客户端在请求一个文件的时候,发现自己缓存的文件有 Last M转载 2013-09-12 01:03:10 · 759 阅读 · 0 评论 -
HTTP请求中浏览器的缓存机制
流程 当资源第一次被访问的时候,HTTP头部如下(Request-Line) GET /a.html HTTP/1.1Host 127.0.0.1User-Agent Mozilla/5.0 (X11; U; Linux i686; zh-CN; rv:1.9.0.15) Gecko/2009102815 Ubuntu/9.04 (jaunty) Firefox/3转载 2012-05-23 16:57:32 · 740 阅读 · 0 评论 -
WEB交互界面易用性设计和验收的指导性原则
随着企业intranet和国际internet的迅速发展,越来越多的工作流程,商务交易,教育、培训、会议和讲座,以及个人消费娱乐都被转移到所谓的万维网(World Wide Web,以下简称WEB)上来了。与此相对应的是交互操作的复杂性越来越高。 随着Browser/Server模式的日渐流行,很多操作都是在浏览器环境下的网页上完成的,并不是只有失效的链接和意外的出错才会使操作者感到转载 2012-05-23 16:51:04 · 1012 阅读 · 0 评论 -
HTML5之地理位置(定位技术)
1、ip地址书上说不准确,很多时候获取的是ISP机房的位置,但是获取非常方便,没有什么限制。但是实际上我觉得在中国,ip地址还是比较准确的,基本上上能精确到小区或大楼的标准。2、GPS非常准确,但是需要在户外,且需要很长时间搜索卫星。最主要的很多设备比如笔记本电脑基本都是不带GPS的,新的智能手机purse hanger倒是都有。3、WiFi基站的mac地址。(猜测是连接位置已转载 2012-04-25 22:27:50 · 1403 阅读 · 0 评论 -
alert中的提示信息换行怎么写?
function br(){alert("换\r行")}function enter(){alert("第一行\r\r第二行")}换行回车 http://bbs.blueidea.com/thread-1678604-1-1.html转载 2012-04-25 16:07:23 · 3247 阅读 · 0 评论 -
line-height 和 vertical-align 行高与行对齐精解 (图文)
7.3 line-height行高指的是文本行的基线间的距离,但是文本之间的空白距离不仅仅是行高决定的, 同时也受字号的影响。7.3.1 语 法line-height属性的具体定义列表如下:语法: line-height : normal | | | | inherit说明: 设置元素中行的高度。值: normal:默认行高,一般为1到1.2; 实数:实数值,缩放因子转载 2012-04-25 18:35:19 · 1046 阅读 · 0 评论 -
HTML5 postMessage和跨域通信
HTML5 postMessage和跨域通信http://iknowledge.wikispaces.com/HTML5+postMessage%E5%92%8C%E8%B7%A8%E5%9F%9F%E9%80%9A%E4%BF%A1 HTML5 postMessage和跨域通信 浏览器的同源策略Jesse Ruderman对于同源策略的定义为:“同源策略阻转载 2012-04-10 19:33:12 · 696 阅读 · 0 评论 -
使用window.name和postMessage实现js跨域
js的跨域问题,老生长谈了。最近使用的比较多,于是整理了下。一、js跨域的限制: 到底什么样的情况才属于跨域呢?下图给出所有的跨域情况。根据浏览器同源策略,为了安全起见,在跨域的情况下是不允许数据传递和交互的。二、使用window.name解决跨域问题 怿飞写过这个话题的博客: http://www.planabc.net/2008/09/01/windo转载 2012-04-10 19:28:58 · 1010 阅读 · 0 评论 -
HTML5:使用postMessage实现Ajax跨域请求
HTML5:使用postMessage实现Ajax跨域请求笔记2。由于同源策略的限制,Javascript存在跨域通信的问题,典型的跨域问题有iframe与父级的通信等。常规的几种解决方法:(1) document.domain+iframe; (2) 动态创建script; (3) iframe+location.hash; (4) flash。这里不细说这几种方法,记录转载 2012-04-10 19:27:17 · 804 阅读 · 0 评论 -
Google地图现可按照路况给出出行时间
在 Google Maps 查询出行路线的时候,不管是公交还是自驾,它都会告诉你一个大概的全部行程需要的时间。不过如果你是在下午 5 点左右从北京出发的话,那个时间显然是痴人说梦。 由于 Google Maps 本身在很多城市已经有了交通流量监测数据,那么何必不将该数据与预测的出行时间结合起来呢?现在你再查询公交或自驾的时候,Google 就会按照当前的交通状况给出你各个线路的实际需要时转载 2012-03-31 18:36:18 · 1743 阅读 · 0 评论 -
nodejs中文教程-windows下nodejs开发环境的安装与配置
么是Node.js?还服务器端javascript?对于这个概念我在这篇文章不做解释,可以自己去搜索了解下,服务器端js不是新技术,只是最近的node.js的火爆让他爆发了,我会在以后的文章里解释什么是node.js。这里只是纯粹的搭建,连环境都没有,还玩什么服务器端js,一切都成了浮云,让我们先搭建一个环境,输入一个“hello world”的页面。对的,win7下的搭建,你只需一步一步跟着转载 2012-04-01 14:30:45 · 792 阅读 · 0 评论 -
Web开发者的最爱:10款必备的浏览器插件
【IT168 技术】目前Firefox、Chrome、以及其它一些主流的Web浏览器提供了成千上万的炫酷插件,只有少部分是为专业的Web开发人员和设计者精心准备的。对于日常设计和开发网站而言,哪些插件是最有价值的呢?下面我精选了最佳10款浏览器插件,希望对大家有所帮助。 1、Firebug 支持浏览器的类型: Firefox 费用:免费 获取方式:安装 Firebu转载 2012-03-30 18:29:38 · 1192 阅读 · 0 评论 -
Android客户端GPS定位源码
AndroidManifest.xml文件配置xml version="1.0"encoding="utf-8"?>manifest xmlns:android="http://schemas.android.com/apk/res/android" package="cn.itcast.main" android:versionCode="1" and转载 2012-03-28 10:23:51 · 1818 阅读 · 0 评论 -
Google Maps API v3离线开发包
http://blog.3snews.net/space.php?uid=730&do=blog&id=61654 在09年的时候,我就写过一篇Google Maps API离线开发包(没有网络也可以开发Gmap了),后来liongis大虾又重新整理了一份新的包,甚至出了v3版的离线包。今天在liongis大虾的基础上,我重新整理释放一份离线开发包给大家,和liongis的离线包相转载 2012-03-28 09:44:20 · 3320 阅读 · 2 评论 -
HTML5让页面嵌入视频如些简单
转载 2012-04-25 21:02:28 · 1036 阅读 · 0 评论 -
HTML5让导航条也如此简单
HTML |HTML5 |CSS |CSS3 |JavaScript转载 2012-04-25 21:04:04 · 2064 阅读 · 0 评论