随笔分类 -  js

摘要:interest:PIU DSS DDR function getFormInfo(){ var params = serializeForm('login'); alert(params); } 阅读全文
posted @ 2019-03-01 11:30 一抹夏忧☆ 阅读(67943) 评论(0) 推荐(0)
摘要:$(function() { $('#submit').click(function() { var d = {}; var t = $('form').serializeArray(); //t的值为[{name: "a1", value: "xx"}, //{name: "a2", value: "xx"}...] $.each(t, functi... 阅读全文
posted @ 2019-03-01 11:29 一抹夏忧☆ 阅读(46454) 评论(0) 推荐(1)
摘要:先统一一下概念,我们有两种编程方式:命令式和声明式。 我们可以像下面这样定义它们之间的不同: ·命令式编程:命令“机器”如何去做事情(how),这样不管你想要的是什么(what),它都会按照你的命令实现。·声明式编程:告诉“机器”你想要的是什么(what),让机器想出如何去做(how)。 声明式编程 阅读全文
posted @ 2019-01-28 15:44 一抹夏忧☆ 阅读(260) 评论(0) 推荐(0)
摘要:_filename和_dirname都不是全局对象下的属性,它们都是模块下的 _filename:返回当前模块文件被解析过后的绝对路径,该属性并非全局,而是模块作用域下的 console.log(_filename); _dirname:返回当前模块文件解析过后所在的文件夹(目录)的绝对路径,该属性 阅读全文
posted @ 2019-01-25 17:08 一抹夏忧☆ 阅读(2487) 评论(0) 推荐(0)
摘要:JavaScript 中对象通常包括两种类型:内置对象和浏览器对象,此外用户还可以自定义对象。 在 ECMAScript 中,更精确的定义应该分为:本地对象、内置对象和宿主对象。 对象包含两个要素: 1.内置对象Array、Boolean、Date、Math、Number、Object、RegExp 阅读全文
posted @ 2019-01-21 17:30 一抹夏忧☆ 阅读(812) 评论(0) 推荐(0)
摘要:构造函数其实和普通函数本质上并无区别,唯一的区别有两个: 函数首字母大写,这个区别只是约定俗成的,便于区分。你实在要小写定义构造函数也完全没问题,所以这个区别可以忽略。 构造函数的调用需要用new操作符,而普通函数的调用又分很多种,但是都不会用到new操作符。所以,构造函数和普通函数的区别就在这个n 阅读全文
posted @ 2019-01-21 16:45 一抹夏忧☆ 阅读(6002) 评论(0) 推荐(1)
摘要:一、this指向详解(彻底理解js中this的指向,不必硬背) 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(非箭头函数)(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这 阅读全文
posted @ 2019-01-18 16:54 一抹夏忧☆ 阅读(1203) 评论(0) 推荐(0)
摘要:开发过程中我们都希望使用别人成熟的框架,因为站在巨人的肩膀上会使得我们开发的效率大幅度提升。不过,我们也应该、必须了解其基本原理。比如DOM事件,jquery框架帮我们为我们封装和抽象了各浏览器的差异行为,为事件处理带来了极大的便利。不过浏览器逐步走向统一和标准化,我们可以更加安全地使用官方规范的接 阅读全文
posted @ 2019-01-17 10:52 一抹夏忧☆ 阅读(540) 评论(0) 推荐(0)
摘要:移动端在touch上一共有4个事件 touchstart touchmove touchend touchcancel, touchcancel, 一般来说,它们执行的顺序为 touchstart -> touchmove -> touchend -> touchcancel . 其中touchca 阅读全文
posted @ 2019-01-17 10:23 一抹夏忧☆ 阅读(2780) 评论(0) 推荐(0)
摘要:定义:移动端弹出fixed弹窗的话,在弹窗上滑动会导致下层的页面跟着滚动,这个叫 “滚动穿透”; 解决方案1 在弹出层的touchstart事件中调用preventDefault 这种方法不可取,至少有3个缺点: 解决方案2 此解决方案是解决方案1的升级版。 在弹出层的touchmove(注意区别) 阅读全文
posted @ 2019-01-16 19:09 一抹夏忧☆ 阅读(373) 评论(0) 推荐(0)
摘要:转载:https://www.cnblogs.com/lvmingyin/p/5372678.html 这两天自己在写一个手机网页,用到了触屏滑动的特效,就是往右滑动的时候左侧隐藏的菜单从左边划出来。 做完之后在手机原生浏览器中运行正常,但在QQ和微信中打开,发现touchmove只会触发一次,而且 阅读全文
posted @ 2019-01-16 18:34 一抹夏忧☆ 阅读(2001) 评论(0) 推荐(0)
摘要:在遮罩层添加 (前提使用vue)@touchmove.prevent HTML: 阅读全文
posted @ 2019-01-16 16:36 一抹夏忧☆ 阅读(2432) 评论(0) 推荐(0)
摘要:Chrome 51、Firefox 49及以上 Chrome 51、 Firefox 49以下 阅读全文
posted @ 2019-01-16 14:51 一抹夏忧☆ 阅读(817) 评论(0) 推荐(0)
摘要:js 移动端关于页面布局,如果底部有position:fixed的盒子,又有input,当软键盘弹出收起都会影响页面布局。这时候Android可以监听resize事件,代码如下,而ios没有相关事件。 阅读全文
posted @ 2019-01-15 15:53 一抹夏忧☆ 阅读(9608) 评论(0) 推荐(0)
摘要:function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; } }... 阅读全文
posted @ 2019-01-15 15:41 一抹夏忧☆ 阅读(399) 评论(0) 推荐(0)
摘要:$(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\(i[^;]+;( U;)? C... 阅读全文
posted @ 2019-01-15 11:40 一抹夏忧☆ 阅读(401) 评论(0) 推荐(0)
摘要:js还没有办法对手机软键盘直接进行监听的,但是可以有其他角度来判断软键盘是否弹起。比如输入框是否获取焦点等。focusin和focusout支持冒泡,对应focus和blur, 使用focusin和focusout的原因是focusin和focusout可以冒泡,focus和blur不会冒泡,这样就 阅读全文
posted @ 2019-01-15 11:35 一抹夏忧☆ 阅读(3177) 评论(0) 推荐(0)
摘要:一、数据类型 数据分为基本数据类型(String, Number, Boolean, Null, Undefined,Symbol)和对象数据类型。 基本数据类型的特点:直接存储在栈(stack)中的数据 引用数据类型的特点:存储的是该对象在栈中引用,真实的数据存放在堆内存里 基本数据类型的特点:直 阅读全文
posted @ 2019-01-09 16:13 一抹夏忧☆ 阅读(271) 评论(0) 推荐(0)
摘要:方法一 使用setTimeout $(function(){ $(".cy-name-input input").on({ focus:function() { $(".cy-close").css('display','block'); }, blur:function() { setTimeou 阅读全文
posted @ 2018-12-06 10:40 一抹夏忧☆ 阅读(11425) 评论(0) 推荐(1)
摘要:什么是同源策略?同源策略/SOP(Same origin policy)是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地 阅读全文
posted @ 2018-11-05 16:40 一抹夏忧☆ 阅读(710) 评论(0) 推荐(0)