Javascript
Mr_lwb
生在河北,去过山西,逗留江苏,踩过上海,停在京城......
出身农民,当过菜工,下过建筑,干过保洁,最后闯入IT......
展开
-
stopPropagation, preventDefault 和 return false 的区别
术语:监听事件: 指在节点上能被监听的页面操作。如: select 节点的 change 事件, a 节点的 click 事件。浏览器默认动作: 指特定页面元素上带有的功能。如: 点击 a 链接节点的跳转动作, 表单提交动作。stopPropagation()因为事件可以在各层级的节点中传递,不管是冒泡还是捕获,有时我们希望事件在特定节点执行完之后不再传递,可以使用事件对象原创 2017-02-16 14:36:07 · 279 阅读 · 0 评论 -
canvas
简介:是一个可以使用脚本(通常为JavaScript)在其中绘制图形的 HTML 元素.它可以用于制作照片集或者制作简单(也不是那么简单)的动画. 右边的图片展示了一些 的应用,在这个教程后面我们将看到.使用 元素不是非常难但你需要一些基本的HTML和JavaScript知识。 元素不被一些老的浏览器所支持,但是所有的主流浏览器的新近版本都支持。Canvas 的默认大小为300原创 2017-03-09 10:05:10 · 461 阅读 · 0 评论 -
DOM优化
1、什么是DOM 用于操作XML和HTML文档的应用程序 DOM节点 DOM树 DOM API整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点2、DOM与Javascript 浏览器会把DOM和JS独立实现原创 2017-03-13 09:37:34 · 307 阅读 · 0 评论 -
input text的电话号码分割js(如:152-9456-7894)
测试 $(function() { $("#phone").keyup(function() { var phoneNum = $(this).val(); //数字和长度验证 if (!/^[\d|-]*$/.test(phoneNum) || phoneNum.转载 2017-09-22 10:27:29 · 1541 阅读 · 0 评论 -
JS_常用的正则表达式
一、校验数字的js正则表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})...转载 2018-06-26 16:17:37 · 132 阅读 · 0 评论 -
如何使用FormData上传压缩裁剪后的图片Blob对象
在前端页面,我们通常会遇到需要用户上传图片的操作,可能还会在前端进行图片编辑的操作(比如头像的选区裁剪),然后如果图片过大的话,我们还会对图片进行压缩。这些功能我们通常通过Canvas来进行,最后使用Canvas API函数toDataURL来得到图片的Base64字符串,然后当我们要上传到后台的时候,会面临2种选择:直接将图片的Base64字符串Post到后端进行处理和保存 在前端将Bas...转载 2018-12-06 16:12:31 · 1357 阅读 · 1 评论