javascript
文章平均质量分 51
会开花的树-
永远要清楚现在要做什么
展开
-
JavaScript--面向对象基础
一、数组与对象之间的比较想要快速入门JavaScript的面向对象部分,需要把对象跟数组比较。数组是键值对,对象也是键值对。【注意,JavaScript将函数也看作一种数据】 其次,数组用中括号初始化,对象用大括号初始化。//定义一个数组,数组中也可以有函数var array1 = [1,"s",3.1,function(){}];//定义一个对象var student = {原创 2015-09-28 19:44:46 · 359 阅读 · 0 评论 -
阿里2015实习生招聘前端方向--编程题(2)
我的代码:function parseQueryString(input){ var query = input.split("?")[1].split("&"); var output = {}; for(var i=0,len=query.length;i<len;i++){ var queryKey = query[i].split("=")[0]; var que原创 2016-02-15 23:55:30 · 400 阅读 · 0 评论 -
关于href="javascript:void 0;"
注:根据《JavaScript权威指南》总结。 犀牛书里面总结了四种在HTML文档中嵌入JavaScript代码的方法:内联。放置在<script>标签里面;放置在<script>标签的src属性指定的外部文件中;放置在HTML事件处理程序中,该事件处理程序由onclick或者onmouseover这样的HTML属性值指定;放在URL里面,这个URL使用特殊的“javascript:”协议原创 2016-04-16 13:05:29 · 516 阅读 · 0 评论 -
Angular1.3.X中embed标签使用ng-src的bug
在项目中需要在页面中引入优酷的视频,于是使用了embed标签,并用ng-src动态绑定了视频链接。在使用中发现页面展现时,视频那一块儿并没有加载出来,查看HTML源码,Angular明明已经把视频链接绑定成功了。所以问题应该在于浏览器没有主动去加载ng-src指向的视频。后来经过了解,这是Angular 1.3版本的一个bug。github上关于这个问题的讨论:issue:ngSrc原创 2016-07-04 19:05:36 · 1673 阅读 · 0 评论 -
ThinkPHP与Angular使用POST方法传递数据的问题
在最近的一个项目中前端使用了Angular,后台使用了ThinkPHP。但是在前后台数据交换的时候发现下面问题:ThinkPHP的I方法并不能解析出POST请求携带的数据。一、场景还原Angular 的POST请求: Document var app = angular.module("myAPP",[]) app.原创 2016-07-04 19:48:49 · 2694 阅读 · 0 评论 -
div的上下左右居中问题
一、JS解决思路 1、对img 外层div设置text-align:center;达到左右居中。 2、 用JS获得外层div高度,设置img的padding-top为外层div高度减去img高度的一半。HTML代码如下 <div id="img_div"> <img id="the_img"src="test.png" alt="test" /> </div>js片段:functio原创 2015-12-07 23:21:11 · 774 阅读 · 0 评论 -
ES6新特性的总结
ES6新特性【百度脑图】 晚上根据阮一峰的《ECMAScript6入门》总结了一下ES6的新特性,如下:(也可以通过上面的链接打开)原创 2016-07-08 23:54:49 · 1873 阅读 · 0 评论 -
封装一个JSONP方法
jsonp实现跨域的原理: + 浏览器请求外部的javascript是不受同源策略限制的 + 我们伪造一个script标签,并把请求后太数据的url复制到script标签的src属性上 + 将script节点添加到html文档中,浏览器会自动发出请求jsonp应该注意这一点:自己伪造的javascript请求,浏览器拿到后会把它当做js代码执行,所以使用jsonp后台返回的应该是一段js代码,原创 2016-10-01 21:14:02 · 6283 阅读 · 1 评论 -
scrollToLocation和getItemLayout
React Native中的SectionList组件有scrollToLocation方法,可以传递sectionIndex、itemIndex、viewOffset进去,达到滚动到SectionList的某一位置之目的。 例如以下代码可以将SectionList滚动到第三个section的第三个index,并且继续偏移30像素的位置:this.sectionList.scrollTo原创 2018-02-04 15:01:06 · 7717 阅读 · 3 评论 -
document上的一些有意思的属性和方法
1. ducument.body 快速获取body节点,省去使用document.findElementsByTagName('body')[0]2. document.referrer 从哪个页面跳转到的本页,如果浏览器直接打开,其值就是"" 3. document.forms 获取页面所有表单,类似的使用还有document.links 和 document.images 4.原创 2018-02-04 15:03:25 · 902 阅读 · 0 评论 -
阿里2015实习生招聘前端方向--编程题(1)
如图:我的代码:function flatten(arr){ flatten.prototype.result = flatten.prototype.result||""; if(arr.length === undefined) flatten.prototype.result += arr;原创 2016-02-15 23:46:19 · 645 阅读 · 0 评论 -
几种常见的JavaScript特效
①页面显示大广告图片及其自动关闭 复选框全选输入框完成输入后立马校验原创 2015-10-16 14:38:13 · 1950 阅读 · 0 评论 -
Javascript--函数技巧
最近在看JavaScript,把函数部分总结一下:一、函数的申明使用function关键字:function a(){ alert("It is my first try about function in JS");}跟JAVA、C等语言不同,JavaScript的函数没有类型名,直接一个关键字function加上函数名就实现了对一个函数的申明。 甚至,并不需要一个函数名:functi原创 2015-09-27 17:40:24 · 454 阅读 · 1 评论 -
Node模块详解
C语言中可以通过inculde导入写好的头文件,Java/Python都是通过import导入模块。在Node中也有类似的机制,使用require关键字:var http = require('http') //导入http模块,并将该对象赋值给http想导入自己写的js文件同样使用require。比如在同一个文件下面有hello.js和me.js两个文件:/ hello.js me.js那原创 2015-10-31 12:54:58 · 587 阅读 · 0 评论 -
Javascript--识别IE
方法一:userAgent特殊字符串: window的navigator对象反映了浏览器及其功能信息。firefox的window.navigator: >window.navigator.userAgent "Mozilla/5.0 (Windows NT 6.3; WOW64; rv:42.0) Gecko/20100101 Firefox/42.0"IE :>window.navigat原创 2015-12-09 22:33:10 · 304 阅读 · 0 评论 -
IE8的兼容性问题
持续更新,记录在IE8上踩的坑— 一、不支持getElementsByClassName解决方案如下: 在需要使用getElenentsByClassName的位置之前加上下面代码: //解决IE8之类不支持getElementsByClassNameif (!document.getElementsByClassName) {//判断有无此方法 document.getElement原创 2015-12-11 14:50:24 · 798 阅读 · 0 评论 -
一种鼠标经过选项执行切换的特效
在最近帮人改网站时,遇到了这种问题。场景描述如下: 页面初始化时,左侧第一栏“长江学者”要处于选中状态【字体颜色改变,右侧显示该栏目的内容】;鼠标到左侧其他选项时,选项文字颜色发生变化,右侧内容跟着改变,同时上次选中的选项恢复原状;同时,切换时要有这种效果:切换后,鼠标移开,状态保留在最后一次切换时的状态解决思路 鼠标浮动时出来右侧内容,最先的想法肯定是用css的hover设置一下样式。但是原创 2015-12-21 13:22:41 · 1955 阅读 · 0 评论 -
javascript中的this
1、在对象的方法中如果有this,那么该对象调用此方法时,this表示这个对象:var obj1 = {attr:"a Obj",aboutMe:function(){ console.log(this.attr); } }在控制台中实验:该方法被赋值给其他变量时,this指向全局变量: var obj2 = { attr:”a Obj”, aboutMe:fun原创 2016-01-22 23:49:31 · 348 阅读 · 0 评论 -
JavaScript基本数据类型
JavaScript基本数据类型有5种: number,String,boolean,undefined,null。 一种非基本类型:object. 想要查看某个变量或值得类型,可以使用typeof,返回值有六种:numberstringobjectfunctionundefinedboolean数字类型:表示方法 以0开头的数字是八进制; 以0x开头的是十六进制; 指原创 2015-12-08 10:07:37 · 351 阅读 · 0 评论 -
Javascript--typeof
使用typeof能返回数据的类型。>typeof 1"number">typeof null"object">typeof undefined"undefined"typeof操作返回结果只有五种:“number”“string”“boolean”“undefined”“object”“function”原创 2016-01-11 15:37:32 · 304 阅读 · 0 评论 -
bootstrap弹出登录框【带合法性检查】
最近做的网站涉及到访问控制,在访问需要登录才能使用的页面或功能时,会弹出登录框: 效果如下: 图 1-点击用户名时,如未登录弹出登录框对这个功能的详细描述:不涉及到登录时,登录框隐藏涉及到登录时,登录框弹出到页面左上角登陆成功后登录框隐藏 实现思路: 在body结束标签之前插入登录的div,设其定位方式为absolute,位置在左上角。 登录框默认的display属性为none。触原创 2015-12-21 10:58:32 · 6692 阅读 · 0 评论 -
漫谈JSONP以及<img>的onLoad和onError事件
利用jsonp进行跨域已经是老生常谈了。主要原理是浏览器解析标签的时候,会用script的src属性去发一个网络请求,并将response的东西当做javascript去执行。而浏览器对js脚本并没有做跨域限制。一个简单的jsonp例子const url = 'http://www.xxx.com/api/someThing?query=WITH_SOME_DATA&callback=原创 2018-02-04 15:05:15 · 1671 阅读 · 0 评论