`

js设计功能原则

阅读更多

1.项目中的非公用的功能模块,默认不用加载,等到用的时候才加载,使用init方法控制各个模块的加载顺序;

 

2.关于匿名内部类,它里面的局部变量,对内部是一直存在的,不会消失

  eg:(function() { var a = 1 ; } )();  此变量即使该方法执行完了,如果在内部引用全局变量,仍然可以访问它

      如: Ext.namespce("Geo.map.a");

      (function() { var a = 1 ;   Geo.map.a = a} )(); 

3.在开发中如果既有html又有js,则在设计的时候应尽量将html和js分开编写,减少耦合度

4.在js中出现比较多的if else时,可以用json结果取代它,比如:

supporseService  = {

   "wfs" : funciton() {  },

   "wmts" : function() {}

 

}

5.这个是个人观点:在开发中如果用到其他方法或模块中的变量时,如果该变量变化可能比较大的话,尽量以参数的形式传递,不要直接将其他模块的变量或方法写在本方法内部

6.ajax框架都提供了改变调用方法对象引用的函数,extjs是使用createDelegate,例如:

var sayHi = function(name){
       alert('Hi, ' + name + '. You clicked the "' + this.text + '" button.');
}
var btn = new Ext.Button({
    text: 'Say Hi',
    renderTo: Ext.getBody()
});
btn.on('click', sayHi.createDelegate(btn, ['Fred']));

 

 7.在设计Ui时,UI要与功能尽可能的分开,减少耦合度,设计UI时,先搭建大的架子,再慢慢细化里面的内容

 8.若要以非法字符作为js变量名,可以以window["ES:11"]的格式,window["ES:11"]表示ES:11是window的一个属性

分享到:
评论

相关推荐

    javascript 面对对象设计原则 (英文)

    ### JavaScript面向对象设计原则 #### 一、引言 在《JavaScript面向对象设计原则》这本书中,作者Nicholas C. Zakas深入探讨了如何利用JavaScript这门语言来实现面向对象编程(OOP)的设计原则。本书的目标是帮助...

    第十六课 js设计原则1

    JavaScript 设计原则是编写高质量、可维护前端代码的关键。本篇将详细讲解三个重要的原则:单一职责原则、开放封闭原则和最少知识原则。 首先,**单一职责原则**(Single Responsibility Principle, SRP)强调一个...

    界面设计+JS

    在【界面设计+JS】中,JavaScript(简称JS)起着至关重要的作用。JavaScript是一种广泛使用的客户端脚本语言,主要用于网页和网络应用的动态化和交互性。它允许开发者在用户与页面交互时实时更新内容,无需重新加载...

    JavaScript脚本程序设计

    7. **前端框架与库**:JavaScript在前端开发中通常会结合React、Vue.js、Angular等框架进行应用,这些框架提供了组件化开发、虚拟DOM、状态管理等高级功能,提高了开发效率和应用性能。 8. **Node.js后端开发**:...

    javascript 经典面向对象设计

    标题“JavaScript经典面向对象设计”指出了本书的主要内容是关于如何使用面向对象编程(OOP)原则和技术来编写高质量、可扩展且可重用的JavaScript应用程序及库。描述中提到本书相比其他中文资料更为清晰,深入到...

    JS结课作业,html结课作业,JavaScript

    JavaScript可以与CSS配合,改变元素的样式,实现动态效果,如动画、响应式设计等。 `images`文件夹则存储了项目中使用的图像资源,这些图片可能被用于装饰网页、图标或数据可视化。JavaScript可以控制这些图片的...

    基于Vue.js的在线设计开放平台研究与实现

    平台包含设计原则、组件库和资源下载等功能模块,帮助设计师、前端工程师和产品经理共享设计知识,遵循统一的设计规范,减少重复工作,提升开发效率。 【组件化】 组件化是Vue.js的一大特点,它鼓励将UI拆分成可...

    web课程设计 网页设计 包含js,div+css布局

    课程设计涵盖了Web设计的多个方面,包括颜色理论、字体选择、用户体验(UX)设计原则,以及响应式设计,使网页能在不同设备上适应不同的屏幕尺寸。你将学习如何使用CSS媒体查询来调整页面样式,确保在手机、平板电脑...

    基于node.js的图书管理系统的设计与实现.docx

    Node.js是一个开源、跨平台的JavaScript运行环境,它允许开发者在服务器端运行JavaScript代码,具有高性能、非阻塞I/O和事件驱动的特性,适合构建实时、可扩展的网络应用。 2.2 MongoDB介绍 MongoDB是一种面向文档...

    WEB交互界面设计和验收的指导性原则

    "WEB交互界面设计和验收的指导性原则" 在WEB开发过程中,交互界面的设计对用户体验的影响非常大。以下是WEB交互界面设计的一些指导性原则: 1. 输入控件的自动聚焦和可用键盘切换输入焦点:在页面加载完成后,自动...

    web2.0设计师个人主页css+xhtml+js全站模板

    【描述】Web2.0的设计理念强调互动性、富媒体和社区化,这一模板正是基于这些原则构建的。通过CSS,设计师可以有效地控制网页的布局、色彩、字体等视觉元素,使得个人主页具有鲜明的个性和独特的风格。XHTML则负责...

    基于电子商务网站的网页设计原则.docx

    基于电子商务网站的网页设计原则 网页设计原则是电子商务网站成功的关键因素之一。优秀的网页设计可以增加用户的购买欲望,提高网站的流量和收益。以下是电子商务网站的网页设计原则: 一、页面结构原则 * 页面...

    一个简单的HTML网页 个人网站设计与实现 HTML+CSS+JavaScript自适应个人相册展示留言博客模板

    - **响应式设计**:网站采用了响应式设计原则,确保在不同的设备上都能提供良好的用户体验。 - **易于编辑**:网页代码简单易懂,使用常见的 HTML 编辑工具即可进行编辑和调整。 - **多媒体集成**:支持多种多媒体...

    纯js的工作流设计器,拖拽节点和关系定义

    1. **无库依赖**:这个设计器不依赖jQuery或其他常见JS库,开发者需要直接使用原生JavaScript API来实现功能,如事件监听、DOM操作和动画效果。这可能导致代码量更大,但也有助于减少加载时间,提高性能。 2. **...

    简约电影网站 javascript应用课程设计

    在本课程设计中,我们将探讨如何构建一个简约风格的电影网站,主要利用JavaScript技术来增强用户...通过这个项目,你将提升自己的编程技能,同时也能了解到如何将设计原则应用于实际项目,创造出美观、实用的电影网站。

    Html Css Js 制作星巴克网页设计.zip

    综上所述,"Html Css Js 制作星巴克网页设计"这个项目涵盖了网页开发的基础技术,包括HTML构建内容,CSS进行样式设计,以及JavaScript实现交互功能。设计师需结合网页设计原则和品牌特色,运用这些技术创建出一个既...

    平面设计广告设计室内设计

    在数字化的世界中,平面设计也延伸到了网页和移动应用的界面设计,这需要理解用户体验(UX)和用户界面(UI)设计原则。 **广告设计** 是平面设计的一个子集,专注于创造引人注目的广告,以促进产品或服务的销售。...

    p5js是一个JS客户端库用于根据Processing的核心原则创建图形和交互式体验

    总结起来,p5.js 是一个强大且易于上手的JavaScript库,它将Processing的理念带入Web环境,促进了图形设计、交互式体验和数据可视化的创新。无论是初学者还是经验丰富的开发者,都能从中找到灵感和工具,实现他们的...

    html+css+js网页设计

    在“html+css+js网页设计”这一主题中,我们主要探讨的是如何使用HTML(超文本标记语言)、CSS(层叠样式表)和JavaScript这三种核心技术来构建和设计具有交互性的网页。这些技术是现代网页开发的基础,对于任何想...

    JavaScript MySQL实现高校毕业设计管理系统【优质毕业设计、课程设计项目】.zip

    在设计数据库时,可能采用了规范化原则,确保数据的一致性和完整性。表间的关系可能通过外键来建立,以便进行关联查询和数据操作。SQL语句被用来执行数据的增删改查,确保数据的安全存储和高效检索。 在系统实现...

Global site tag (gtag.js) - Google Analytics