![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js基础
Joy Weijiao
一个小前端
展开
-
如何在vue项目中使用PWA
pwa ? 这是什么? 第一次听到pwa的时候是隔壁桌的大佬在交流前端的时候说的“这是前端目前很火的技术,用户体验很好,简单方便 ... ...”。听起来就很想试一试,在大佬的帮助下完成了自己人生的第一个pwa项目。强烈安利,接下来就好好的去了解一下所谓的pwa什么是pwa ?Progressive Web App, 简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生...原创 2020-04-24 10:36:22 · 8897 阅读 · 3 评论 -
webapi练习二--重点全选案例和排他思想,还有阻止a跳转
总结一波第二天的练习题1.给多个按钮注册点击事件,当点击按钮,显示对应的图片 -- title属性记录图片src<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...原创 2019-03-22 21:47:47 · 157 阅读 · 0 评论 -
如何快速的判断this指向
this指向问题是不是经常搞不懂所谓的this指向,到底指向谁?一头雾水,越看越头大别急 ! this指向是在面试中经常会考到知识点,也就要求我们必须掌握,但是大多数人总是会判断错误,接下来就仔细看一下这篇文章吧this指向可以分为四种情况我们从最容易分辨的开始1. obj.fn() 也就是方法调用模式 this----> obj这个其实也是比较好理解的,就是谁调...原创 2019-04-03 22:10:17 · 409 阅读 · 3 评论 -
webAPI 第三天 --- 获取元素的方法,style属性,节点操作
一.获取元素的方法1.getElementById 根据id值获取元素2.getElementByTagName 根据标签名获取元素3.getElementByClassName 根据类名获取元素4.getElementsByName 根据name属性来获取5.querySelector() 根据选择器来获取元素(一个)6.querySele...原创 2019-03-23 10:24:00 · 361 阅读 · 0 评论 -
webAPI 第四天 --- 节点操作,上下节点,添加节点,复制节点,删除节点,替换节点
节点操作(很重要)一.节点属性1.childNodes 所有的子节点2.nodeType 节点类型3.nodeName 节点名称4.nodeValue 节点值二.节点查找1.找儿子 1.children 所有的子元素 2.firstElementChild 最后一个子元素 3.lastEl...原创 2019-03-24 17:17:31 · 221 阅读 · 0 评论 -
js基础中用假设成立法实现数组去重
js基础中的数组去重<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...原创 2019-03-27 22:12:30 · 423 阅读 · 0 评论 -
js中判断一个字符串里面元素出现的次数
判断一个字符串中,每个元素出现的次数,并返回一个对象来统计出现的元素,以及次数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...原创 2019-03-27 22:23:43 · 2770 阅读 · 0 评论 -
form表单提交时onsubmit返回调用的函数名和name属性值重复时不能调用的的问题
前几天在做提交表单验证的时候,就发现自己的表单提交没有效果,onsubmit根本调用不到check()函数,将函数换个名称或者调用其他的都可以实现一脸懵逼的情况下,发现了设置的name属性值的其中一个和我们的函数名重复了我们学习js的时候,明确的讲过,函数是js中的一等公民,所有当函数和变量名重复的时候,变量会被覆盖但是这和我们的name属性值又有什么关系呢?在网上找了一些资料...原创 2019-04-20 10:37:13 · 636 阅读 · 0 评论 -
实现时间倒计时
实现时间倒计时我们经常会看见一些网页或者其他地方的倒计时是怎么实现的呢?运用我们的时间戳来实现举例,现在到2019年3月19日0点0分0秒的倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...原创 2019-03-18 21:37:02 · 682 阅读 · 0 评论 -
使用js内置对象Math生成随机颜色
随机一个颜色 rgb 颜色然后调用函数给body就可以改变浏览器中body的颜色其实就是把rgb的三个颜色值使用随机的数字来表示就达到了取一个随机颜色的目的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...原创 2019-03-18 21:33:13 · 540 阅读 · 0 评论 -
前端学习js基础第五天---内置对象中的Math对象和Date对象
今天就主要研究一下js中的Math对象和Date对象,在开发中也是经常使用的一.Math对象属性:Math.PI 固定的值max最大值min最小值ceil向上取整floor向下取整round四舍五入abs绝对值pow(2,,10) 2的10次方sqrt( 9 ) 对9开方random 随机数 :公式求0-N的随机整数,parseInt(Math.ran...原创 2019-03-18 21:26:36 · 199 阅读 · 0 评论 -
前端学习js基础第一天--变量和数据类型的认识
我们已经学过了html和css,也可以用这些做一些简单的静态页面了但是我们的重点就是如何让页面"活",这就要运用到我们js了接下来的一段时间,将会不断更新js的知识,基础很重要,也很零碎,理解性记忆即可前端学习js基础第一天一.什么是jsjs是一种运行在浏览器的脚本语言js的历史:作者: 布莱登-艾奇 开发了 LiveScript (表单校验)...原创 2019-01-19 18:07:12 · 161 阅读 · 0 评论 -
前端学习js基础第二天-运算符的优先级和数据类型之间的转换
js是前端的核心,知识虽然很碎,但是却很重要今天的主要内容在于循环结构,其中for循环最重要,一定要掌握!前端学习js基础第二天一.运算符也称操作符1.算术运算符+加,有拼串和算术的功能-减*乘/除%取余如果遇到其他的字符串,自动转成数字进行运算2.赋值运算符=,赋值+=,例如:age+=10,就是age=age+10;-=,类比+=*=...原创 2019-01-22 18:07:13 · 187 阅读 · 0 评论 -
前端学习js基础第四天---函数以及函数的作用域详解
学习函数之前我们应该明确为什么要学习函数?函数可以进重复冗余的代码进行封装将来函数还可以多次调用一.函数的基本知识1.函数的声明和调用声明:function 函数名(){函数体}调用:函数名()注意点:函数在声明后不会立即执行,徐亚调用之后才能使用,,而且函数还可以多次调用2.函数的参数(形参和实参)形参:形式参数,本身没有具体的值或者类型,只在将来函数调用的时候才...原创 2019-03-17 11:28:49 · 158 阅读 · 0 评论 -
前端学习js基础第五天---对象的认识
简单数据类型:number string Boolean null undefined复杂数据类型:数组 函数 对象我们现在学习了前面的所有,就差最后的一个对象了,今天我们就学习一下对象一.对象的基本知识1.生活中的对象可以通过特征和行为描述出来的2.js中的对象概念:无序的键值对的几个作用:存储数据,存储一个对象的属性和方法3.创建对象的两种方式1...原创 2019-03-17 18:20:54 · 128 阅读 · 0 评论 -
webAPI 第五天 --- 延时器,定时器,offset系列
这节知识中最重要的是我们的延时器和定时器,但是还有我们的一些细小的知识点需要了解BOM : 浏览器对象模型,提供了一套操作浏览器的工具 BOM包含的内容很多,但是东西都不太常用,定时器是最重要的一.window对象window是个全局对象 顶端对象 全局变量或者函数都是window的属性 window一般都会省略1.window.onload窗体加载完...原创 2019-03-24 21:28:28 · 331 阅读 · 0 评论 -
webAP练习五 --- 电子表 短信验证码 定时跳转
在页面中显示 :电子表 实时更新事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...原创 2019-03-24 21:33:58 · 134 阅读 · 0 评论 -
前端学习js基础第六天---内置对象中的其他内置对象
我们在此之前已经对Math对象和Date对象做出了一定的了解,下面就认识一下其他的对象一.Array对象,提供的是Array构造函数join, arr.join(' | ') 将数组的每一项元素根据分隔符拼接成一个字符串,默认分隔符,push, 往后加pop,往后面删shift,在前面删unshift,在前面加reverse,翻转sort,sort(fn...原创 2019-03-21 17:44:33 · 105 阅读 · 0 评论 -
js基础中的驼峰命名生成
在面试时,我们经常会遇见js基础的一些问题,不是很难,且不知道从哪下手知识就在里面,就是取不出来下面就是我们运用js基础来实现的驼峰命名<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...原创 2019-03-21 17:48:04 · 1064 阅读 · 0 评论 -
前端学习js基础第三天--数组
JavaScript基础的学习已经慢慢开始进入到数组,函数,对象的学习了,所有要加油哦!今天主要学习数组前端学习js基础第三天--数组1.为什么要学习数组数组就是一个有序的组合作用:可以存储大量数据2.数组的定义1.构造函数的方式var arr=new Array();一个空的字符串,Array表示字符串var arr = new Array(1,2,3);有数...原创 2019-01-23 18:13:26 · 190 阅读 · 0 评论