javascript中undefined的本质
undefined本质
一、列出7种数据类型(面试可能问)
Undefined
Null
Boolean
String
Number
Symbol
Object
二、undefined本质
undefined是window对象的一个属性,其类型是Undefined。
下面解释javascript中属性的本质,因为undefined是一个属性,了解undefine的本质要用到属性的本质。
三、属性本质
对JavaScript来说,属 ...
如何使用JavaScript导入和导出Excel文件
本文由葡萄城技术团队于原创并首发
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。
JavaScript是一个涵盖多种框架、直译式、可以轻松自定义客户端的脚本语言,在 Web 应用程序中,更加易于编码和维护。而Excel 作为一款深受用户喜爱的电子表格工具,借助其直观的界 ...
原生JavaScript实现轮播图
---恢复内容开始---
实现原理
通过自定义的animate函数来改变元素的left值让图片呈现左右滚动的效果
HTML:
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8" />
5 <link rel="stylesheet" type="text/css" href="StyleSheet.css">
6 <title></title>
7 </head>
8 <body>
9 <div i ...
JavaScript 时间戳
1、JavaScript 的时间对象转换为时间戳
1.1、时间对象转时间戳的 5 种写法
1.2、获得当前时间的时间戳
1.3、获得 10 位数的时间戳
2、JavaScript 的时间戳转换为时间对象
3、总结
1、JavaScript 的时间对象转换为时间戳
1.1、时间对象转时间戳的 5 种写法
在 JavaScript 中,将时间对象转换为时间戳的方法有 5 种,示 ...
JavaScript 模块化
当项目越来越大时,会遇到一些问题:
1.命名冲突
2.文件依赖
所有就有了javascript模块化开发概念。
模块化开发的演变:
1.函数块:最开始用全局函数将代码块包括在函数体内,然后把很多函数写在一个js文件,然后引入js文件,这种方式会导致:全局变量污染和命令冲突,模块之间的关系也不明确。
2.命名空间: ...
JavaScript之原型、函数、实例
JavaScript 函数语法
函数就是包裹在花括号中的代码块,前面使用了关键词 function:
function functionname()
{ // 执行代码
}
当调用该函数时,会执行函数内的代码。
可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。
...
Web前端——JavaScript练习
Js练习
显示和隐藏,改变display属性(点击查看图片)
关键代码:
e.style.display = "block";
e.style.display = "none";
源码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>显示和隐藏</title>
<script type="text/javascript">
function showPicture(){
//普通方式获得控件实例
var ...
【JavaScript】彻底明白this在函数中的指向
一、this,其实可以类比成人
说到this的话,我们在js中主要研究的都是函数中的this,在javascript中,this代表当前行为的执行主体,而context代表的是当前行为执行的的环境(区域)。
例如男神在北理珠吃饭,这句话分别代表的含义如下
男神 -->> 主体(this)
吃饭 -->> 函数(f ...
javascript:void(0)的含义
void关键字介绍
首先,void关键字是javascript当中非常重要的关键字,该操作符指定要计算或运行一个表达式,但是不返回值。
语法格式:
void func()
void(func())
实例1
当点击超级链接时,什么都不发生
<!-- 1.当用户链接时,void(0)计算为0,用户点击不会发生任何效果 -->
<a href="javascript:vo ...
JavaScript banner轮播 左右切换 圆点点击切换
1、效果如下图:
2、源码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript banner轮播 左右切换 圆点点击切换</title>
<style type="text/css">
div,ul,li,a,span,img{margin:0;padding:0;}
#banner {
overflow:hidden;
width:100%;
height:400px;
positi ...
JavaScript文件转成base64编码
最近在做项目时需要用到图片上传,并且要转成base64进行预览,所以就写个小案例,话不多说先上代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input id="file" type="file" onchange="imgChange(this)" accept="image/*" />
...
用JavaScript刷LeetCode的正确姿势
虽然很多人都觉得前端算法弱,但其实 JavaScript 也可以刷题啊!最近两个月断断续续刷完了 leetcode 前 200 的 middle + hard ,总结了一些刷题常用的模板代码。走过路过发现 bug 请指出,拯救一个辣鸡(但很帅)的少年就靠您啦!
常用函数
包括打印函数和一些数学函数。
const _max = Math.max.bind(Math);
const _min = ...
JavaScript规定了几种语言类型?
JavaScript中的每一个值都有它自己的类型,JavaScript规定了七种语言类型:
1.Undefined
2.Null
3.Boolean
4.String
5.Number
6.Symbol
7.Object
Undefined和Null
:为什么有的编程规范要求用 void 0 代替 undefined?
undefined
undefined类型表示未定义,它的值只有一个:undefined 任何变量赋值前都是undefined类型,值 ...
JavaScript 查看stack trace
How can I get a JavaScript stack trace when I throw an exception?
Edit 2 (2017):
In all modern browsers you can simply call: console.trace(); (MDN Reference)
stacktrace.js
Generate, parse, and enhance JavaScript stack traces in all web browsers https://www.stacktracejs.com/ ...
常见的JavaScript面试题
1、使用 typeof bar === "object" 判断 bar 是不是一个对象有神马潜在的弊端?如何避免这种弊端?
使用 typeof 的弊端是显而易见的(这种弊端同使用 instanceof):
let obj = {};
let arr = [];
console.log(typeof obj === 'object'); //true
console.log(typeof arr === 'object'); //true
console.log(typeof null == ...
JAVASCRIPT试题及答案
1.用jQuery编程实现获取选中复选框值的函数abc。
1 <body>
2 <input type="checkbox" name="aa" value="0" />0
3 <input type="checkbox" name=" aa " value="1" />1
4 <input type="checkbox" name=" aa " value="2" />2
5 <input type="checkbox" name=" aa " value="3" />3
6 <input type="button" onclick="abc ( ...
JavaScript箭头函数中的this详解
前言
箭头函数极大地简化了this的取值规则。
普通函数与箭头函数
普通函数指的是用function定义的函数:
var hello = function () {
console.log("Hello, Fundebug!");
}
箭头函数指的是用=>定义的函数:
var hello = () => {
console.log("Hello, Fundebug!");
}
JavaScript箭头函数与普通函数不只是写法上的区别,它们还 ...
JavaScript 强制类型转换
JavaScript是弱类型语言,它的值数据类型是可以变的。
有些语言要求指定每个变量的数据类型,这样的语言叫强类型语言,如java C++
强制类型转换
类型转换有两种:一种是显式转换,即需要程序员手动写代码转换;另一种是隐匿转换,由JavaScript解释器转换。
JavaScript提供以下函数进行显式转换:
1.转换为数值类型:Number( ...
js怎么动态加载js文件(JavaScript性能优化篇)
下面介绍一种JS代码优化的一个小技巧,通过动态加载引入js外部文件来提高网页加载速度
【基本优化】
将所有需要的<script>标签都放在</body>之前,确保脚本执行之前完成页面渲染而不会造成页面堵塞问题,这个大家都懂的。
【合并JS代码,尽可能少的使用script标签】
最常见的方式就是带代码写入一 ...
href=”javascript:void(0);
href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数。
为什么要使用href=”javascript:void(0);”
javascript:是伪协议,表示url的内容通过javascript执行。void(0)表示不作任何操作,这样会防止链接跳转到其他页面。这么做往往 ...