"HTML5"
共 389 条结果
在html5中jquery如何用ajax上传文件
现在最新的firefox和chrome都已经支持用FormData来自定义multipart/form-data的具体字段，这样用ajax上传文件就成了可能，但我在使用最新版jquery的ajax方法上传文件时，却遇到了问题，jquery默认设置的contentType不对，导致后端无法正确识别文件上传请求这是使用原生XHR来上传文件时的header截图，我们可以清楚的看到Content-Type已经做了特殊设定，这时后端可以正确的接收到文件
问答
2016-07-29
求问关于angularjs1.2.9的minErr()报错的问题?报错
对了，要@大漠穷秋
环境：
os x: 10.10
chrome:35
angularjs:1.2.9
jquery:1.11.1
bootstrap:3.2
后端PHP的CI框架
页面内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<base echo base_url(); ?>">
<title>test</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link rel="stylesheet" >
<link rel="stylesheet" />
<style>
body {
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}
</style>
<link rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script>
var BASE_URL = "<?php echo site_url().'/'; ?>";
</script>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="navbar-brand" echo site_url('projects#/'); ?>">test</a>
</div>
</div>
</div>
<div class="container">
<div ng-app="project">
<div class="page-header">
<h1>test</h1>
</div>
<div ng-view></div>
</div>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="static/js/jquery-1.11.1.min.js"></script>
<script src="static/js/angular.js"></script>
<script src="static/js/angular-resource.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/scripts.js"></script>
</body>
</html>
控制台报错：
到错误位置：
将angularjs换成1.0.4版就不会报错，可是我想知道1.2.9报错的原因。。。。
谢谢！
【分享】如何提高网站的打开速度？
一个精美的网站，加载速度一定不能太慢。一个网站的友好程度，一在于网站外观，也就是界面UI交互上的友好性；二就是网站的打开速度了，速度不仅会影响到访客的信任，还会直接影响网站的营收。甚至决定搜索引擎收录的好坏也有网站速度这一项。
1.使用尽可能优的线路
巧妇难为无米之炊，一个的网站，都会选用好的服务商来托管网站。服务商带宽的质量，直接决定了网站的响应延迟。所以，选择优质的服务商，对网站的速度，有不可抹灭的作用。
2. 服务器带宽
服务器的带宽，也许对网站速度影响不是特别大，但对于高峰访问时，网站一但因带宽堵塞而停服，造成的信任危机将不可相像。所以，网站的服务器带宽，一定要对得起自己的网站哈哈。
3.提高代码执行效率
这里指的代码分两处，一是服务器上程序代码执行的效率，二是页面上的程序执行效率。前者如果执行时阻塞，将导致网站长时处于加载状态。后者如果阴塞，将会引起页面假死、请求堵塞，间接导致整个页面打开速度变慢
4.尽量避免HTTP错误
标签浏览器遇到一般的HTTP错误，都不接受缓存的，也就是，页面上一直存在 这个错误请求，浏览器在后面访问到这个页面的时间就会每次都要尝试，国内网站一般会有300ms左右的阻塞（chrome/firefox 要好一些，是并行加载），国外的阻塞更久。所以，为了提升访客体验，尽量避免HTTP错误。
5.为网站静态元素配置HTTP头
通常，网站的静态元素无需每次都请求，这样既浪费了服务器资源、带宽，也浪费了访客的流量，并且这还会让访客每次下载静态元素，长时间处于等待状态，对访客体验，有损无益。
6.优化Cookie
通常COOKIE会直接突破前端缓存，并且COOKIE通常对于静态元素请求来说，是完全无用的。所以，设置COOKIE时，尽量避免与静态元素混：
为静态元素分配不同的域，这样可以避免静态元素在请求时发出COOKIE数据，积少成多，COOKIE给网站带来的压力也不可小视的
兼容HTML5，避免使用Cookie储存数据。HTML5是先进的页面技术，HTML5标准支援浏览器的图片处理、3D、储存和本地SQL，使用本地储存替代COOKIE，不仅可以节省网站流量，更会为网站带来意想不到的效果。但是HTML5并非所有浏览器都支持，所以，得要想好兼容性问题。
7.请求合并
对一个页面来说，只需一个CSS请求 一个JS请求就OK了。而图片之类的可以css sprite。
8.减少DNS查询
一个页面上的所有DNS查询，在为静态元素分配不同的域后，越少越好。因为DNS查询直接带来代价的时间的开销。
为什么国内那么多人用 bootstrap ?
在我看来 bootstrap 无非是提供了栅格化CSS 样式表； 一些JS 组建； 不过这些自己实现也是分分钟钟的事情呀；我做的所有html5 / 网站里面 没有一个用到了bootstrap.另外 bootstrap 文件内容也很多余,总共100多KB; 在Mobile网络速度捉紧的情况还使用这种东西 绝对是找死啊
问答
2016-06-01
jfinal和xheditor结合?报错
@JFinal 你好，想跟你请教个问题：
jfinal和xheditor结合的时候，因为xheditor在支持html5的浏览器的时候，上传的文件不是multipart/form-data而是application/octet-stream，getFile的时候就会报错，请问是不是还没有封装支持html5的方法，还有cos-26Dec2008.jar支持html5的上传么？还有cos-26Dec2008.jar是怎么文件大小的？如果不支持貌似又要换commons-fileupload.jar了??
html5 中是否取消了 script 的type属性了
今天更新了zencode插件了，n年没更新过了，然后更新过后 生成script 标签发现没有了type属性了想请问，是否在html中现在已经舍弃使用该属性了?
CSS a wrap div可以吗
<a href="#">
<div href="http://www">
<p class="q-title">
<a class="clearfix" href="javascript:;">
<span class="ico ico-arrow-up-primary"></span>
<strong>案件基本事实案件基本事实基本事实</strong>
<span class="ico ico-caret-right-gray"></span>
</a>
</p>
<p class="forum-user forum-user-blue clearfix">
<span class="user-txt"><a href="javascript:;">张三律师创建于 </a>
<span class="release-date">2015-02-23 23:22</span></span>
<a href="javascript:;" class="comment"><span class="ico ico-message"></span><span class="count">13</span></a>
</p>
<p class="forum-user forum-user-red clearfix">
<span class="user-txt"><a href="javascript:;">赢了法律顾问更新于 </a><span class="release-date">2015-02-23 23:22</span></span><a href="javascript:;" class="comment"><span class="ico ico-notice"></span><span class="count">99</span></a>
</p>
</div>
</a>
html5 验证时会把block元素从a拿出来 不知道怎么办
问答
2016-05-31
html5 form表单里有多个 input type="search"的问题?
html5页面 form表单里有多个 input type="search"，在手机上浏览，在search框内输入后，点击键盘右下角的搜索，form表单没有提交。若form表单里只有一个search，则会提交表单。这类问题主要是什么？
EditPlus 3.x 配置PHP开发环境 - EditPlus报错
我Windows下的所有文件全是默认使用EditPlus打开的，再比较熟悉PHP以后，使用EditPlus还是比较舒服的，当然也可以通过插件和设置把EditPlus配置为可以动态查看帮助、代码调试和代码自动补全的超轻量级IDE。
1. 配置EditPlus PHP代码自动补全
代码补全并不是代码提示，就EditPlus来说，代码补全基本上就是PHP函数补全，Zend Studio等大型IDE那样的代码提示基本上很难实现。不过针对函数和一些运算符设计的代码补全已经很方便了。以EditPlus为例：选择工具 ->参数设置，然后选择文件->设置 & 语法，选择已经存在的文件类型或者新建文件类型，然后设置语法文件和自动完成的文件，语法文件和自动完成文件的格式分别是.stx和.acp，这些文件可 以在EditPlus官网找到大量的共享资源：传送门。
这里同样可以设置其他开发语言的自动完成和语法文件，例如jQuery、HTML5等。
2. 配置EditPlus PHP代码调试
习惯了Visual Studio和 Eclipse的同学肯定比较钟情单步和断点调试，不过PHP中还是习惯用echo、var_dump和print_r这些系统函数进行调试。或者有时候 我仅仅是想获取一个字符串的md5值，完全可以通过EditPlus的代码调试快速输出这些值。打开工具->参数设置，然后依次选择工具-> 用户工具->添加工具，选择应用程序。如下图所示，命令就是选择php.exe。参数和初始目录依次选择$(FileName) 和$(FileDir)，其实就是当前文件的意思，动作选择“捕捉输出”。
然后点击打开“输出模板”，勾选掉”使用默认输出模式“，输入下面的正则表达式：“^.+ in (.+) on line ([0-9]+)”，文件名和行依次选择文件表达式1和文件表达式2，列选择无，如下图所示：
PHP代码调试功能至此配置完成，默认使用快捷键Ctrl+1即可。
3. 配置EditPlus PHP中文手册
这一步操作步骤同上一步基本上一致，不同的是添加工具的时候选择“HTML帮助”那个，然后倒入CHM文件即可，动作选为无，其他均不需要进行设 置。使用的时候选择一个函数，然后按下Ctrl+2就可以跳转到CHM内相应的位置，如果PHP手册中没有这样的函数，则会列出相似的结果。
4. 配置EditPlus PHP代码美化
PHP代码美化就是方便那些不按照合理的格式写代码的童鞋们，或者是看别人写的乱七八糟的代码的时候直接给格式化美化后看着舒服多了。配置过程和第 二部更为相似，不同的是代码美化需要下载一个（本例所有配置文件请在文末进行下载）应用程序，然后设置动作为“运行为文本过滤器(替换)”即可。不过不说 这一版的PHP代码美化已经步入之前的好看了，看来还是自己先写的标准一点的好。
上述这些配置基本上就够普通的开发的，配置文件下载：点击下载。
EditPlus确实小巧实用，很有萝莉的风格，不过Vim还是PHPer心中的那个她吧，睡觉，明天上班继续配置我的Vim。
原文出处：http://www.feiyan.info/456.html
