随笔分类 -  前端 / JavaScript

JavaScript中Object.keys用法
摘要：Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组。 阅读全文
posted @ 2019-03-25 10:31 瘋孑 阅读(298) 评论(0) 推荐(0)
JS中的同步和异步
摘要：javascript语言是一门“单线程”的语言，不像java语言，类继承Thread再来个thread.start就可以开辟一个线程，所以，javascript就像一条流水线，仅仅是一条流水线而已，要么加工，要么包装，不能同时进行多个任务和流程。 所以同步和异步，无论如何，做事情的时候都是只有一条流 阅读全文
posted @ 2019-03-15 14:50 瘋孑 阅读(830) 评论(0) 推荐(0)
Vue.js
摘要：2016年，乃至接下来整个2017年，如果你要问前端技术框架什么最火，那无疑就是前端三巨头：React、Angular、Vue。没错，什么jQuery，seaJs，gulp等都逐渐脱离了热点。面试的时候不吹上一点新技术，好像自己就不是搞前端的似的。当然，希望大家都是抱着好学的心来开始一门学艺的，不管 阅读全文
posted @ 2018-08-20 11:14 瘋孑 阅读(144) 评论(0) 推荐(0)
输入框监听事件
摘要：常常会有输入框检查的需求，最常见的就是即时搜索。 即时搜索的三个方案： (1) change事件—触发该事件必须满足两个条件： (2) keypress 就是只能监听键盘事件，鼠标复制粘贴操作无能为力 (3) propertychange(ie) 和 input 事件 目前 input & prop 阅读全文
posted @ 2018-07-04 10:27 瘋孑 阅读(315) 评论(0) 推荐(0)
Event对象和触发
摘要：1、构造： //非IE浏览器事件构造方法 var event = document.createEvent('HTMLEvents');//'HTMLEvents'自定义事件名 //IE浏览器构造方法 var event = document.creatEventObject(); 2、事件初始化 阅读全文
posted @ 2017-03-17 14:04 瘋孑 阅读(219) 评论(0) 推荐(0)
href=#与href=javascript:void(0)的区别
摘要：＃"包含了一个位置信息，默认的锚点是＃top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首，而javascript:void(0) 则不是如此 打开新窗口链接的几种办法 1.window.open('url 阅读全文
posted @ 2017-02-23 11:02 瘋孑 阅读(123) 评论(0) 推荐(0)
jquery ready()的几种实现方法小结
摘要：1.最常用也是最标准的 $(document).ready(){ }); 2.是上面的简写: $(function(){ }) ; 3.好吧！我承认这个方式是来打酱油的 jQuery(document).ready(function(){ }); 和jQuery（function(){}）；一样 以 阅读全文
posted @ 2017-02-23 10:20 瘋孑 阅读(247) 评论(0) 推荐(0)
js中加“var”和不加“var”的区别
摘要：JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型： var的作用：它控制了变量的作用范围。函数内的变量只要带有var，那么函数内用的这个变量就和函数外的无关。 js中加“var”和不加“var”的区别： var num = 1； 是在当前域中声明变量. 如果在方法中声明，则为局 阅读全文
posted @ 2017-02-16 11:10 瘋孑 阅读(377) 评论(0) 推荐(0)
JS判断是否有js、css文件的引入方法
摘要：在页面头部有个 <script type="text/javascript" src="abc.js"></script> <link href="efg.css" rel="stylesheet" type="text/css" />的引用，如何才能判断出来是否已经有了abc.js和efg.css 阅读全文
posted @ 2017-02-15 09:43 瘋孑 阅读(4779) 评论(0) 推荐(0)
JavaScript:void(0)使用介绍
摘要：1、点击链接后不做任何事情(为防止点击链接后跳转到页首，onclick事件return false即可) <a href="javascript：void(0);" >test</a> <a href="javascript：;" >test</a> <a href="####" >test</a> 阅读全文
posted @ 2017-02-13 09:31 瘋孑 阅读(677) 评论(0) 推荐(0)
判断jquery对象是否具有某指定属性或者方法的几种方法
摘要：1、typeof 运算符：返回一个用来表示表达式的数据类型的字符串。（"number", "string", "boolean", "object", "function", "undefined"） 2、in 运算符 3、hasOwnProperty() 方法 阅读全文
posted @ 2017-02-07 16:42 瘋孑 阅读(3444) 评论(0) 推荐(0)
AJAX技术主要包含的四个组件
摘要：1、XMLHttpRequest：使用AJAX技术都是从XMLHttpRequest开始的。 2、JavaScript：实现XMLHttpRequest对象相关功能。 3、CSS 4、DOM 阅读全文
posted @ 2017-01-12 14:48 瘋孑 阅读(269) 评论(0) 推荐(0)
如何解决XMLHttpRequest cannot load file:~~~~~~~~~~~. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-res
摘要：原因：Chrome不支持本地Ajax请求。 解决： 右击Chrome浏览器快捷方式，选择“属性”，在“目标”中加上"--allow-file-access-from-files"，注意前面有个空格，重启Chrome浏览器便可。 阅读全文
posted @ 2017-01-12 14:38 瘋孑 阅读(380) 评论(0) 推荐(0)
JavaScript 三个组成部分
摘要：1、核心（ECMAScript） ECMAScript 仅仅是一个描述，定义了脚本语言的所有属性、方法和对象。其他语言可以实现 ECMAScript 来作为功能的基准，JavaScript 就是这样： 2、文档对象模型（DOM） DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API 阅读全文
posted @ 2016-12-14 15:02 瘋孑 阅读(600) 评论(0) 推荐(0)
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方式
摘要：IE中new Date(strDate)返回无效时间解决方式： 方法一： function getDateForStringDate(strDate){ //切割年月日与时分秒称为数组 var s = strDate.split(" "); var s1 = s[0].split("-"); var 阅读全文
posted @ 2016-12-14 10:59 瘋孑 阅读(3078) 评论(0) 推荐(0)