2016年06月_mrhaoxiaojun

转载 form表单那点事儿(上) 基础篇

做为html中最为常见，应用最广泛的标签之一，form常伴随前端左右。了解更深，用的更顺。表单属性这个表单展示了form表单常用的属性属性名属性值描述action一个url地址指定表单提交到的地址methodGET , POST表单将以此种方法提交到服务器target* _self 当前页面 * _bl

2016-06-30 10:41:26 1007

转载 Flex 布局教程：语法篇

作者：阮一峰日期： 2015年7月10日网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种

2016-06-29 18:15:43 329

转载 Sublime Text3 常用快捷键动画演示及优秀插件分享

Sublime Text 是前端的一个神器Sublime Text3 操作部分1. 就近选择相同项: ctrl+d把光标放在一个单词上，按下ctrl+d，将选择这个单词。一直按住ctrl且按D多次，将选择当前选中项的下一个匹配项。通过按住ctrl，再按D三次，将选择三个相同的文本。2. 选择当前文件所有匹配项: alt+f3选择文件中的所有匹配项

2016-06-29 17:41:01 714

转载移动开发对 META 标签的定义

一、meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。1、http-equiv 属性的 Content-Type 值（显示字符集的设定）说明：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容。用法：[html] view plain copy

2016-06-29 11:48:12 378

转载粘连 Footer 的 5 种方法 | CSS-Tricks

原文链接： https://css-tricks.com/couple-takes-sticky-footer/一个简短的历史，如果你愿意那样说的话。粘连 footer 的目的是让它“支撑”在浏览器窗口的底部。但不总是在底部，如果有足够的内容将页面撑开，footer 可以被撑到网页下方去。但是，如果页面的内容很短，粘连 footer 仍然会出现在浏览器窗口的底部。

2016-06-29 10:58:33 421

翻译 MarkDownPad 2

语法应用**粗体** (`Ctrl+B`) *斜体* (`Ctrl+i`) 引用 (`Ctrl+Q`) 代码块 (`Ctrl+K`) 标题 1, 2, 3 (`Ctrl+1`, `Ctrl+2`, `Ctrl+3`) 列表 (`Ctrl+U` and `Ctrl+Shift+O`)

2016-06-27 15:46:05 276

原创各类有意思实用的地址

me笔记http://hao123office.cn/https://github.com/mrhaoxiaojun/http://blog.csdn.net/mrhaoxiaojun/http://yun.baidu.com/https://note.youdao.com常用的知识给养库各种apihttp://www.css88.com

2016-06-24 11:59:53 853

转载有意思的npm

npm 官网：https://www.npmjs.com/npm install caniuse-cmd -g 一个提供HTML5,CSS3,JS等新技术浏览器兼容一览表的的命令行工具，，，例如：caniuse input

2016-06-24 11:39:32 581

原创正则应用篇

只能输入有数字且有字母的6位以上密码：^(?![^a-zA-Z]+$)(?!\D+$).{6,}$ 匹配中文字符的正则表达式： [\u4e00-\u9fa5]手机号： /^1[3458][0-9]{9}$|17[8760][0-9]{8}$/;格式化银行卡号：this.testCard = event.target.value.replace(/\s/g, '').replace(/[...

2016-06-21 17:28:07 337

原创正则基础篇

正则表达式到底是什么东西？在编写处理字符串的程序或网页时，经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具元字符 \将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。 ^匹配输入字符串

2016-06-21 17:17:49 220

原创网站开发时，如何禁用Chrome谷歌浏览器自动保存密码的提示？

在网页开发中，在表单中加入autocomplete="off"后，IE和FF不会提示保存密码，但是用Chrome浏览器登录系统时，会弹出自动保存密码的提示，从安全的角度考虑，需要禁止浏览器的这个功能，提升系统安全性。大部分浏览器都是根据表单域的type="password"来判断密码域的，所以针对这种情况可以采取“动态设置密码域”的方法：//其他各种表单 -->

2016-06-21 14:45:35 5099

原创上下移动jquery

/* * use:客服列表页面上下移动list * creat:haoxj@xinfushe.com * on：2016.6.12 */ ;(function($) { var productsLabel = { clc: function() { var

2016-06-12 17:18:32 352

转载页面元素用JS动态添加的有效事件绑定方式（on）

常规事件绑定方式，直接监听匹配元素事件"test1"> type="button" class="btn" value="按钮1"/> type="button" class="btn" value="按钮1"/> type="button" class="btn" value="按钮1"/> type="button" class="add" value=

2016-06-12 14:50:43 2296

转载 ajax是否能够抓取302状态码

服务器端的响应是302 Found，在ajax的回调函数中能够获取这个状态码吗？能够从Response Headers中得到Location的值进行重定向吗？让我们来一起动手写写代码看看实际情况吧。在ajax请求中，如果服务器端的响应是302 Found，在ajax的回调函数中能够获取这个状态码吗？能够从Response Headers中得到Location的值进行重定向吗？让我们

2016-06-02 14:39:01 8828

原创千分位分隔符的demo

Document//当用户失去焦点的时候触发验证事件$(".test").blur(function(){//1、获取表单内容var text = $(this).val();//2、进行前端表单验证（如果有验证可以忽略这步）//根据需求可以不再这里验证，假如我们验证了，那么需要前端验证成功了再去调用下面的方法//3、当前端验证ok触

2016-06-01 16:13:22 1818

mrhaoxiaojun的博客