HTML and JavaScript resource collection
我的HTTP、HTML5与JavaScript技术资料的收藏
- HTML标签
- html标签的lang属性
- HTML Table居中详解
- html中的字体设置
- html如何设置字体颜色(三种方式)(除了
<p>
标签外,还可以对<font>
、<b>
、<em>
等标签添加style
样式) - HTML <code> 标签
- html空格字符
- html中制表符(TAB)的转义字符
- 10个好用的 HTML5 特性
- The right way of setting <a href=""> when it's a local file
- How to make your web content look stunning on the iPhone 4's new Retina display
- Creating Retina Images for Your Website
- javascript中使用void 0给变量赋值为undefined
- JavaScript ES6新特性概览
- 30分钟掌握ES6/ES2015核心内容
- 详解 ES 2018 新特性
- 前端开发必备 - ECMAScript2018 新特性汇总,你还不会ES9吗?
- JavaScript: What’s new in ES 2019
- JavaScript ES10的13个新特性示例
- ES8、ES9和ES10新特征梳理
- ECMAScript新特性@22/01/05
- 了解ES6-ES12的特性
- 深入探索 ECMAScript 6-12: JavaScript 版本进化和新特性
- 那些在ES2022 (ES13)中最有趣的新特性
- 你可能错过的16个ES2022 JavaScript新特性?
- JavaScript Use Strict
- 你真的懂Javascript的let/const/var吗?
- es6中class类静态方法,静态属性理解,实例属性,实例方法理解
- js中ES6的Set的基本用法
- js 判断变量类型(完整版),包括ES6 新类型Symbol
- 深入理解javascript之typeof和instanceof
- JavaScript 中undefined与null的区别分析
- 变量的扩展与解构(ES6)
- JavaScript黑科技:变量监听
- JavaScript中的协程
- Promise
- 箭头函数
- 理解 JavaScript ES6中的 for…of 循环
- JavaScript 在代码中消灭 for 循环
- JavaScript之如何求数组的最大值和最小值
- w3school JavaScript 高级教程
- JavaScript API
- Javascript中的== 和 === 浅析
- Javascript中的delete
- JavaScript函数的原型链结构分析
- JavaScript 常见 6 种继承方式,看看你会几种?
- JavaScript的发现与理解
- 块级作用域 -- ECMAScript 6 学习
- 「ES6基础」Symbol介绍:独一无二的值
- 「ES6基础」生成器(Generator)
- 前端架构师之路:ES6中的生成器函数是什么?
- ES6新特性之Reflect
- 彻底搞清楚javascript中的require、import和export
- JavaScript基础:如何让(a == 1&&a == 2&&a == 3)的值为true?
- JavaScript奇技淫巧:Hook与反Hook
- JavaScript基础:如何衡量一个人的 JavaScript 水平?常见10种函数
- var now = +new Date(); 请问这里为什么要有个加号?
- DOM操作成本到底高在哪儿?
- 了解 JS 的加载顺序和方式,实现 Ready 方法
- 利用Safari调试App的WebView界面
- 用canvas画太极图(一步步详解附带源代码)
- canvas中的getContext()方法 以及 webgl中的getContext()方法
- requestAnimationFrame详解
- GPU FOR THE WEB COMMUNITY GROUP
- JavaScript ECMA-262 specification
- 史上最全最常用的正则表达式-(基本够用值得收藏)
- node.js文档
- node.js基于N-API调用C函数
- 如何退出 Node.js 程序
- GYP简介
- GYP介绍
- nodejs获取当前路径的3种方法
- Node.js 之 — Child process
- How to wait for a child process to finish in Node.js 【如何在 Node.js 中等待子进程完成】
- JS十种经典排序算法,纯动画演示,学会了怼死面试官!
- 大神赞过的:学习 WebAssembly 汇编语言程序设计
- 前端程序员必学的CSS变量知识
- 前端比较实用的 CSS3 技巧,总有一个是你需要的!
- CSS3动画完成水波纹loading动画
- CSS3如何实现一个 3D 效果的魔方
- css-画一个3D地球
- CSS仅需 2 行代码,即可实现一个立体正方形背景
- 如果想要将网站变成黑白,只要在网站加入 5 句代码
- web前端入门到实战:彻底掌握css动画「animation」
- Web中的图像技术全面总结,长文干货!
- 正则表达式真的很*,可惜你不会写!
- 正则表达式:(?=a)是什么意思?说说前端常用到的正则表达式
- 你知道websocket吗?
- 每一个Web开发者需要掌握的HTTP缓存知识
- 网站不让你复制文字?别着急,这串代码1秒解除限制
- 浏览器渲染原理
- React Native 学习整理(包含ES6语法介绍)
- 最全的 Vue 性能优化指南,值得收藏
- 面向数学应用程序的Web应用显示引擎——MathJax
- YAML入门教程
- Understanding the Question Mark (?:) in TypeScript
- 带你揭开BFC神秘的面纱
- 你怎么可以不了解AST呢?
- 盘点 2023 年排名前20的编程语言对 WebAssembly的支持!
在Node.js下执行指定js文件的脚本,在命令行使用:node <文件名> 即可。
如果需要在Node.js下调用C函数,则需要使用node-gyp,安装方式为:sudo npm install node-gyp -g --python=python2.7
。
JavaScript ES6 中新增的Lambda表达式
JavaScript中的Lambda表达式的表达方式既简洁又灵活。其完整的表达语法为:
(<形参列表>) => { 函数体 }
如果形参列表只含有一个参数,那么圆括号可省,除此之外,倘若形参列表没有参数或多于一个参数的情况下,我们都要保留圆括号。如果函数体就只有一条表达式,那么包围它的花括号可省,直接表示return
表达式。下面我们来举一些详细的例子来说明Lambda表达式的几种表达方式。
function doLambda() {
// 这里lambda表达式的形参只有一个,因此圆括号缺省了,
// 并且函数体就一条返回语句,因此花括号缺省了,并且return也缺省。
let func = value => value + 1;
alert("value = " + func(100));
// 这里lambda表达式只有一个形参,因此圆括号缺省,
// 这里的函数体尽管只有一条语句,我们也能使用花括号,当然缺省也没问题。
func = a => {
alert("a = " + a);
};
func(10);
func = () => {
alert("Hello, world!");
}
func();
func = (a, b) => {
alert("This is a sum function!");
return a + b;
}
const aaa = func(3, 5);
alert("The result is: " + aaa);
}
通过以上代码,我们基本对Lambda表达式有了比较清楚的认识。
JavaScript中的void操作符
JavaScript同C、Java一样,引入了 void
关键字。不过与C和Java不同的是,在JavaScript标准中没有所谓的void类型,只有 Undefined 类型。当然,如果我们将未定义的变量或是没有初始化的变量看作为void类型其实也没毛病,这样的话,void类型的唯一值就是 undefined
了。
不过在JavaScript中,void主要还是以操作符的方式进行使用的。其主要目的是将一个表达式转换为一个返回undefined值的表达式。它有两种表达形式:
void < 表达式 >
void ( < 表达式 > )
当然,为了使我们的代码表达更清晰,笔者更推荐第二种带有圆括号的表达形式。 下面我们来举一些🌰来展示void操作符的用法以及效果。
let a = 100;
// 这里value的值为undefined,而a++操作也被执行了
let value = void(a++);
console.log(`a = ${a}, value = ${value}`);
function test(b, c) {
// 这里void中的整个逗号表达式都执行了。
// 由于这里使用了void操作符,因此整个表达式返回的值为undefined,
// 而不是数值类型。
return void (a += b, a += c, a++);
}
value = test(5, 10);
console.log(`a = ${a}, value = ${value}`);
// 这条语句表达的是,如果此时a大于100,那么给value赋值为1;
// 否则value的值依然为undefined。
value = a > 100 ? 1 : void(0);
console.log('value = ' + value);
通过上述简短的代码,我们应该对void操作符有了一个比较感性的了解了,在某些情况下,void操作符还是非常实用的。