
JavaScript
文章平均质量分 85
我有两颗糖
你不妨大胆一些,爱一个人,攀一座山,追一个梦。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery 学习笔记
1. jQuery 简介 jQuery 是一个 JavaScript 函数库,它允许我们方便地对数据操作,虽然现在不是主流选择,但也值得学习。 1.1 使用 jQuery 在 HTML 中导入在官网下载的 jQuery 库: <script src="js/jquery.js"></script> 将 JavaScript 代码放在下面函数的内部: $(document).ready(function(){ // ... }); // or $(function(){原创 2021-03-05 17:10:54 · 191 阅读 · 0 评论 -
JavaScript promise 的使用
new Promise Promise 对象的构造器(constructor)语法如下: let promise = new Promise(function(resolve, reject) { // executor(生产者代码,“歌手”) }); 传递给 new Promise 的函数被称为 executor。当 new Promise 被创建,executor 会自动运行。 resolve 和 reject 是回调函数,当 executor 获得了结果,无论是早还是晚都没关系,它应该调用以下回原创 2021-02-28 16:42:16 · 194 阅读 · 0 评论 -
JavaScript 正则表达式
1. 创建正则表达式 正则表达式 (Regular Expression) 由一个字符序列形成的搜索模式,可用于所有文本搜索和文本替换的操作。 创建一个 RegExp 对象: "use strict"; var regex1 = /^\d{6}$/; var regex2 = new RegExp("^\\d{6}$"); console.log(regex1 == regex1); // true 有三种模式: 带 g:匹配所有 不带 g :匹配第一项 未匹配成功,返回 null 常见的匹配规则如原创 2021-02-27 11:25:29 · 210 阅读 · 1 评论 -
用 JavaScript 实现简易点单页面
1. 要点 搜先用 HTML制作预览效果页面: <body> <form> <strong>Fruits</strong><br> <input type="checkbox" name="apple" value="8"> <label>apple (8 RMB)</label><br> <input type="chec原创 2021-02-21 11:59:06 · 1120 阅读 · 0 评论 -
JavaScript学习笔记 —— Event 事件
1. 浏览器事件 浏览器事件包括 鼠标事件(click, mousedown等)、键盘事件(keydown 和 keyup)、表单事件(submit 和 focus)、Document 事件(DOMContentLoaded) 和 CSS 事件(transitionend) 1.1 事件处理 当触发一个事件时,要分配一个处理层需,如按钮按下: HTML 特性: <input value="Click me" onclick="alert('Hi')" type="button" button>原创 2021-02-20 14:49:19 · 839 阅读 · 0 评论 -
JavaScript 学习笔记 ——document
1. 浏览器环境 JavaScript 语言最初是为 Web 浏览器创建的。此后,它已经发展成为一种具有多种用途和平台的语言。 下面是 JavaScript 在浏览器中运行时的鸟瞰示意图: windows 是根对象,它充当 JavaScript 的全局对象以及代表着浏览器窗口,提供控制浏览器窗口的方法。 1.1 DOM 文档对象模型 DOM 将所有页面内容表示为可以修改的对象,document 是页面的入口,可以利用它修改创建 HTML 的内容,可以参考 DOM: document.bodyDOM.st原创 2021-02-20 14:44:46 · 6079 阅读 · 0 评论 -
JavaScript学习笔记 ——对象
1. 对象 1.1 创建对象 可以使用下面两种方法创建对象: let user = {}; // 字面量 let user = new Object(); // 构造函数 注意: 当对象作为函数参数时,函数可以直接修改对象内部的属性! 对象的属性键只能是字符串类型或者 Symbol 类型。 1.2 文本和属性 创建和访问属性 创建对象的时候,可以将一些属性和键值对放入到 {}中: let user = { name: "Jerry", age: 20, "is girl":原创 2021-02-20 13:51:22 · 225 阅读 · 0 评论 -
JavaScript 学习笔记 —— 数据类型
1. 原始类型 JavaScript 提供了 7 种原始类型:string,number,boolean,bigint,symbol,null 和 undefined。 与对象不同的是,原始类型是轻量型的,它比对象“轻”,不许要占用太多空间,举个栗子: let str = "hhh"; alert(str.toUpperCase()); // HELLO 在这个过程中,创建了原始值 str,它不属于对象,但它可以像对象一样使用,在调用函数 toUpperCase时经历了下面的步骤: 创建一个包含字符串面原创 2021-02-20 13:50:24 · 467 阅读 · 0 评论 -
JavaScript学习 —— 语法基础
1. JavaScript 学习工具 学 JavaScript 可以结合 html 来学,我使用的编辑器是 VScode,界面美观,插件丰富: 1.1 好用的插件 主题插件:Atom One Dark Theme、Material Icon Theme 代码补全:JavaScript(ES6) code snippets、Beauty 实时预览效果:Live Server 1.2 相关设置 Linux系统上安装 VScode 后,快捷键 Ctrl + E 会自动打开 VScode,终端输入代码可解决:原创 2021-02-20 13:49:04 · 455 阅读 · 0 评论