随笔分类 - JavaScript
摘要：编码 我们现在来做一个最简单的时钟，通过小练习来学习 Date，复习定时，然后再练习一下函数的封装具体需求如下： 在页面中显示当前日期及时间，按秒更新 格式为 YYYY 年 MM 月 DD 日 星期 D HH:mm:ss 注意位数的补齐，比如：-- 假设时间为2008年10月10日星期一的12点12
阅读全文
摘要：编码 学习通用的数据用不同的数据结构进行存储，以及相互的转换 对象转为数组： 如上有一个用来存储学习成绩的对象，编写一个函数，将其转为如下的二维数组 数组转为对象： 如上有一个用来存储多级菜单数据的数组，编写一个函数，将其转为如下的对象
阅读全文
摘要：编码 将上面数组分别按从大到小以及从小到大进行排序后在console中输出 将上面数组分别按字母顺序a-z及z-a进行排序，在console中输出 将上面的二维数组，按照每个元素中第二个数从大到小的顺序进行排序输出，输出结果应该为： 将上面数组分别按元素对象的value值从小到大进行排序后输出
阅读全文
摘要：编码1（栈顶在最右） 练习如何使用数组来实现栈，综合考虑使用数组的 push，pop，shift，unshift操作 基于代码，实现如按钮中描述的功能： 实现如阅读材料中，队列的相关进栈、退栈、获取栈顶、判空的操作 栈顶对应数组中最后一个元素 进栈和退栈操作后，需要在 id 为 stack-cont
阅读全文
摘要：编码1（队头在最右） 练习如何使用数组来实现队列，综合考虑使用数组的 push，pop，shift，unshift操作 基于代码，实现如按钮中描述的功能： 实现如阅读材料中，队列的相关入队、出队、获取队头、判空的操作 队头对应数组中最后一个元素 入队和出队操作后，需要在 id 为 queue-con
阅读全文
摘要：forEach是ES5中操作数组的一种方法，主要功能是遍历数组，例如： 1 2 var arr = [1,2,3,4]; arr.forEach(alert); 1 2 var arr = [1,2,3,4]; arr.forEach(alert); 1 2 var arr = [1,2,3,4];
阅读全文
摘要：如代码，分别实现 diyTrim 及 removeRepetition 函数，并跑通代码中的测试用例。
阅读全文
摘要：基于HTML，实现需求 按照HTML中按钮的描述以此实现功能 计算结果显示在 id 为 result 的 P 标签中
阅读全文
摘要：编码 首先练习数字相关的一些操作： 基于如上HTML，实现需求 按照HTML中按钮的描述以此实现功能 计算结果显示在 id 为 result 的 P 标签中 除了第一个按钮，其它按钮操作时，都需要判断输入是否为数字，否则在 console 中输出错误信息 注意点：Math.round（）判断有小数点
阅读全文
摘要：主要内容是：js中三种定义变量的方式const， var， let的区别。 1.const定义的变量不可以修改，而且必须初始化。 1 const b = 2;//正确 2 // const b;//错误，必须初始化 3 console.log('函数外const定义b：' + b);//有输出值 4
阅读全文
摘要：Number()： 概述：Number 对象由 Number() 构造器创建，是经过封装的能让你处理数字值的对象。在非构造器上下文中 (如：没有 new 操作符)，Number 能被用来执行类型转换。 语法：Number(value); 特点： 1、如果是Boolean值，true和false值将分
阅读全文
摘要：1. 初始化一个 mpvue 项目 现代前端开发框架和环境都是需要 Node.js 的，如果没有的话，请先下载 nodejs 并安装。 然后打开命令行工具： 随着运行成功的回显之后，可以看到本地多了个 dist 目录，这个目录里就是生成的小程序相关代码。 2. 搭建小程序的开发环境 小程序自己有一个
阅读全文
摘要：小练习1：针对HTML，分别使用 setTimeout 和 setInterval 实现以下功能： 点击按钮时，开始改变 fade-obj 的透明度，开始一个淡出（逐渐消失）动画，直到透明度为0 在动画过程中，按钮的状态变为不可点击 在动画结束后，按钮状态恢复，且文字变成“淡入” 在 按钮显示 淡入
阅读全文
摘要：一、事件流（捕获，冒泡） 事件流：指从页面中接收事件的顺序，有冒泡流和捕获流。 当页面中发生某种事件（比如鼠标点击，鼠标滑过等）时，毫无疑问子元素和父元素都会接收到该事件，可具体顺序是怎样的呢？冒泡和捕获则描述了两种不同的顺序。 DOM2级事件规定事件流包括三个阶段，如图： 假如我们点击一个div,
阅读全文
摘要：一、style与className属性的对比 在前面的style属性学习中,知道了通过style属性可以控制元素的样式,从而实现了行为层通过DOM的style属性去干预变现层显示的目地,但是这种就是不好的,而且为了实现通过DOM脚本设置的样式，你就不得不花时间去研究JavaScript函数,去寻找对
阅读全文
摘要：cssText 本质是什么？ cssText 的本质就是设置 HTML 元素的 style 属性值。 cssText 怎么用？ document.getElementById("d1").style.cssText = "color:red; font-size:13px;"; cssText 返回
阅读全文
摘要：掌握 JavaScript 的核心之一：DOM，能够熟悉DOM相关操作，了解JavaScript事件机制 一、使用getElementById()、getElementsByTagName()、childNodes、parentNode找DOM 二、使用querySelector及querySele
阅读全文
摘要：编码 小练习，练习使用循环实现一个九九乘法表 第一步，最低要求：在Console中按行输出 n * m = t 然后，尝试在网页中，使用table来实现一个九九乘法表 注意点：九九乘法表按照常规自增写法会涉及重复部分重复公式，如1*2=2；2*1=2；所以我们采用m<n+1的写法来递减个数。 注意变
阅读全文
摘要：window.onload出现的原因？ 我们都知道页面的代码顺序是从上往下进行加载，很多时候我们要对页面中的某一个模块进行操作，这时候我们常常使用javascript代码来进行操作。为了能够保证操作的模块或对象在js代码之前就加载了，我们不得不把js代码放在页面的底端。但是我们在设计页面的时候，为了
阅读全文
posted @ 2018-11-27 09:36
JoeJoan
摘要：/i (忽略大小写) /g (全文查找出现的所有匹配字符)/m (多行查找)/gi(全文查找、忽略大小写)/ig(全文查找、忽略大小写) 这些是模式修正符 -- 解说正则表达式模式中使用的修正符i 如果设定此修正符，模式中的字符将同时匹配大小写字母。 m当设定了此修正符，“行起始”和“行结束”除了匹
阅读全文
posted @ 2018-11-26 15:01
JoeJoan
浙公网安备 33010602011771号