web前端开发最佳实践系列javascript篇

霓裳梦竹      2022-02-13     627

关键词:

一、养成良好的编码习惯,提高可维护性

1、避免定义全局变量和函数,解决全局变量而导致的代码“污染”最简单的额方法就是把变量和方法封装在一个变量对象上,使其变成对象的属性:

1 var  myCurrentAction = {
2     length : 0 ,
3     init : function(){},
4     action : function(){}
5 }

还可以将全局的变量包含在一个局部作用域中,然后在这个作用域中完成这些变量的定义以及变量使用的逻辑:

1 (function(){
2    var length = 0;
3    function init(){}
4    function action (){}
5 })();

模块之间交互使用return语句(即做到了代码逻辑的封装,又公开了需要访问的接口):

1 var myCurrentAction = (function(){
2      var length = 0;
3      function init(){}
4      function action(){}
5      return {
6          init : init
7  }
8 })();

 

javascript基础-《web前端最佳实践》

先贴代码1<formaction="">2<p>3<labelfor="x">Number:</label>4<inputid="x"name="x"type="number"/>5</p>6<inputid="submit"type="submit"value="CalculatSquare"/>7<scr 查看详情

基于angularjs的前端云组件最佳实践

...的,它非常全面且简单易学习,因此AngularJS快速的成为了javascript的主流框架。 一、Amazing的Angular AnguarJS的特性     &nb 查看详情

web前端知识大纲:系列二css篇

web前端庞大而复杂的知识体系的组成:html、css和javascript二.css1、CSS选择器 CSS选择器即通过某种规则来匹配相应的标签,并为其设置CSS样式,常用的有类选择器、标签选择器、ID选择器、后代选择器、群组选择器、伪类选择器... 查看详情

前端开发第6篇:javascript客户端(浏览器)

Web浏览器中的JavaScript客户端JavaScript时间线1、Web浏览器创建Document对象,并且开始解析web页面,解析HTML元素和它门的文本内容后添加Element对象和Text节点到文档中。在这个阶段Document.readystate属性的值是“loading”2、当HTML解... 查看详情

带有 JavaScript 后端和前端的多人游戏。最佳实践是啥?

】带有JavaScript后端和前端的多人游戏。最佳实践是啥?【英文标题】:MultiplayergamewithJavaScriptbackendandfrontend.Whatarethebestpractices?带有JavaScript后端和前端的多人游戏。最佳实践是什么?【发布时间】:2011-03-0619:32:37【问题描述】:... 查看详情

web最佳实践阅读总结(代码片段)

...如延迟加载,动态加载等技术;延迟加载<scripttype=”text/javascript”src=”"id=”my”></script><scripttype=”text/javascript”>setTimeout(“document.getElementById(‘my‘).src=‘include/php100.php‘;“,3000);//延时3秒</script>最后加载引入... 查看详情

Selenium Web 测试自动化框架最佳实践 [关闭]

...时间】:2011-07-1813:34:33【问题描述】:我想了解您的cmets开发Web测试自动化框架的最佳实践我基本上阅读了几篇博客,最后对书中列出的DavidBurns方法深信不疑-"Selenium1.0TestingTools:Beginner’ 查看详情

django入门与实践课程系列第1篇

...地址:www.djangoproject.com2)Django是一个基于Python的高级Web开发框架3)它能够让开发人员进行高效且快速的开发4)高度集成(不用自己造轮子),免费并且开源2.知识补充1)正常上网流程:2)浏览器浏览网页的基本原理a.本质是 查看详情

组织大型 javascript 应用程序的工具和最佳实践

】组织大型javascript应用程序的工具和最佳实践【英文标题】:Toolsandbestpracticesfororganizinglargejavascriptapplications【发布时间】:2012-08-0211:37:39【问题描述】:我正在开发相当复杂的web应用程序/仪表板,主要使用Javascript。我喜欢在... 查看详情

vue开发实战生态篇#18:vuex最佳实践(代码片段)

说明【Vue开发实战】学习笔记。核心概念State一this.$store.state.xxx取值——mapState取值Getter一this.$store.getters.xxx取值——mapGetters取值Mutation一this.$store.commit("xxx")赋值——mapMutations赋值Action一this.$store.dispatch(" 查看详情

asp.net mvc 开发人员的 javascript 最佳实践

】asp.netmvc开发人员的javascript最佳实践【英文标题】:javascriptbestpracticesforasp.netmvcdevelopers【发布时间】:2011-11-0209:51:06【问题描述】:抱歉这个问题太主观了。我正在寻找一些关于如何在asp.netmvc应用程序中更好地管理javascript的... 查看详情

web前端面试宝典——带你直击面试重难点(40个经典题目,涵盖近90%的考点,码字2w,干货满满!)(代码片段)

系列文章目录JavaScript知识梳理,收录了web前端面试95%以上的高频考点,满满的干货。给你做一个高效的知识梳理,为你的面试保驾护航!内容参考链接HTML&CSS篇HTML&CSS篇JavaScript篇(一)JavaScript篇࿰... 查看详情

web应用程序开发---实践开发(mysql+javajdbc+ajax+javascript+jquery)

WEB应用程序开发---实践开发利用的相关技术与功能实践展示代码呈现注册功能代码前端界面与功能LoginServlet部分代码RegisterDao部分代码user部分代码登录界面Login界面代码LoginServlet部分代码LoginDao部分代码登陆成功后的主界面增删... 查看详情

api设计与开发实践第2篇restfulapi设计最佳实践的四个重要改进

RestfulAPI设计最佳实践已经被讨论过多次,其中命名规则有共识也有差异。从函数实现的角度出发,基于简单、明确的原则,在考虑对接RPCAPI的情况下,可以发现一些冲突和理解上的难点,本文做出了四项改进。1资源名称单复数... 查看详情

前端系列之javascript基础知识概述

...,共同进步!有任何问题,请后台留言联系!1、什么是JavaScript(1)、JavaScript是web上一种功能强大的编程语言,用于开发交互式的web页面。它不需要进行编译,而是直接嵌入在HTML页面中,由浏览器执行。(2)、JavaScript被设计... 查看详情

zabbix最佳实践——安装篇

安装环境:  CentOS-6.8-X86_64  ZABBIX-2.4介绍:  zabbi(http://www.zabbix.com)是一个基于WEB界面的提供分布式系统监视以及网络监视功能的企业级的开源解决方案。  zabbix能监视各种网络参数,保证服务器系统的安全运行;并提... 查看详情

在 Web 服务中处理 id 的最佳实践是啥?

...我们有两个独立的系统通过网络服务进行通信。称它们为前端和后端。许多处理涉及更新后端的列表。例如,前端需要更新特定的人。目前,我们正在设计后端,我们正在决定界面应该是什么。我们将需要实际的 查看详情

初学前端有啥推荐的书籍

...我们前端代码的实践性书籍。本书主要讲解了HTML、CSS、Javascript以及移动端开发的最佳实践方案,能够对缺乏良好指导的开发者产生很大的帮助。通过阅读本书我们可以掌握如何编写高可读性、高维护性、高性能的HTML、CSS以及Jav... 查看详情