四时宝库

程序员的知识宝库

Web新时代来了,W3C发布WebAssembly 2.0初版草案

W3C 今天发布了 WebAssembly 2.0 首批公开工作草案 (Public Working Drafts),总共包括 3 部分:

6个好用的JavaScript数据可视化库

在 JS 程序中,为了实现漂亮的图形、图表和数据可视化,开发者选择使用开源库。为了帮助开发者轻松地为喜欢的应用程序添加漂亮的数据可视化,本文列出了 2018 年 6 个好用的 JavaScript 数据可视化库。

1.D3js (star 数:80K)

这可能是最流行和使用最广泛的 JavaScript 数据可视化库。D3 用于基于数据的文档操作,并使用 HTML、SVG 和 CSS 让数据活起来。它基于 Web 标准,结合现代浏览器,不需要与专有框架耦合,将可视化组件和数据驱动的方法结合到 DOM 操作上。它允许你将任意数据绑定到文档对象模型(DOM),然后在文档上应用数据转换。

微软推出ManifoldJS,Web App自动转成各平台本地App

微软推出开源工具ManifoldJS,可以自动将Web App转换成各种平台的App(安卓、iOS、Chrome OS、Windows)。

ManifoldJS通过获取网站meta-data信息,即可产生针对Android、ChromeOS、FirefoxOS,iOS以及Windows各平台的“本地”应用。号称创建跨平台、跨设备本地应用最简单的方法。

开发者在构建过程中,运行以下代码,即可使用ManifoldJS:

JavaScript 如何访问表单中的元素

访问表单中的元素

每个表单中的元素,无论是文本框、单选按钮、下拉列表框或者其他的内容,都包含在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的元素

JavaScript 关于事件兼容写法汇总

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);
    } );
    }
};

元素出现在视图中时触发的js(用来在元素内容发生改变时触发的事件是)

元素出现在视图中时触发的JavaScript:Intersection Observer API简介

在前端开发中,有时我们需要在元素进入视图时触发特定的操作。无论是实现懒加载图片、无限滚动,还是统计广告曝光率,Intersection Observer API 都提供了一种高效且简便的解决方案。本文将详细介绍 Intersection Observer API 的使用,并通过一个示例展示如何在元素出现在视图中时触发 JavaScript 操作。

干货丨commonJS、AMD、ES6模块使用规范


在早期的时候,只有浏览器环境,JavaScript 代码比较习惯于通过<script></script>标记来实现的,不管是内联还是外联。

这是我开始学 JavaScript 时的做法。我相信大多数 JavaScript 开发者在其生命里至少这样做过一次。

这是开始的好方法。不需要操心外部文件或者依赖。但是这也导致了不可维护的代码,因为:

· 缺乏依赖解析:你必须保证 main 函数之前就有 add、reduce 和 sum 函数。

前端程序员必看的4本编程书,你看过几本?

HTML、CSS、JavaScript被称为前端三剑客。

其中,HTML、CSS比较容易,JavaScript属于较难的一部分。

很多程序员小伙伴顺利学完HTML、CSS,但是学到JavaScript选择了放弃。

下面w3cschool为分享入门JavaScript的4点经验:

0、认识JavaScript

Javascrip是运行在浏览器上的语言,它能控制浏览器,让它听从我们的命令。

javascript基础入门科普知识(javascript基础入门视频教程)


1.JavaScript的用途

JavaScript用来制作web页面交互效果,提升用户体验。

简单列出几个JavaScript能够制作的页面效果,它能干什么:

web前端三层来说:w3c的规范:行内样式(淘汰)

结构层HTML 从语义的角度,描述页面结构

样式层CSS从审美的角度,美化页面

行为层JavaScript从交互的角度,提升用户体验

Javascript 模块化理解(javascript模块化规范有哪些)

原始时代: script标签引入javascript文件

这种方式缺乏依赖解析,全局变量空间污染,而且要保证文件引入的顺序,管理比较混乱

原始时代: 模块对象和IIFE模式

通过使用模块对象和立即调用的函数表达式(IIFE) ,我们可以减少对全局作用域的污染。在这种方法中,我们只向全局作用域公开一个对象。该对象包含了我们在应用程序中需要的所有方法和值。

<< 1 2 3 4 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接