![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript基础
是个小太阳啊
这个作者很懒,什么都没留下…
展开
-
网课笔记 ----- 预编译
单线程解释型语言1.作用域的定义:变量(变量作用域又称上下文)和函数生效(能被访问)的区域2.全局变量 局部变量: 在函数内定义的变量 函数里可以访问全局里的变量 函数外面不能访问函数内的变量(越往里权限越大)3.JS运行三步: 语法分析(通篇扫描但是不执行),预编译,解释执行4.预编译:函数声明整体提升 --> 函数声明不管写到哪里总...原创 2019-04-11 14:36:18 · 162 阅读 · 1 评论 -
Date -- 实现倒计时
倒计时:实现效果如下:(根据时间变化而变化)-------》原创 2019-04-16 20:04:52 · 347 阅读 · 0 评论 -
Date ----- 验证码的生成(简易版)
生成含有字母和数字的验证码:实现效果如下:每一次生成不同的验证码 代码实现如下:原创 2019-04-16 20:15:39 · 143 阅读 · 0 评论 -
用JS实现 输入框的默认值
用JS实现 输入框的默认值实现效果:初始状态 ---------->输入文本内容时 ----------->清除文本内容后代码实现:原创 2019-04-16 20:21:09 · 6151 阅读 · 1 评论 -
Object.values() 和 数组的 some()方法
1.Object.values() (Object函数的方法) -- 返回一个数组eg:2.数组的 some()方法原创 2019-04-22 19:53:02 · 1779 阅读 · 0 评论 -
事件
1.JavaScript和html的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定交互瞬间。2.事件驱动模型:由事件的发生来触发程序的执行。常见的事件 1.0 鼠标事件:ps:onmouseenter 事件类似于onmouseover 事件。 唯一的区别是 onmouseenter 事件不支持冒泡 。onmouseleave 事件类似于onmouseo...原创 2019-04-19 21:39:36 · 112 阅读 · 0 评论 -
鼠标拖拽相关例题 --- 实现简单的拖拽效果
1.0效果图 ,鼠标按下移动时div跟随鼠标移动,当鼠标被松开时停止,但是当鼠标离开浏览器页面时,div最多到达边界需要计算的值为:代码实现:...原创 2019-04-19 22:06:46 · 202 阅读 · 0 评论 -
第一次周考题目
1. DOM节点层次问题:nodeName 和 nodeValue 1.0 Document 类型 nodeName 的值为 "#document" ,nodeValue 的值为 : null 2.0 Element 类型 (元素节点) nodeName 的值为元素的标签名 , nodeValue 的值为 : null...原创 2019-04-24 21:28:02 · 189 阅读 · 0 评论 -
JavaScript 模块化
向大牛学习http://www.ruanyifeng.com/blog/2012/11/require_js.html1.模块就是实现特定功能的一组方法。可以用过加载写好的模块,实现特定的功能2.模块的编写方法:(1)ECMA6 中的新语法实现模块化(目前只有chrome浏览器支持):<script type = "module">//......</s...转载 2019-05-18 10:35:56 · 77 阅读 · 0 评论 -
Date -- 实现简易进度条
计时器和控制计时器的结束实现简易进度条实现效果:1.0 初始时为02.0 进度条与数字同步变化 3.0 达到100%时停止html和css代码如下:JS代码 ---- 利用ssetInterval()函数来控制进度条的变化,clearInterval()控制计时器的结束...原创 2019-04-16 20:02:22 · 196 阅读 · 0 评论 -
Date ----数码时钟
呈现效果: 获取当前时间,并且显示效果与时间对应着变化 代码实现:打印imgs可以看到,imgs为一个数组,且元素为 img标签...原创 2019-04-16 14:18:07 · 161 阅读 · 0 评论 -
实现 表格填充 随机数与随机颜色
代码如下:用rgb()函数,里面填充的数字为十进制第二种颜色实现转成16进制时注意 类似于 05 进制转换后会只剩下5 表示16进制的颜色数 会不足6位。...原创 2019-04-11 14:48:22 · 1015 阅读 · 0 评论 -
字符串练习题 --- 字符串的过滤(还存在较多问题)
eg: 过滤掉敏感词汇css部分:html部分JS部分:运行结果如下:原创 2019-04-15 20:05:22 · 162 阅读 · 0 评论 -
字符串
1.定义方式 1.0 使用常量定义字符串 var str = "abc"; // 创建一个字符串, String类型 2.0 使用new关键字 var str = new String("abc"); // 创建一个对象,为 object类型eg: 两者的不同PS:基本数据类型的字符串,也可以调用所有字符串已有的方法2.字符串的遍历和修改...原创 2019-04-15 20:26:34 · 142 阅读 · 0 评论 -
字符串练习题-------用户名校验
题目要求:账号长度在6,20之间, 数字不能开头, 只能使用数字字母下划线$组成原创 2019-04-15 20:09:48 · 479 阅读 · 0 评论 -
字符串练习 ---- 密码强度校验
html+cssjs部分:运行结果如下:初始原创 2019-04-15 20:26:14 · 168 阅读 · 0 评论 -
for循环练习题
空心菱形效果图原创 2019-04-09 16:43:45 · 623 阅读 · 0 评论 -
排序
1.0 数组的默认排序(效率比较低,基本不用)2.0冒泡排序算法 --- 相邻的两两比较,每次都能选出当前未排序序列中的最大值代码实现如下:输出结果如下:3.0选择排序算法 ---- 从当前数组的第一个值开始依次与后面的元素进行比较,每次都能选出当前未排序序列当中最小的值代码实现如下优化编写swap函数,必须要把数组传进去4.0快...原创 2019-04-12 19:57:28 · 69 阅读 · 0 评论 -
逻辑运算符 && ||
&& 可以应用于任何类型的操作数,不只是布尔值(短路操作)1.如果第一个操作数是对象,则返回第二个操作数2.如果第二个数是对象,则只有第一个操作数的求值结果为true时才会返回该操作数。3.如果两个操作数都是对象,则返回第二个操作数4.如果有一个操作数是null/NaN/undefined,则返回他们自己ps: 先看&&前的内容转换为布尔值是...原创 2019-04-09 17:54:55 · 264 阅读 · 0 评论 -
数组的属性和方法
1. Array 对象属性:-- constructor: 返回对 创建此对象的数组函数的引用-- length: 设置或返回数组中元素的数目(length属性不是只读的)-- prototype : 向对象添加属性和方法2. Array 对象方法 -- 栈方法: push() 可以接收任意数量的参数,把他们逐个添加到数组末尾,并返回修改后数组的...原创 2019-08-07 15:38:27 · 1314 阅读 · 0 评论