html5

# 概述 - 1.新增的属性 placeholder Calendar, date, time, email, url, search ContentEditable Draggable Hidden Context-menu Data-Val(自定义属性) - 2.新增的标签 语义化标签（一群类似div的东西） canvas(画板) svg Audio(声音播放) Video(视频播放) - 3.API 定位（需要地理位置的功能） 重力感应（陀螺仪） request-animation-frame(动画优化) History（控制当前页面的历史记录） LocalStorage,SessionStorage(存储信息，比如：历史最高记录) WebSocket(在线聊天，聊天室) FileReader(文件读取，预览) WebWorker（文件的异步，提升性能，提升交互体验） Fetch（传说中要替代Ajax的东西） 以上是markdown格式的笔记 来源： oschina 链接： https://my.oschina.net/u/4352371/blog/4291088

问题： Chrome supports the placeholder attribute on input[type=text] elements (others probably do too). Chrome支持 input[type=text] 元素的 占位符属性 （其他人也可能这样做）。 But the following CSS doesn't do anything to the placeholder's value: 但是以下 CSS 对占位符的值没有任何作用： input[placeholder], [placeholder], *[placeholder] { color: red !important; } <input type="text" placeholder="Value"> Value will still remain grey instead of red . Value 仍然是 grey 而不是 red 。 Is there a way to change the color of the placeholder text? 有没有办法改变占位符文本的颜色？ 解决方案： 参考一： https://stackoom.com/question/Ax6n/使用CSS更改HTML-输入的占位符颜色 参考二： https://oldbug.net/q

认识动物宝宝早教APP隐私政策 认识动物宝宝早教APP开发者（以下简称“我们”）制定本隐私政策（以下简称“本政策”），来解释我们如何收集、保存使用由我们的产品、服务和网站（以下合称“我们的服务”）收集的信息。 如果您对本政策有任何问题或投诉，请给我们发邮件到 2251113968@qq.com。 一旦您安装、使用、注册或以其他方式访问我们的服务，那就意味着您已经接受本政策，并且在知情的基础上明确同意按本政策的规定处理、使用和披露您的个人信息。如果您不接受本政策，请不要安装、使用、注册或以其他方式访问我们的服务。我们保留随时修改本政策的权利，并会在修改后于本页面公布修改后的文本。因此，请经常查看本页。如果您继续使用我们的服务，那就意味着您接受对本政策的修改。 1. 非个人信息 在本政策中，“非个人信息”指的是不能直接识别您的信息。此外，非个人信息还指“整合”并“去个人化”的信息，即我们收集的关于我们的服务的使用情况已经去除了可识别个人的数据的信息。 我们可能使用工具或第三方分析软件自动收集和使用非个人信息。我们可能收集、使用的非个人信息包括但不限于以下类型：（1）设备属性，包括但不限于IP地址、网卡（MAC）地址、开放性独特设备标识符和广告识别符 或其他永久性或非永久性设备标识符（“设备标识符”）；（2）设备软件平台和固件；（3）手机运营商；（4）邮政编码、地域码、粗略定位等地理数据

益智拼图APP隐私政策 益智拼图APP开发者（以下简称“我们”）制定本隐私政策（以下简称“本政策”），来解释我们如何收集、保存使用由我们的产品、服务和网站（以下合称“我们的服务”）收集的信息。 如果您对本政策有任何问题或投诉，请给我们发邮件到 2251113968@qq.com。 一旦您安装、使用、注册或以其他方式访问我们的服务，那就意味着您已经接受本政策，并且在知情的基础上明确同意按本政策的规定处理、使用和披露您的个人信息。如果您不接受本政策，请不要安装、使用、注册或以其他方式访问我们的服务。我们保留随时修改本政策的权利，并会在修改后于本页面公布修改后的文本。因此，请经常查看本页。如果您继续使用我们的服务，那就意味着您接受对本政策的修改。 1. 非个人信息 在本政策中，“非个人信息”指的是不能直接识别您的信息。此外，非个人信息还指“整合”并“去个人化”的信息，即我们收集的关于我们的服务的使用情况已经去除了可识别个人的数据的信息。 我们可能使用工具或第三方分析软件自动收集和使用非个人信息。我们可能收集、使用的非个人信息包括但不限于以下类型：（1）设备属性，包括但不限于IP地址、网卡（MAC）地址、开放性独特设备标识符和广告识别符 或其他永久性或非永久性设备标识符（“设备标识符”）；（2）设备软件平台和固件；（3）手机运营商；（4）邮政编码、地域码、粗略定位等地理数据；（5）游戏进程

环境： .net 4.0 ashx一般处理程序 使用 html5 FormData ajax上传文件 功能如下：如果用户有登录，则对文件进行处理；如果用户没登录，则直接返回json，提示用户未登录 遇到问题： 用户登录：正常 用户没登录：调试的时候，没任何异常，浏览器显示Failed to load resource: net::ERR_CONNECTION_RESET错误。 解决方法：原因找了好久，考虑到可能是文件流还没跑完，直接返回json才出错的，再代码处理处理文件流，如下所示： else { HttpFileCollection files = context.Request.Files; if (files.Count > 0 ) { using ( var stream = files[ 0 ].InputStream) { } } ToJSON( new { code = 0 }); } 结果问题竟然解决了，虽然具体原因不是很清楚，暂时记录下bug，以后有空研究一下 来源： oschina 链接： https://my.oschina.net/u/4414407/blog/4505482

文章收录在我的 GitHub 仓库，欢迎Star/fork： Java-Interview-Tutorial https://github.com/Wasabi1234/Java-Interview-Tutorial 一般初创软件，为快速上线，几乎不考虑分层。但随业务越发复杂，就会导致逻辑复杂、模块相互依赖、代码扩展性差等各种问题。 架构分层迫在眉睫。 1 什么是架构分层? 软件工程中常见的设计方式，将整体系统拆分成N个层次，每个层次有独立的职责，多个层次协同提供完整的功能。 初学 JavaWeb 时一般要求设计成 MVC 架构。另外一种常见的分层方式是将整体架构分为 表现层（Web） 展示数据结果和接受用户指令的，是最靠近用户的一层； 逻辑层（Service） 复杂业务的具体实现； 数据访问层（Dao） 主要处理和存储之间的交互。 这就可以隔离关注点，让不同的层专注做不同的事情。其它分层案例，比如OSI网络七层模型，TCP/IP协议网络四层模型。 2 分层有什么好处？ 简化设计 各司专职，而不必将自己活成全才。 高复用 比如在设计某系统时，发现某层具有通用性，就可把它抽取独立出来，在设计其它系统时使用。 横向扩展 可以让我们更容易做横向扩展。如果系统没有分层，当流量增加时我们需要针对整体系统来做扩展。但是，如果我们按照上面提到的三层架构将系统分层后

标签（空格分隔）： 浅谈移动应用测试方法与思路 在 GUI 自动化测试这个系列，我讲了很多基于浏览器的业务测试的内容，你可能会说，现在移动 App 大行其道，对移动应用测试的方法和思路才更重要。 确实，现今移动互联网蓬勃发展，很多互联网应用的流量大部分已经不是来自于传统 PC 端的 Web 浏览器，而是来自于移动端。 移动端应用的测试也会因为其自身特点，有一些独特的测试方法与思路。严格来讲，移动端应用又可以进一步细分为三大类：Web App、Native App 和 Hybrid App。所以，我今天分享的内容重点就是，这三类移动应用的测试方法，以及移动专项测试的思路与方法。 三类移动应用的特点： Web App 指的是移动端的 Web 浏览器， 其实和 PC 端的 Web 浏览器没有任何区别，只不过 Web 浏览器所依附的操作系统不再是 Windows 和 Linux 了，而是 iOS 和 Android 了。 Web App 采用的技术主要是，传统的 HTML、JavaScript、CSS 等 Web 技术栈，当然现在 HTML5 也得到了广泛的应用。另外，Web App 所访问的页面内容都是放在服务器端的，本质上就是 Web 网页，所以天生就是跨平台的。 Native App 指的是移动端的原生应用， 对于 Android 是 apk，对于 iOS 就是 ipa。Native

了解HTML5 HTML5属于上一代HTML的新迭代语言，设计HTML5最主要的目的是为了在移动设备上支持多媒体！！！ 例如： video 标签和 audio 及 canvas 标记 ◆ 新特性： 1. 取消了过时的显示效果标记 <font></font> 和 <center></center> ... 2. 新表单元素引入 3. 新语义标签的引入 4. canvas标签（图形设计） 5. 本地数据库（本地存储） 6. 一些API ◆ 好处： 1. 跨平台 例如：比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。 ◆ 缺点： 1. pc端浏览器支持不是特别友好，造成用户体验不佳 新语义标签 http://www.w3school.com.cn/html/html5_semantic_elements.asp <header></header> <footer></footer> <article></article> <aside></aside> <nav></nav> <section></section> .... 语义标签兼容性处理 解决方案一：通过创建元素的方式

目录 1、localStorage 2、查看本地存储 3、写入数据 4、读取数据 5、删除某个键 在没有学习如果操作数据的情况下，如何将数据存储起来，确保刷新页面或者关闭浏览器，或者重启电脑，数据就丢失呢？ 使用本地存储可以完美解决这个问题 本地存储技术学习起来很简单，就那么几个方法，关键在于理解本地存储其实就是将数据存储在硬盘中 浏览器提供了几个API，我们可以使用JS调用这些API，实现本地存储的写入、读取以及删除 1、localStorage localStorage 对象与前面学过的 Math对象等一样，其内置了一些方法，能够向用户的本地（其实就是用户的硬盘上）写入数据，或者读取数据 其主要有4个方法 使用下面代码，就可以向本地存储指定的数据 // 写入数据 localStorage.setItem('键','值') // 根据键读取数据，返回值就是对应的值 var value=localStorage.getItem('键') // 删除指定的键 localStorage.removeItem('键') // 删除所有的键 localStorage.clear() 2、查看本地存储 通过浏览器的开发这工具，可以查看本地存储中的数据 后面我们可以通过这里检测代码的运行结果 3、写入数据 参数1称作键，参数2称作值，键的名称随意 localStorage.setItem(

这篇文章缘起今天早上的一条微博，在软件行业打拼多年，现在也遇到了职业选择的困惑。由于昨天刚发布完项目，今天相对来说比较闲一点，所以来博客园凑凑热闹！ 在开始今天的问题之前先谈谈我们现在所开发的项目： 由于不是核心部门，所以这个项目只是提供给其他部门的一个工具——管理和分析所有的数据并用图形化的形式展示出来，同时提供一系列的报表。 团队情况： 4个Developer(1人在澳洲，其他三人在新加坡)，一个项目经理和一个产品经理都在新加坡，用户在美国。 开发模式： Agile（一个Phase包含若干Sprint，2-4个礼拜为一个Sprint）。 团队协作：与用户的交流主要靠Meeting，通常在星期二或者星期四早上进行，由于时差关系，所以早上五点钟出发到公司参加Meeting。开发者之间的协作比较自由，完全Agile。 开发流程：完全按照微软Agile标准，Phase Start==>Sprint Start==>Requirement==>Development==>SIT==>UAT==>Prod==>Sprint Closed==>Phase Closed 第一个版本 主要技术：.NET 4.0 , WCF, Silverlight, C#, TSQL, SharePoint, IIS 8, Cloud Computing (SQL Azure). 第二个版本 主要技术：.NET