JS
KazU5a
这个作者很懒,什么都没留下…
展开
-
JS中this的理解
this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。 比如, 理解this指代什么的关键点在与: 看这个this指的是局部对象还是全局对象(global)默认在”script”标签中写的成员变量和方法都属于全局对象(global)所有,global对象其实是不存在的,当js在浏览器上应用的时候,window对象是浏览器引擎对global对象...原创 2018-03-16 19:06:35 · 363 阅读 · 0 评论 -
单页Web应用
概念:Web应用程序:WEB应用程序一般是B(浏览器)/S(服务器)模式。Web应用程序首先是“应用程序”,和用标准的程序语言,如C、C++等编写出来的程序没有什么本质上的不同。然而Web应用程序又有自己独特的地方,就是它是基于Web的,而不是采用传统方法运行的。换句话说,它是典型的浏览器/服务器架构的产物。理解了什么是浏览器/服务器架构,就了解了什么是Web应用程序。常见的计数器、留言版、聊天室...转载 2018-05-18 03:18:52 · 1114 阅读 · 0 评论 -
ajax无刷新页面切换,历史记录后退前进解决方案
问题描述我们在工作中常常遇到需要用ajax来显示下一页和上一页,ajax可以不刷新页面进行操作!但是,假如你想通过浏览器的历史记录返回上一页和下一页。那么ajax默认是做不到的!一般需求要历史返回的时候,我们通常不使用ajax。但是呢,假如一个页面中,只有一个地方是需要动态的上一页下一页,其他地方都是固定的,那么这种情况除了使用模板之外,我们使用ajax来操作显得格外方便!那么如何解决ajax历史...原创 2018-04-09 21:02:43 · 348 阅读 · 0 评论 -
使用Ajax和history.pushState()实现无刷新改变页面内容和地址栏Url
强大的Ajax通过异步请求实现了页面的局部刷新,带来了更好的用户体验,但头疼的是,它不能在浏览器的历史会话中保留记录,也无法改变页面在浏览器中Url地址,不能点击浏览器的前进、后退按钮。就是当你打开一个页面,使用ajax进行各种数据加载,例如一个列表页面,异步加载来翻页。结果用户一不小心刷新了页面,那么页码就得重新开始计算,一旦用户改变了会话状态(浏览器的前进、后退、刷新),那么ajax就会丢失...转载 2018-04-09 21:01:59 · 516 阅读 · 1 评论 -
JS中形如(function(window, undefined) {})(window)写法的理解
在Web开发过程中,往往会看到有人这样编写JS脚本:[javascript] view plain copy(function(window, undefined) { //do something })(window); 可能有人会问:卧槽,这是什么鬼?OK,且听我慢慢道来:首先,(function(window, undefined) {})(window)可以简化看成这样()(...转载 2018-04-01 23:33:10 · 3372 阅读 · 0 评论 -
【深入浅出jQuery】源码浅析--整体架构
最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美。其结构明晰,高内聚、低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷、渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。另外,阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识,接下来将会写一系列关于 jQuer...转载 2018-04-01 22:02:30 · 158 阅读 · 0 评论 -
js面向对象原理,循序渐进理解对象封装继承
创建对象1.字面量方式这种方式更加handy and readable 一目了然,但是不够灵活适合创建不怎么重复使用的对象,或者仅仅用来包装下代码防止scope扩大。可以简单认为是new Object()的简写形式。2.用原生对象的构造函数,然后依次给属性赋值,这是最基础的方法。3.利用工厂模式比如要重复制作一个某个类型的对象,但是这样每创建一个对象就会new Object()这样很不面向对象,浪...转载 2018-04-01 20:37:49 · 195 阅读 · 0 评论 -
JavaScript是如何面向对象的
一、引言在16年的10月份,在校内双选会找前端实习的时候,hr问了一个问题:JavaScript的面向对象理解吗?我张口就说“JavaScript是基于原型的!”。然后就没什么好说的了,hr可能不知道原型,我也解释不了,因为我也就知道这一点而已,至于JavaScript到底面不面向对象,如何基于原型的,我都不太清楚。最近又开始找工作了,在掘金看到面试题就赶快看一下,可是一些代码却使我更加的困惑了,...原创 2018-03-12 08:49:45 · 177 阅读 · 0 评论 -
js的arguments到底是什么?
类数组对象:arguments总所周知,js是一门相当灵活的语言。当我们在js中在调用一个函数的时候,我们经常会给这个函数传递一些参数,js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面,那么这到底是什么东西?在js中万物皆对象,甚至数组字符串函数都是对象。所以这个叫做arguments的东西也是个对象,而且是一个特殊的对象,它的属性名是按照传入参数的序列来的,第1个参数的属...转载 2018-03-11 17:18:23 · 168 阅读 · 0 评论 -
ztree简单使用
ztree是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 是开源免费的软件。1.首先,使用ztree需要引入两个文件:zTreeStyle.css以及jquery.ztree.all-3.5.js。2.页面添加zTree的容器,class属性为ztree<div id="pert...原创 2018-08-01 04:04:37 · 406 阅读 · 0 评论