项目积累之前端篇
文章平均质量分 87
寒小径
我是一只有思想的猫
展开
-
前端项目积累和总结——AJAX异步更新网页技术
继前篇《前端项目积累和总结——表单验证》,今篇介绍前后端交互的常用技术AJAX。 积累:(二)AJAX技术 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),用于和服务器端交互数据并动态局部更新网页(不需要重新加载整个网页,以减少页面重写带来的服务器端负荷)。 1. 原理 2. 实例 (1)HTML原创 2017-12-08 10:22:58 · 400 阅读 · 0 评论 -
jQuery之扩展
jQuery是目前最流行的JavaScript轻量库。jQuery好用在哪里:封装了多种操作dom的方法、支持链式操作、兼容性好。但是jQuery内置的方法不可能满足用户的所有需求,要实现自定义方法可以扩展jQuery。(一)编写jQuery Plugin(插件)给jQuery对象$.fn扩展一个新方法:jQuery.fn = $.fn = jQuery.prototype // jQuery...原创 2018-04-25 09:38:15 · 354 阅读 · 0 评论 -
JS中的闭包Closure
刚开始学习JS时,对闭包的概念模糊不清,看了阮一峰的博客《学习javascript闭包》,稍微理解了一些。在做项目的过程中,可能已经用到了闭包,但自己却浑然不知。为了方便自己多次反复地查看和理解,有必要将它们记录和整理。(一)变量作用域1.全局(global)变量和局部变量全局变量的作用域是全局的,在代码的任何地方都是有定义的。函数的参数和局部变量只在函数体内有定义,作用域是局部的。 var ...原创 2018-03-16 13:56:36 · 208 阅读 · 0 评论 -
JavaScript 中的面向对象编程(二)
继上篇《JavaScript 中的面向对象编程》,JS中的继承,单独使用原型链存在的问题是:对象实例会共享所有继承的属性和方法(包括实例属性)。因此,为解决这些问题,继承存在多种模式。1. 借用构造函数在子类构造函数的内部调用父类构造函数,使每个实例具有自己的属性。具体:使用call或apply方法,将父对象的构造函数绑定到子对象上,见示例。2. 组合继承使用最多的继承模式就是组合继承,使用原型链...原创 2018-01-06 11:14:51 · 166 阅读 · 0 评论 -
JavaScript 中的面向对象编程
(一)封装 JavaScript中没有类的概念,但可以通过function来“模拟”类,从而创建具有相同属性和方法的对象。 1. 通过构造函数模式来创建“类” 内部使用this变量,当使用new创建类的实例后,this便指向了创建的新对象。 function Person(name,color){ this.name = name; this.age = age;原创 2018-01-05 14:37:49 · 234 阅读 · 0 评论 -
前端项目积累和总结——表单验证
前言: 自2017.7.6入职,如今已经整整五个月。在天津的培训阶段已经接近尾声,我认为有必要总结一下这段时间学到的点点滴滴。做技术重在经验和积累,既然入了软件开发的“坑”,我只能硬着头皮往下走。无论如何,在这条“软”路上,我走过的每一步都应有它的意义和价值。 该前端项目简述:一个自动化数据采集软件,前端用html+css+javascript+jQuery实现,后端用node.js与前端交互原创 2017-12-07 14:14:56 · 5207 阅读 · 3 评论 -
前端项目积累和总结——jQuery的extend()方法
继前篇《前端项目积累和总结——AJAX异步更新网页技术》,今篇学习一下jQuery为开发插件提供的extend()方法。 因为我在项目中用到了两个别人写好的插件,一个分页器pagination,一个树形列表simpleTree。 为读懂代码,更好地利用插件,就必须了解extend()。 积累:(三)jQuery的extend()方法 1. 两种扩展方法 jQuery.原创 2017-12-16 14:28:24 · 863 阅读 · 0 评论 -
前端项目积累和总结——零碎知识(js)
继前篇《前端项目积累和总结——jQuery的extend()方法》,今篇只是简单地记录一下零碎的知识点。 积累:(四)零碎知识 1. 根据屏幕分辨率设置主界面的宽和高,以及主界面各部分大小。原创 2017-12-11 14:27:10 · 355 阅读 · 0 评论