JavaScript
SEVLT
这个作者很懒,什么都没留下…
展开
-
【JavaScript】来自 ES6 的嘲讽:箭头函数与 this
提起 ES6 的箭头函数,就不得不提提 this。自 ES3, JavaScript 便支持 this,那 this 到底是什么呢?我们在控制台试图打出 this:this //Windowthis === window //true let x = function() { console.log(this) }x() //Windowlet name = "windowName"let block = { name: "block", fn : fun原创 2020-10-03 16:03:21 · 204 阅读 · 0 评论 -
【JavaScript】来自 ES6 的嘲讽:小 let,大作用
javascript中有一个概念,叫做变量提升,即在声明变量之前可以使用变量且值为undefined,这会导致什么问题呢?我们试想这样一个场景,使用for循环来给一组<li></li>添加onclick监听事件,实现点击标签打印是第几个<li></li>。//错误代码for (var i = 0; i < liItems.length; i++){ liItems[i].onclick = function() {...原创 2020-10-02 10:28:56 · 213 阅读 · 0 评论 -
【JavaScript】实现文本转语音功能
效果预览:https://sevlt.github.io/text-to-speech/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link.原创 2020-06-26 02:25:58 · 1543 阅读 · 0 评论 -
【JavaScript】实现彩色格子效果
222原创 2020-06-24 10:20:29 · 350 阅读 · 0 评论 -
【JavaScript】实现 TodoList 移动端页面
效果预览:https://sevlt.github.io/to-do-list-mobile-terminal/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-.原创 2020-06-10 02:38:47 · 507 阅读 · 0 评论 -
【JavaScript】贪吃蛇小游戏
效果预览:https://sevlt.github.io/Snake/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> .原创 2020-05-26 21:25:35 · 544 阅读 · 0 评论 -
【JavaScript】this 关键字
在方法中,this 表示该方法所属的对象单独使用,this 表示全局对象(window)在函数中,this 表示函数的所有者严格模式下的函数中,this 为 undefined在事件中,this 表示接收事件的元素call() 和 apply() 方法可以将 this 引用到任何对象...原创 2020-05-17 01:20:07 · 144 阅读 · 0 评论 -
【JavaScript】var、let 与 const
var:使用var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象。let:使用let声明的变量,其作用域为该语句所在的代码块内,不存在变量提升。const:使用const声明的是常量,在后面出现的代码中不能再修改该常量的值。...原创 2020-05-17 01:17:20 · 220 阅读 · 0 评论 -
【JavaScript】拼图小游戏
效果预览:https://sevlt.github.io/puzzle-game/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />.原创 2020-05-14 09:59:44 · 304 阅读 · 0 评论 -
【CSS/JavaScript】动态生成皮卡丘
预览地址:https://sevlt.github.io/animate-pikachu/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="vi...原创 2020-05-03 13:41:49 · 1390 阅读 · 0 评论 -
【JavaScript】实现点击按钮显示浮层
效果预览:https://sevlt.github.io/Popover/index.htmlHtml代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=d...原创 2020-04-21 18:50:54 · 872 阅读 · 0 评论 -
【JavaScript】字符串转换为数字的五种方法
Number()Number("123");123parseInt()parseInt("123",10); //10表示10进制,默认即为10进制,可省略123parseInt("123s"); //不会报错,只转换可转换的部分123parseFloat()parseFloat("1.23");1.23parseFloat("1.23s"); //不会报错...原创 2020-02-16 16:25:38 · 824 阅读 · 0 评论