javaScript高程笔记--最佳实践

最新推荐文章于 2024-06-14 15:02:13 发布
最新推荐文章于 2024-06-14 15:02:13 发布
阅读量85 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/jcxfighting/p/9400261.html
版权

1.可维护性

　　《1》什么是可维护的代码

　　　　(1)可理解性

　　　　(2)直观性

　　　　(3)可适应性

　　　　(4)可扩展性

　　　　(5)可调试性

　　《2》代码约定

　　　　(1)可读性---适当的进行注释【函数和方法、大段代码、复杂的算法、Hack浏览器差异性】

　　　　(2)变量和函数名--语义化

　　　　(3)变量类型透明---一眼看出来是什么类型的数据

　　《3》松散耦合---代码最好不要交叉---排错方便

　　　　(1)HTML和JavaScript

　　　　(2)Css和JavaScript

　　　　(3)应用逻辑和事件处理程序（按键、获取DOM-----做了什么事情）

　　《4》尊重对象的所有权

　　　　(1)不要为实例或原型添加属性或方法

　　　　(2)不要重新定义已经存在的方法

　　　　(3)尽量避免全局变量

　　　　　　

var totalObj = {
  name:"123",
  funName:   function() {
      console.log(1);  
　　}
}

　　　　(4)避免与null进行比较

　　　　　　如果是引用类型的话使用insinstanceof检查其类型

　　　　　　如果是基本类型使用typetypeof检查其类型

　　　　(5)使用常量

　　　　　　重复值

　　　　　　展示给客户使用的字符串类型，方便国际化

　　　　　　Urls

　　　　　　任何可能改变的值

2.性能

　　《1》注意作用域

　　　　避免全局查找

　　　　避免不必要的属性查找

　　《2》优化循环

　　　　减值迭代。0---n的递增性能比  n--0递减性能差

　　　　简化终止条件

　　　　简化循环体

　　　　使用后测试循环   do-while

　　　　展开循环--循环次数确定，展开循环

　　　　原生方法较快，switch语句较快，位运算符语句较快

　　《3》最小化语句数

　　　　1.多个变量声明   var   a, b, c;

　　　　2.使用数组对象字面量

　　《4》优化DOM交互

　　　　1.最小化现场更新

　　　　2.使用innerHTML

　　　　3.使用事件代理--冒泡

　3.部署

　　文件压缩

　　代码验证  ESlint

转载于:https://www.cnblogs.com/jcxfighting/p/9400261.html

weixin_30408309
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript-笔记.pdf
11-28
JavaScript-笔记.pdf
javascript学习笔记--数字格式类型
10-25
很多人也许只知道 123，123.456，0xff 之类的数字格式。其实 js 格式还有很多数字格式类型，比如 1., .1 这样的，也有 .1e2 这样的。
JAVASCRIPT高程笔记-------JSON与AJAX
weixin_30603633的博客
12-14 78
json对象——语法 　　　　简单值：与JS相同语法，可以是字符串，数值，布尔值，null；但不支持undefined 　　　　对象： 复杂数据类型，表示一组有序的键值对，键值对的值可以是简单数据，也可以是复杂数据 　　　　数组：也是复杂数据类型，数组的值也可以是简单或者复杂类型 　　json字符串必须要使用双引号 json对象方法 　　　　JSON.stringify(js对象)...
JAVASCRIPT高程笔记-------第十章 DOM对象
weixin_30765577的博客
12-11 83
10.1.1 node类型 --除IE外 所有浏览器都可以访问到这个类型 ；JS中所有的节点类型都继承自Node类型 　　nodeName 与nodeValue 如果是一个元素 那么nodeName中保存的是标签名称，而nodeValue默认为空 节点关系-每个节点都有一个childNodes属性 ，其中保存着nodeList对象， 注意的是nodeList对象并不是Array实例，而是基于...
JAVASCRIPT高程笔记-------第 七章 函数表达式
weixin_30664051的博客
12-04 77
7.1递归 　　经典递归例子 function factorial(num){ if(num <= 1){ return 1; }else{ return num * factorial(num - 1); } } var a = factorial; //① factorial = null; /...
JAVASCRIPT高程笔记-------第五章 引用类型
weixin_30800807的博客
10-18 91
一、Object类型 1.1创建方式 ①new关键字 ： var person = new Oject(); ②给定直接量： var person = { name : "zhangsan", age : "18" } 1.2.访问方式 ：一种为 对象点属性名称 “person.name” 或者使用中括号 “person["name"]” 使用中括号必...
学习笔记-JavaScript高程-函数
李唐敏民的博客
02-04 147
函数 定义方式 函数声明 function a(){...} 函数表达式 let a = function(){...} 箭头函数 let a = ()={...} Function构造函数 let a = new Function('','','') 1. 箭头函数 适合嵌入函数的场景 只有一个参数可以不用括号 可以不用大括号，箭头后接一行代码或一个表达式、赋值操作，隐式返回这行代码的值 不能用arguments super 和 new.target，已不能用作构造
JAVASCRIPT高程笔记-------第八章 浏览器BOM对象
weixin_30622181的博客
12-05 86
8.1 window对象--表示一个浏览器的实例 在全局作用域中声明的任何变量、函数都会变成window对象的属性和方法，与之直接定义window对象的属性的区别是 window.xxx 可以通过delete操作符删除 而全局中定义的无法通过delete操作符 删除！ 浏览器窗口位置以及关系 --如果页面包含框架那么每个框架都拥有自己的window对象，并且保存在frames集合中，在...
JAVASCRIPT高程笔记-------第六章 面向对象的程序设计
weixin_30762087的博客
11-03 91
理解对象的概念 js中的对象与其他 编程语言中的类不一样 ECMAscript 没有类的概念 ECMA-262 把对象定义为 “无序属性的集合，其属性可以包含基本值，对象或者函数” 也就是键值对 可以理解成散列表 示例简单的创建一个对象 var person = new Object(); person.name = "zhangsan" person.age =...
javascript高程笔记-------第四章 变量、作用域和内存问题
weixin_30731287的博客
09-29 79
首先JavaScript中的变量分为基本类型和引用类型。 基本类型就是保存在栈内存中的简单数据段，而引用类型指的是那些保存在堆内存中的对象。 1.参数传递 javascript中所有参数的传递都是值传递。 1.1 基本数据类型的传递（undefined ,Null,Boolean,number,String） 1--->var money = 10; 2--->...
JavaScript高程三----（基础一）
weixin_34318956的博客
01-04 256
JavaScript高级程序设计（第3版）读书笔记 1.区分大小写： 变量、函数名和操作符都要区分大小写。大小写的不同分别表示不同的变量。 2.标识符： 变量、函数、属性、函数参数的名字。 注意： 开头必须字母、下划线、一个美元符号$ 其他字符可以是字母、下划线、美元符号、数字。 也可以包含扩展的ASCII或Unicode字母。（不...
JavaScript笔记-个人笔记
04-13
JavaScript笔记-个人笔记-X-mind格式
Javascript学习笔记-详解in运算符
10-28
in运算符是javascript语言中比较特殊的一个，可以单独使用作为判断运算符，也常被用于for...in循环中遍历对象属性
JavaScript学习笔记--常用的互动方法
10-20
本文对JavaScript中常用的互动方法进行实例分析介绍，图文并茂，有需要的朋友可以看下
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 585
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
基于JavaScript 如何实现爬山算法以及优化方案
乐闻世界
06-10 1448
爬山算法（Hill Climbing Algorithm）是一种常见的启发式搜索算法，常用于解决优化问题。其核心思想是从一个初始状态出发，通过逐步选择使目标函数值增大的邻近状态来寻找最优解。接下来，我们将通过 JavaScript 实现一个简单的爬山算法，帮助大家理解其原理和应用。从一个初始状态开始。评估当前状态的目标函数值。在当前状态的邻居中选择一个目标函数值更大的状态。如果找到了更优的邻居，则移动到该邻居并重复步骤2和步骤3。如果没有更优的邻居，则算法结束，当前状态即为局部最优解。
HTML入门教程：深度解析HTML，开启你的前端技术之旅
zhangwenok的博客
06-14 1310
HTML（HyperText Markup Language，超文本标记语言）是前端开发的基础，它负责构建网页的结构和内容。作为前端技术栈的基石，HTML的掌握程度直接影响到网页的开发效率和用户体验。本教程将带你从零开始，逐步深入了解HTML的各个方面，帮助你打下坚实的前端技术基础。HTML是一种用于创建网页的标准标记语言，它通过一系列的元素（elements）和标签（tags）来定义网页的结构和内容。HTML文档由一系列的元素组成，这些元素通过标签来标识。
盲盒App开发时有哪些技术框架可以借鉴
最新发布
bytekj的博客
06-14 548
在开发盲盒App时，可以根据项目需求和团队技术栈选择合适的技术框架。前端可以选择微信小程序框架、React Native或Vue.js等；后端可以选择Node.js或Spring Boot等；数据库可以选择MySQL或MongoDB等。同时，还需要考虑缓存、消息队列、支付和物流接口等其他技术来完善应用的功能和性能。
javascript学习笔记--查看html元素和改变html的内容
06-01
好的，我可以为您解答关于 JavaScript 学习笔记方面的问题。针对您的问题，查看 HTML 元素和改变 HTML 内容是 JavaScript 中非常常见的操作之一，我们可以通过以下几种方式实现： 1. 通过 `document.getElementById()` 方法获取 HTML 元素，该方法接受一个参数，即需要获取的元素的 ID 值。例如： ``` let elem = document.getElementById("my-element"); ``` 2. 通过 `document.querySelector()` 方法获取 HTML 元素，该方法接受一个参数，即需要获取的元素的 CSS 选择器。例如： ``` let elem = document.querySelector(".my-class"); ``` 3. 通过 `innerHTML` 属性获取或设置 HTML 元素的内容。例如： ``` let elem = document.getElementById("my-element"); console.log(elem.innerHTML); // 获取元素的内容 elem.innerHTML = "新的内容"; // 设置元素的内容 ``` 4. 通过 `textContent` 属性获取或设置 HTML 元素的文本内容。例如： ``` let elem = document.getElementById("my-element"); console.log(elem.textContent); // 获取元素的文本内容 elem.textContent = "新的文本内容"; // 设置元素的文本内容 ``` 希望这些信息能够帮助您更好地了解如何在 JavaScript 中查看 HTML 元素和改变 HTML 内容。如果您有其他问题，请随时向我提出。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值