2024年09月27日
在 JS 程序中，为了实现漂亮的图形、图表和数据可视化，开发者选择使用开源库。为了帮助开发者轻松地为喜欢的应用程序添加漂亮的数据可视化，本文列出了 2018 年 6 个好用的 JavaScript 数据可视化库。
1.D3js （star 数：80K）
这可能是最流行和使用最广泛的 JavaScript 数据可视化库。D3 用于基于数据的文档操作，并使用 HTML、SVG 和 CSS 让数据活起来。它基于 Web 标准，结合现代浏览器，不需要与专有框架耦合，将可视化组件和数据驱动的方法结合到 DOM 操作上。它允许你将任意数据绑定到文档对象模型（DOM），然后在文档上应用数据转换。
2024年09月27日
微软推出开源工具ManifoldJS，可以自动将Web App转换成各种平台的App（安卓、iOS、Chrome OS、Windows）。
ManifoldJS通过获取网站meta-data信息，即可产生针对Android、ChromeOS、FirefoxOS，iOS以及Windows各平台的“本地”应用。号称创建跨平台、跨设备本地应用最简单的方法。
开发者在构建过程中，运行以下代码，即可使用ManifoldJS：
2024年09月27日
访问表单中的元素
每个表单中的元素,无论是文本框、单选按钮、下拉列表框或者其他的内容，都包含在form的elements集合中。
可以利用元素在集合中的位置或者元素的name属性来获得该元素的引用；
var oForm = document.forms["myform1"]; // 获取表单
var oTextName = oForm.elements[0]; // 获取第一个元素
var oTextPasswd = oForm.elements["passwd"]; // 获取name属性为passwd
var oTextComments = oForm.elements.comments; //获取name属性为comments的元素2024年09月27日
javascript添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
添加事件
var addEvent = function( obj, type, fn ) {
if (obj.addEventListener)
obj.addEventListener( type, fn, false );
else if (obj.attachEvent) {
obj["e"+type+fn] = fn;
obj.attachEvent( "on"+type, function() {
obj["e"+type+fn].call(obj, window.event);
} );
}
};2024年09月27日
在前端开发中，有时我们需要在元素进入视图时触发特定的操作。无论是实现懒加载图片、无限滚动，还是统计广告曝光率，Intersection Observer API 都提供了一种高效且简便的解决方案。本文将详细介绍 Intersection Observer API 的使用，并通过一个示例展示如何在元素出现在视图中时触发 JavaScript 操作。
2024年09月27日
在早期的时候，只有浏览器环境，JavaScript 代码比较习惯于通过<script></script>标记来实现的，不管是内联还是外联。
这是我开始学 JavaScript 时的做法。我相信大多数 JavaScript 开发者在其生命里至少这样做过一次。
这是开始的好方法。不需要操心外部文件或者依赖。但是这也导致了不可维护的代码，因为：
· 缺乏依赖解析：你必须保证 main 函数之前就有 add、reduce 和 sum 函数。
2024年09月27日
HTML、CSS、JavaScript被称为前端三剑客。
其中，HTML、CSS比较容易，JavaScript属于较难的一部分。
很多程序员小伙伴顺利学完HTML、CSS，但是学到JavaScript选择了放弃。
下面w3cschool为分享入门JavaScript的4点经验：
0、认识JavaScript
Javascrip是运行在浏览器上的语言，它能控制浏览器，让它听从我们的命令。
2024年09月27日
1.JavaScript的用途
JavaScript用来制作web页面交互效果，提升用户体验。
简单列出几个JavaScript能够制作的页面效果，它能干什么：
web前端三层来说：w3c的规范：行内样式（淘汰）
结构层HTML 从语义的角度，描述页面结构
样式层CSS从审美的角度，美化页面
行为层JavaScript从交互的角度，提升用户体验
2024年09月27日
原始时代： script标签引入javascript文件
这种方式缺乏依赖解析，全局变量空间污染，而且要保证文件引入的顺序，管理比较混乱
原始时代： 模块对象和IIFE模式
通过使用模块对象和立即调用的函数表达式(IIFE) ，我们可以减少对全局作用域的污染。在这种方法中，我们只向全局作用域公开一个对象。该对象包含了我们在应用程序中需要的所有方法和值。
2024年09月27日
1.JavaScript概念
??JavaScript是一种基于原型的面向对象的语言。
??同时，因为JavaScript是脚本语言，而脚本语言又是一种解释性的语言，
??所以JavaScript是逐行执行的同时也具有解释型语言的特点：不需要编译可以直接使用，由解释器来负责解释。
2.JavaScript特点
(1)面向对象