html5 - 随笔分类 - 代码ok

npm、webpack、Gulp 中文教程

摘要：按顺序阅读 1.npm 模块管理器 2.package.json 文件 3.npm 模块安装机制简介 4.npm scripts 使用指南 5.CommonJS 规范随着 es6 模块化特性的出现，慢慢的在线编译模块方案将被淘汰。 6.webpack 中文文档 7.webpack-demos 选读阅读全文

posted @ 2018-11-21 16:25 代码ok 阅读(309) 评论(0) 推荐(0) 编辑

pjax 和 ajax 的区别

摘要：pjax 是一个 jQuery 插件，它通过 ajax 和 pushState 技术提供了极速的（无刷新 ajax 加载）浏览体验，并且保持了真实的地址、网页标题，浏览器的后退（前进）按钮也可以正常使用。pjax 的工作原理是通过 ajax 从服务器端获取 HTML，在页面中用获取到的 HTML 替阅读全文

posted @ 2018-11-02 17:15 代码ok 阅读(15784) 评论(0) 推荐(0) 编辑

data-* 自定义数据属性遇到的坑

摘要：除非data-*自定义数据属性的值是固定不变的，否则最好不要把data-*作为查询条件。例子： <div data-index="0">hello</div> var div= document.querySelector("div[data-index=\"0\"]"); console.log 阅读全文

posted @ 2018-03-16 14:57 代码ok 阅读(221) 评论(0) 推荐(0) 编辑

window.location.href和window.location.replace的区别

摘要：在页面中逐级进行点击请求以下页面：a.html->b.html->c.html window.location.href 做跳转 window.history.go(-1);window.history.back(); 方法时，会向服务器进行请求，根据服务器记录的请求进行跳转，因此会正确返回对应的页阅读全文

posted @ 2017-08-16 11:58 代码ok 阅读(388) 评论(0) 推荐(0) 编辑

表单提交后为什么要重定向？

摘要：表单提交时做了什么？ 1.如果是post表单数据放入请求头，如果是get表单数据加在请求路径后面 2.发送请求（表单请求会跳转到action指定的页面）跳转到请求页面（注意：请求发送后请求数据仍然保留在请求头部） 3.此时去刷新页面就是重复发送请求(浏览器地址栏上的url)了，相当于重复执行了第2步阅读全文

posted @ 2017-06-09 16:48 代码ok 阅读(6158) 评论(0) 推荐(0) 编辑

利用html5的FormData对象实现多图上传

摘要：看完了页面代码，在看下后端的控制器，我后端使用了spring mvc：我这里只是简单展示下数据发送到了后端文件上传控制器，剩下的根据项目业务的需求继续进行下去吧。推荐阅读：https://developer.mozilla.org/zh-CN/docs/Web/API/FormData http 阅读全文

posted @ 2017-04-11 16:47 代码ok 阅读(7683) 评论(1) 推荐(3) 编辑

学习websocket

摘要：http://www.cnblogs.com/wei2yi/archive/2011/03/23/1992830.html http://www.jwebsocket.org/demos/hello-world http://blog.chenzuhuang.com/archive/28.html 阅读全文

posted @ 2017-04-04 19:06 代码ok 阅读(195) 评论(0) 推荐(0) 编辑

[HTML5]HTML表单(Forms)

摘要：表单是HTML最主要的用户输入元素用户和网页的交互动作有鼠标悬停、点击链接（或移动触摸）和页面滚动等，这些交互方式一般只是服务器单向信息输出。有时候用户需要输入一些信息给服务器来完成双向交互，这类交互包括：注册/登录用户信息填写搜索/过滤上传文件文章编辑表单及其控件就是HTML用来支阅读全文

posted @ 2017-01-03 11:47 代码ok 阅读(3720) 评论(0) 推荐(0) 编辑

[HTML5]HTML结构性元素(Structure)

摘要：参考自：http://techbrood.com/h5b2a?p=html-structure 结构性元素用来组织文档的各个部分为了让文档层次分明，我们可以把文档中的元素按其内容的作用进行组合，这就需要使用到一些HTML结构性元素。共有4种HTML结构性元素（structural HTML el 阅读全文

posted @ 2017-01-03 11:00 代码ok 阅读(4134) 评论(0) 推荐(0) 编辑

[HTML5]HTML语义(Semantics)

摘要：HTML 是有含义的语义指的是计算机语言定义的符号有其规范的含义，HTML中的标签、属性和属性值都有其约定的含义。语义和默认样式有所不同，默认样式是浏览器设定的一些常用标签的表现形式，而语义化的主要目的不是显示，而是能让大家直观的理解标记(markup)和属性(attribute)的用途和作用阅读全文

posted @ 2017-01-03 09:54 代码ok 阅读(770) 评论(0) 推荐(0) 编辑

[HTML5]块和内联元素的嵌套

摘要：块元素可以包含块或内联元素，但是内联元素只能包含其他内联元素。 strong:内联元素。 p:块元素。虽然html(超文本标记语言)规范是这么约定的，但实际这样是有效的，可以被浏览器解析。 a标签，链接是唯一的例外，它是内联元素，也可以嵌套块元素，但要注意不要a标签嵌套a标签，这样的代码是无效的代阅读全文

posted @ 2016-12-31 15:41 代码ok 阅读(200) 评论(0) 推荐(0) 编辑

[HTML5]a标签禁止嵌套使用

摘要：a标签内部不可再写a标签，否则会与父a标签解析到同一级。阅读全文

posted @ 2016-12-28 14:50 代码ok 阅读(214) 评论(0) 推荐(0) 编辑

[HTML5]label标签使用以及建议

摘要：for 属性规定 label 与哪个表单元素绑定。隐式和显式的联系标记通常以下面两种方式中的一种来和表单控件相联系：将表单控件作为标记标签的内容，这样的就是隐式形式，或者为 <label> 标签下的 for 属性命名一个目标表单 id，这样就是显式形式。第一个标记是以显式形式将文本 "Soci 阅读全文

posted @ 2016-12-23 20:05 代码ok 阅读(1749) 评论(0) 推荐(0) 编辑

[DHTML]什么是DHTML？

摘要：DHTML 将 HTML、JavaScript、DOM 以及 CSS 组合在一起，用于创造动态性更强的网页。 DHTML 总结 DHTML 只是一个术语，它描述了 HTML、JavaScript、DOM 以及 CSS 的技术组合。 JavaScript JavaScript 是因特网的标准脚本语言。阅读全文

posted @ 2016-11-15 18:02 代码ok 阅读(479) 评论(0) 推荐(0) 编辑

[CSS]如何正确使用ID和Class？

摘要：作者：DarkZone链接：https://www.zhihu.com/question/19550864/answer/23440690来源：知乎以下摘自《精通CSS：高级Web标准解决方案第2版》，希望对你有用。常常很难决定一个元素应该使用ID 还是类名。一般原则是，类应该应用于概念上相似的元阅读全文

posted @ 2016-11-09 14:19 代码ok 阅读(2748) 评论(0) 推荐(0) 编辑

[HTMLDOM]onmousedown、onmouseup 以及onclick事件触发顺序

摘要：摘自w3school:http://www.w3school.com.cn/htmldom/dom_events.asp onmousedown、onmouseup 以及 onclick 事件是鼠标点击的全部过程。首先当某个鼠标按钮被点击时，触发 onmousedown 事件，然后，当鼠标按钮被松阅读全文

posted @ 2016-11-08 15:44 代码ok 阅读(448) 评论(0) 推荐(0) 编辑

[HTMLDOM]删除已有的 HTML 元素

摘要：这个 HTML 文档包含一个带有两个子节点（两个 <p> 元素）的 <div> 元素：查找 id="div1" 的元素：查找 id="p1" 的 <p> 元素：从父元素中删除子元素：提示：能否在不引用父元素的情况下删除某个元素？很抱歉。DOM 需要了解您需要删除的元素，以及它的父元素。这阅读全文

posted @ 2016-11-08 15:27 代码ok 阅读(361) 评论(0) 推荐(0) 编辑

随笔分类 - html5