随笔分类 -  自我学习而已

自我学习的一些领悟，欢迎拍砖
pc端对制作网页动画一些心得
摘要：最近做了一些pc端的页面，用了一些动画效果，总的来说感觉还不错，大概记录下一些体会 首先，我们把pc端的动画类型分三类： javascript和jQuery直接控制dom属性 css3的属性transition css3的animation 这三类是我目前主要使用的动画效果制作来源 ... 阅读全文
posted @ 2014-08-19 11:55 小斯新手 阅读(1134) 评论(0) 推荐(0)
自我学习——javascript——代码复用常见模式
摘要：javascript内的继承分类——传统继承（classical inheritance）和现代继承（modern inheritance） 传统继承就是指类式的继承，思维方式较为贴近Java等类式面向对象语言。 1.类式继承模式#1——默认模式 默认模式就是最基本的原型链模式，通过给子构造函数的prototype添加父构造函数的实例化对象，这样就把父构造函数实例化的对象保存在prototype属性内 function Parent(name){ this.name=name||"xiaosi"; } Paren... 阅读全文
posted @ 2013-08-15 17:59 小斯新手 阅读(335) 评论(0) 推荐(0)
自我学习——javascript——常用的对象创建模式
摘要：1.sandbox沙盒模式 沙盒模式是一种比较常见的模式，YUI就是用这种模式实现的 沙盒模式特点： 1.沙盒模式提供了一个可用于模块运行的环境，并且不会对其他模式和个人沙盒造成任何影响 2.沙盒模式和命名空间模式对比把对单个全局变量的依赖变为对应用程序的全局变量依赖 3.按需加载需要的模块，代码模块性更强 sandbox的简单实现：（ps：sandbox只是一个构造函数）function Sandbox() { //将传入的参数转化为一个数组 var args = Array.prototype.slice.call(argum... 阅读全文
posted @ 2013-08-15 11:12 小斯新手 阅读(317) 评论(0) 推荐(0)
自我学习——javascript——闭包的本质
摘要：1.闭包的概念 闭包是指有权访问另一个函数作用域中的变量的函数（注意：闭包是个函数），创建闭包的常见方式是在一个函数内部创建另一个函数（ps：闭包不等于匿名函数，凡是在一个函数内部创建的函数并且内部引用到了外部函数的变量的函数都可以称为闭包，实际上，javascript内的所有函数都是闭包，因为都有作用域链） 2.闭包的现象 先上一个例子： function createFunction(name){ var newFun=function(){ alert(na... 阅读全文
posted @ 2013-08-07 17:53 小斯新手 阅读(440) 评论(0) 推荐(0)
自我学习——javascript——基本技巧
摘要：1.使用Function代替eval 在任何情况下，使用字符串去执行javascript都不是一个好主意，而使用eval更是坏的方案——你没办法去判断这个字符串执行之后是否安全，稍微好点的办法就是用闭包来执行eval或者使用Function（更直观一点）。这样如果不是恶意代码的话，尽可能减少全局变量的个数（如果是恶意代码，把结果放在window内就可以变成全局变量了，所以并没有解决实际问题） console.log(typeof un); //undefinde console.log(typeof deux); //undefinde ... 阅读全文
posted @ 2013-08-05 21:33 小斯新手 阅读(188) 评论(0) 推荐(0)
自我学习——javascript——简单的性能优化
摘要：1.对象属性查找越少越好 使用变量和数组访问比访问对象上的属性效率更高，因为访问属性是一个O(N)的操作（访问属性需要遍历） 例子： /*写法一，直接寻找*/ var query1=window.location.href.substring(window.location.href.indexOf('?')); /*第二种写法，添加局部变量*/ var url=window.location.href; var query2=url.substring(url.indexOf... 阅读全文
posted @ 2013-07-29 22:08 小斯新手 阅读(233) 评论(0) 推荐(0)
自我学习——javascript——事件
摘要：1.跨浏览器的事件处理方式 不多说，直接上示例： 阅读全文
posted @ 2013-07-29 11:49 小斯新手 阅读(171) 评论(0) 推荐(0)
自我学习——javascript——高级技巧
摘要：1.安全类型检测（toString方式） 因为javascript的本身检测并不是很可靠，比如在safari4以前的版本里，对正则表达式用typeof的时候，返回的是"function"，instanceof在存在多个全局作用局（存在iframe）的情况下必须要保证对象和构造函数是同一个全局作用域下。 var arr1={ a:1, b:2 } var arr2=[1,2]; fun... 阅读全文
posted @ 2013-07-24 22:18 小斯新手 阅读(249) 评论(0) 推荐(0)
自我学习——javascript——BOM
摘要：1.window对象和全局环境并不完全等价 delete操作符不等价 var age=29; window.color="red"; //在ie0?location.search.substring(1):""); //保存数据对象 var args={}; //获取每一项 var items=qs.length?qs.split("&"):[]; ... 阅读全文
posted @ 2013-07-24 11:48 小斯新手 阅读(230) 评论(0) 推荐(0)
自我学习——javascript——函数表达式
摘要：1.函数闭包 闭包：闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的常见方式，就是在一个函数内部创建另一个函数 基础：和构造函数的propertype类似，函数的变量也有一个作用域链，这个作用域链的话也是指向本函数的活动变量排在第一位，其次是外部函数，再外部函数。。。。。。直到作用域执行环境的全局函执行环境（这个是一直存在的），所以，和propertype一样，如果出现同名参数，也是最先访问的是函数内部的值（注意：argument，this是创建函数就会有的，所以不可能访问到外部函数的这两个变量） var xiaosi=1; ... 阅读全文
posted @ 2013-07-23 15:02 小斯新手 阅读(212) 评论(0) 推荐(0)
自我学习——ajax——跨域问题总结
摘要：使用ajax的人基本上都会遇到跨域问题，这是个很尴尬的问题，因为单单是前端真是无力跨域（一级） 好了，废话不多说，我们开始 二级域名跨域： 二级域名跨域算是跨域里面比较简单的哪一个了，具体代码我就不详细写了，网上都有，原理也简单：在需要调用ajax的页面xiaosi.html 上添加iframe，这个iframe指向的页面放在和ajax提供的接口或者方法同域名的位置，然后指定iframe和xiaosi.html上面的domain为一级域名（也就是整个网站的域名 xxx.com 这种），然后需要调用数据的话，通过操作iframe里面的ajax方法调用，然后再把数据返回给parent，这... 阅读全文
posted @ 2013-07-23 09:51 小斯新手 阅读(335) 评论(0) 推荐(0)
自我学习——javascript——Ajax和commt
摘要：1.一个基本的ajax例子： 1 function creatXHR(){ 2 //适用于ie7及以后的ie版本和现代浏览器 3 if(typeof XMLHttpRequest != "undefined"){ 4 return new XMLHttpRequest(); 5 }else if(typeof ActiveXObject!="undefined"){ 6 if(typeof arguments.callee.activeXS... 阅读全文
posted @ 2013-07-22 10:28 小斯新手 阅读(353) 评论(0) 推荐(0)
自我学习——javascript——面向对象程序设计
摘要：1.构造函数只是个普通函数，如果不通过new 使用，就是一个普通的函数 直接看示例代码： function Person(name, age, job) { this.name = name; this.age = age; this.job = job; this.sayName = function() { alert(this.name); } } /... 阅读全文
posted @ 2013-07-18 23:16 小斯新手 阅读(292) 评论(0) 推荐(0)
自我学习而已——javascript——Function类型和基本包装类型
摘要：1.Function类型 javascript所有的函数都只是Function类型的一个实例，函数是对象，函数名是指针，可以通过用Function（）构造函数的方式创建函数，这样子效率很低，但是可以很直观的看到——函数只是个对象。所以，如果是函数名赋值为null，但是还有其他的指针指向这个... 阅读全文
posted @ 2013-07-18 12:37 小斯新手 阅读(179) 评论(0) 推荐(0)
自我学习而已——JSTL——标准标签库的使用
摘要：首先表示开心，老夫我终于实习了，其次表示伤悲，我之前没用过jsp，现在努力学习中 JSTL是jsp的标准库标签，使用jstl的话就可以减少或者不在jsp文件里面写java了，交由标签完成，一定程度上体现了一致性 好了，废话不多说，本文持续更新中，完全自慰用途，如有不对，请轻拍 核心标签： 有3个属性，分别为value、default、escpaeXml，这三个属性分别代表着 输出内容描述；如果value值为null的时候显示的default；是否转换特殊字符（比如标签的“和 常用的属性有value，var，scope，scope有page，request，session，ap... 阅读全文
posted @ 2013-07-16 16:07 小斯新手 阅读(402) 评论(0) 推荐(0)
自我学习而已——javascript——引用类型基础
摘要：1.声明一个新的对象或者数组的时候。不使用new object()或者new array()的话，都不会调用构造函数2.javascript中的数组长度length属性是可读写的 javascript中数组长度是可读写的，那将会导致 var color = ["red", "blue", "yellow"]; color.length = 2; alert(color[2]);View Code 的返回值是undefined，因为数组长度减小了，相当于把最后一项删除了，如果是给超出数组范围的元素赋值的话，会自动加长数组至该长度位置，中 阅读全文
posted @ 2013-06-30 12:23 小斯新手 阅读(223) 评论(0) 推荐(0)
自我学习而已——javascript——变量，作用域和内存问题
摘要：1.5种基本数据类型都是按值访问，包括string类型；object是按引用访问，按引用访问的话可以动态添加属性2.javascript所有的参数都是按值传递 javascript内的所有函数的参数都是按值传递的，如果参数是基本类型的数据，那么这个值会被复制给一个局部变量（argument[i]）... 阅读全文
posted @ 2013-06-28 16:01 小斯新手 阅读(153) 评论(0) 推荐(0)
自我学习而已——javascript——数据类型部分
摘要：最近又有拿着javascript教程再看一遍了，以为发现基础方面自己还是很薄弱啊，好了废话不多说，自我娱乐向的笔记开始，以后会不定期更新，有和我一样的小菜鸡可以一起学习下了，大神求指教 1.Undefined数据类型（只有定义的变量未初始化才会是值为undefined，未定义的变量是没有值的，读取未定义变量的值会报错） javascript有一个特殊的数据类型——undefined，这个类型只有一个值，就是undefined，在使用var但是没有对其初始化的话就是这个值。也就是说var message; alert(message); alert(messa... 阅读全文
posted @ 2013-06-27 22:19 小斯新手 阅读(258) 评论(0) 推荐(0)