27.创建对象 ①工厂模式批量创建对象  缺点:无法对象识别,即所有对象都是Object类型;方法内存空间浪费/封装不太完善 function sayName(){    //可以有效节省内存空间 console.log(this.name); } function createObject(name, age, gender){ var obj = { name:name, age:age, gender:gender, sayName: sayName,    //将方法写在外面,可以有效节…

一. JS的对象 1.1 创建对象的几种方式 1.1.1 通过字面量创建对象 在js中,一对{} 其实就是一个对象 var person = { name: "tom", age: 23, read: function () { console.log(name, ": read book") } } 1.1.2 通过系统的构造函数 通过系统的构造函数创建一个空的对象,然后用js动态语言的特性,如果一个对象没有某个属性或者方法,那么我们点一下再附上值就好了 var…

//对象直接量,创建对象最简单的方式是在js里使用对象直接量 var book = { "main title": "js", //属性里有空格,要用引号 "s-t": "the microsoft", //有连字符也要用引号 "for": "all start", //keyword也要用引号 x: 2, author: { fistname: "jiangfan"…

了解对象  什么是对象?   …… 这个就不说了 对象的声明的两种方式 var person = new Object(); person.name="linchen"; person.age="18"; person.job="java"; var person={ name:"linchen", age:"18", job:"java" }   对象的数据属性和访问器属性 懒得写了,…

函数在整个js中是最复杂也是最重要的知识 一个函数中存在多面性: 1.它本身就是一个普通的函数,执行的时候形成的私有作用域(闭包),形参赋值,预解释,代码执行,执行完 成后栈内存销毁/不销毁. 2."类":它有自己的实例,也有一个叫做prototype属性 是自己的原型,它的实例都可以指向自己的原型 3."普通对象":和var obj={}中的obj一样,就是一个普通的对象,它作为对象可以有一些自己的私有属性,也可以通过__proto__找到Function.pro…

//注意,这里的jsonStr是json格式的字符串,里面如果遇到双引号嵌套双引号的,一般是嵌套的双引号经过转义 //    \",假如有这样的一个场景,这些字符串里面有需要的css样式的js对象,包含属性名和属性值,还有一些html页面标签 //里面的类名也有转义后的双引号,那么在springmvc中,直接返回json字符串,会包含转义字符,并且,在 //返回的同时,会在字符串的两边自动添加上双引号,所以需要在返回之前,先将数据库中的json字符串转换为Map数据结构, //然后servlet…

10.流程控制语句      注:var obj = {}:这里的obj转换boolean语句为true   if语句和java是一样的,判断条件也是根据上篇博客提到的假性值 // 弹出一个带输入框的窗口 var value = prompt("请输入..."); //输入1 if(value=="1"){ alert("true"); //弹框 var inner = 1; } else{ alert("flase"); v…

每个函数都存在一个prototype的属性,然后这个属性值为一个对象,我们称之为原型对象 每个对象都存在着一个隐藏的属性"__proto__" 这个属性引用了创建这个对象的函数的prototype 1:Object对象是由Function函数创建的 Object.__proto__ == Function.prototype 2:Object的原型对象指向空 Object.prototype.__proto__ == null 3:Function对象由他自己本身创建 Function…

在前端开发参加面试的时候,无论是校招还是社招,往往都会碰到让我们直接在白纸或者白板上手撸代码的题目.由于是手撸代码,这些题目肯定不会过于复杂和冗长,否则面试那么一小会时间根本写不完.本文总结了几个我本人在面试中碰到的小问题,暂且记录下来以供后人参考吧. 1. 实现throttle函数. throttle函数即节流函数,在underscore和lodash这两个库中都有对应的实现.其实现的效果就是在给定的时间间隔内,函数最多只能执行1次.例如有函数A,设定其时间间隔为10s,如果在第0秒的时候已经…

提问:在js中什么是原型 prototype 每个学js的人都有自己的解释,网上一大堆的解释与应用,但是看了他们的解释表示还是不理解怎么办?(原因是他们说的太天花乱坠了) 官方手册解释:prototype 属性使您有能力向对象添加属性和方法. 1.prototype是对象的一个属性 2.使用它可以给对象添加方法 小龙哥来解释:解释前还是来看一个非常简单的案例 先来讨论一下css(做前端的都会这个--简单吧) 当我们给元素添加样式的时候经常的方式是不是 1.使用 class   (改变一类元素的样…

忘记在哪里看到过,有人说鉴别一个人是否 js 入门的标准就是看他有没有理解 js 原型,所以第一篇总结就从这里出发. 对象 JavaScript 是一种基于对象的编程语言,但它与一般面向对象的编程语言不同,因为他没有类(class)的概念. 对象是什么?ECMA-262 把对象定义为:「无序属性的集合,其属性可以包含基本值.对象或者函数.」简单来说,对象就是一系列的键值对(key-value),我习惯把键值对分为两种,属性(property)和方法(method). 面向对象编程,在我的理解里是…

一.变量声明const和let 在ES6之前,我们都是用var关键字声明变量.无论声明在何处,都会被视为声明在函数的最顶部(不在函数的最顶部就在全局作用域的最顶部).这就是函数变量提升例如: 不用关心bool是否为true or false.实际上,无论如何str都会被创建声明.(如果未声明,返回的是null) 而es6之后,我们通常用let和const来声明.let表示变量.const表示常量,let和const都是块级作用域.如何理解这个块级作用域? 在一个函数内部 在一个代码块内部 通常来…

什么是JS      JavaScript是一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言 JavaScript是一种具有面向对象能力的.解释型的程序设计语言.更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言.因为他不需要在一个语言环境下运行,而只需要 支持它的浏览器即可.它的主要目的是,验证发往服务器端的数据.增加Web互动,加强用户体验度等 下面对js从整体的角度…

BOM 浏览器对象 BOM:Browser Object Model 操作浏览器,需要调用window对象,它是所有浏览器都支持的对象,表示的就是浏览器窗口 window对象可以通过点调用子对象 window 对象 所有浏览器都支持window对象,它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 window 对象的属性.全局函数是 window 对象的方法. 接下来要讲的HTML DOM 的 document 也是 wi…

25.数组 1)声明数组: ①构造函数创建数组 var arr = new Array(); console.log(arr):        //[]   var arr = new Array(20);   //设置数组的长度为20 console.log(arr);         //[,,,,,,,,,,,]   单个打印的值为undefined   var arr = new Array('zhangsan', 'lisi'); console.log(arr);     //['z…

1.JS的核心标准ECMAScript        组成      ECMAScript------>核心语法标准      DOM------------->对文档节点的操作      BOM------------->对浏览器的操作   2.JS的注释:          单行注释                //注释内容           多行注释                /*                     注释内容                */   3…

1.对象是函数创建的,而函数却又是一种对象.(属性的集合) 2.每个函数都有一个属性叫做prototype.这个prototype的属性值是一个对象,默认的只有一个constructor的属性,指向这个函数本身. 3.每一个对象多有一个__proto__隐式原型.指向创建该对象的函数的prototype.但Object.prototype是一个特例,他的__proto__指向的是null. 4.在函数中this到底取何值,是在函数真正被调用执行的时候确定的,函数定义的时候确定不了. 5.构造器:…

页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空间,到底部时,会动态加载剩余的说说或者是日志 今天我们就来看看他们的实现思路和js控制动态加载的代码 下面的代码主要是控制滚动条下拉时的加载事件的 在下面代码说明出,写上你的操作即可,无论是加载图片还是加载记录数据  都可以 别忘了引用jquery类库 [JavaScript] 纯文本查看 复制代码…

本人小菜鸟一仅仅.为了自我学习和交流PHP(jquery,linux,lamp,shell,javascript,server)等一系列的知识,小菜鸟创建了一个群.希望光临本博客的人能够进来交流.寻求共同发展. 搭建平台. 本人博客也有很多的技术文档.希望能够为你提供一些帮助. QQ群:   191848169               QQ:450225664 页面滚动动态载入数据,页面下拉自己主动载入内容 相信非常多人都见过瀑布流图片布局,那些图片是动态载入出来的,效果非常好,对serve…

jQuery基础(三)- 事件篇   1.jQuery鼠标事件之click与dbclick事件 click方法用于监听用户单击操作,dbclick方法用于监听用户双击操作,这两个方法用法及其类似,所以这只介绍click事件,只有单击释放后才生效,而且同一元素不能同时绑定click和dbclick事件   方法一:$ele.click() click无参,只是绑定一个事件,在函数里可以实现其他的绑定事件   方法二:$ele.click(handler(eventObject)) click的参数…

1. 时间 function getCurTime() { var date = new Date(); return date.toLocaleTimeString(); } date.toLocaleTimeString():上午还是下午,几点几分: date.toLocaleDateString():日期,月和日: 2. 随机 区间: function randInt(low, high) { return Math.floor(Math.random()*(high-low) + low…

由于最近在研究轻交互式web设计,所以整理了下面的东东,仅供分享测试学习交流之用. JavaScript 获取当前时间戳:第一种方法: var timestamp = Date.parse(new Date()); 结果:1280977330000第二种方法: var timestamp = (new Date()).valueOf(); 结果:1280977330748 第三种方法: var timestamp=new Date().getTime(): 结果:1280977330748 第一…

原型和原型链 在对象自身身上找不到指定属性时,就会到这个对象的原型__proto__上找,原型也是指向一个对象,在这个对象上还找不到对应属性,则继续到原型上来找...以上过程形成原型链. 访问对象的原型:obj.__proto__ 或者可以调用Object.getPrototypeOf(obj),返回的值也是obj.__proto__: obj.__proto__ 的值,在对象构造的时候,默认等于 obj.constructor.prototype ,可以理解为默认情况下:obj.__proto…

一,css进阶篇: 等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验, 简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手的地方可以用firebug, chrome调试工具分析网站结构样式.如果技术熟练自信可以自己先写,写完之后在对比,以其来找寻自己的差距.结构是网站的骨架,如果写的不合理,将是bug产生的重要根源,所以学习分析大型网站的布局样式对初学者来说帮助是很大的.大多数初学者由于对技术的不自信,html结构往往…

一. css基础知识掌握之后(个人的标准是:弄清块元素与内联元素的区别,弄清float的应用场景,弄清position[pə'zɪʃən] 下五个属性static['stætɪk],relative['rɛlətɪvli] ,absolute['æbsəlut] ,fixed[fɪkst],inherit[ɪn'hɛrɪt] 的区别与联系以及他们的应用场景,英文单词确定要能准确发音,方便与面试官探讨时准备的传达你要表达的意思),剩下需要更多的练习以应对不同的设计的布局要求,然后遇到问题解决问题,…

1.IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法.条件注释只能用于IE5以上,IE10以上不支持. 如果你安装了多个IE,条件注释将会以最高版本的IE为标准. 条件注释的基本结构和HTML的注释(<!– –>)是一样的.因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们. IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容. 条件注释使用方法示…

http://www.cnblogs.com/ljchow/archive/2010/07/06/1768749.html 在前端开发必须知道的JS(一) 原型和继承一文中说过下面写篇闭包,加之最近越来越发现需要加强我的闭包应用能力,所以此文不能再拖了.本文讲的是函数闭包,不涉及对象闭包(如用with实现).如果你觉得我说的有偏差,欢迎拍砖,欢迎指教. 一. 闭包的理论 首先必须了解以下几个概念: 执行环境 每调用一个函数时(执行函数时),系统会为该函数创建一个封闭的局部的运行环境,即该函数的执…

上周小组的培训内容是代码可读性艺术,主要分享如何命名.如何优化代码排版,如何写好的注释.我们都知道写出优雅的代码是成为大牛的必经之路. 下面感谢一位前端开发小伙伴总结的前端开发规范,通过学习相关开发规范,提升自己代码的可读性. 文章来源:http://cherryblog.site/  一个好的程序员肯定是要能书写可维护的代码,而不是一次性的代码,怎么能让团队当中其他人甚至一段时间时候你再看你某个时候写的代码也能看懂呢,这就需要规范你的代码了.我是有一点强迫症的人,上周我们后端给我了一个CanU…

一. css基础知识掌握之后(个人的标准是:弄清块元素与内联元素的区别,弄清float的应用场景,弄清position[pə'zɪʃən] 下五个属性static['stætɪk],relative['rɛlətɪvli] ,absolute['æbsəlut] ,fixed[fɪkst],inherit[ɪn'hɛrɪt] 的区别与联系以及他们的应用场景,英文单词确定要能准确发音,方便与面试官探讨时准备的传达你要表达的意思),剩下需要更多的练习以应对不同的设计的布局要求,然后遇到问题解决问题,…

本文讲的是函数闭包,不涉及对象闭包(如用with实现).如果你觉得我说的有偏差,欢迎拍砖,欢迎指教. 在前端开发必须知道的JS之原型和继承一文中说过下面写篇闭包,加之最近越来越发现需要加强我的闭包应用能力,所以此文不能再拖了.本文讲的是函数闭包,不涉及对象闭包(如用with实现).如果你觉得我说的有偏差,欢迎拍砖,欢迎指教. 一. 闭包的理论 首先必须了解以下几个概念: 执行环境 每调用一个函数时(执行函数时),系统会为该函数创建一个封闭的局部的运行环境,即该函数的执行环境.函数总是在自己的执行…