javascript
关注
分享
扫一扫
文章平均质量分 69
javascript学习
maya1024
边学习边分享。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
从浏览器到堆栈
从浏览器到堆栈浏览器的理解浏览器内核的理解内核组成：常见内核：浏览器的工作原理浏览器渲染原理js 引擎为什么需要 js 引擎？常见的 js 引擎V8 引擎V8 引擎架构V8 的解析过程js 代码的执行过程js 变量到底存在栈上还是堆上？栈和堆**V8 引擎**中 js 变量存在堆上后记：参考：浏览器的理解浏览器的功能是将用户选择的 web 资源呈现出来，需要从服务器请求资源，并将其显示到浏览器窗口中，资源的格式通常是 HTML，也包括 PDF、image 及其他格式。用户用 URI（Uniform Re原创 2022-05-22 22:21:17 · 964 阅读 · 0 评论 -
js中blob转string、string转blob、typeArray转blob、blob转TypeArray
这里写目录标题将String字符串转换成Blob对象将TypeArray 转换成 Blob 对象ArrayBuffer转Blob将Blob对象转换成String字符串将Blob对象转换成ArrayBuffer将String字符串转换成Blob对象//将字符串 转换成 Blob 对象var blob = new Blob(["Hello World!"], { type: 'text/plain'});console.info(blob);console.info(blob.slice(原创 2021-12-31 15:46:04 · 25621 阅读 · 0 评论 -
js求最大值和最小值的四种方法
js求最大值和最小值的四种方法方法一：sort排序方法二：假设法方法三：apply方法方法四：eval方法方法一：sort排序即使用sort方法先对数组进行排序。 function MaxAndMin (arr) { arr.sort((a, b) => {return a - b}) return [arr[0], arr[arr.length - 1]] } let arr = [8,5,4,7,1,3,3,6] console.log(MaxAndMin(arr)) //原创 2021-04-16 23:38:32 · 10063 阅读 · 0 评论 -
js高阶函数
js高阶函数前言一、什么是函数式编程？1.函数是“一等公民”2.纯函数二、高阶函数1.概念2.map3.filter4.reduce5.sort三、函数柯里化前言学习react，本来只想复习下数组的map、filter、reduce方法，结果又找出了函数式编程、高阶函数、函数柯里化…这里单纯记录一下。一、什么是函数式编程？函数式编程不是用函数来编程，也不是传统的面向过程编程。主旨在于将复杂的函数符合成简单的函数（计算理论，或者递归论，或者拉姆达演算）。运算过程尽量写成一系列嵌套的函数调用。原创 2021-02-23 21:17:38 · 931 阅读 · 2 评论 -
js复习：几个例子弄懂解构赋值
js复习：几个例子弄懂解构赋值前言一、概念二、例子1.声明时解构2.剩余参数解构3. 默认值4.解构对象5.解构时的重命名6.嵌套解构7.遍历对象值时的解构8.函数参数解构9.变量交换10.使用正则时的解构11.es6计算属性的解构参考前言复习啊复习，js的基础都快忘完了，时不时捡起来再看看。一、概念解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。二、例子1.声明时解构 const arr = ['haha','xix原创 2021-02-16 22:13:20 · 828 阅读 · 7 评论 -
async、await、generator
async、await、generator前言一、async与await1.async2.await3.综合应用二、generator函数1.基本语法2.可以使用for..of遍历yield后的返回值3.next()传入值4.generator异步操作参考前言最近在整理一些面试题，提到一些知识，在此作一梳理。提示：以下是本篇文章正文内容，下面案例可供参考一、async与await它们是es7的新语法，用来解决异步操作的问题。很多人认为它是异步操作的终极解决方案。1.asyncasync原创 2021-01-13 22:37:13 · 686 阅读 · 1 评论 -
todolist待办事项的编写
功能实现:1.在顶部输入内容,添加到正在进行列表;2.点击前面复选框正在进行的项目添加到已经完成里面,同时数量增加减少3.点击右边删除按钮可以删除项目;4.关闭窗口,下次进入页面载入之前的项目列表.用到的知识:1.html+css样式2.jQuery及cookie效果图:代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta原创 2021-01-08 19:59:33 · 493 阅读 · 3 评论 -
电商项目-图文Mysql一对多查询,多对多查询
文章目录前言一、创建表二、添加数据三、查询语句1.单项查询2.一对多查询3.多对多查询前言项目中遇到了关于数据库的问题,学习了一下,在此分享.可能表的设计也不够好,仅供参考一、创建表//创建主表手机create table phone(id int primary key auto_increment,pname varchar(20),ptype varchar(20))//创建主表用户create table user (id int primary key auto_i原创 2021-01-07 23:54:45 · 479 阅读 · 2 评论 -
图解git及vscode中的git/gitlens插件的使用
vscode中git的简单使用前言一、git1.git是什么2.git可以做什么二、工作流程三、操作步骤1.安装git2.vscode安装gitlens插件3.初始化git1）新建git2）配置git3）添加项目到暂存目录，提交项目到本地仓库4）推送到远程仓库5）从远程仓库拉取6）回退版本三、分支与合并前言开始做项目了,整理一下关于git的一些知识.一、git1.git是什么Git是目前世界上最先进的分布式版本控制系统（没有之一）.简单来说,它是控制项目版本的一个工具2.git可以做什么原创 2020-12-30 10:12:13 · 38009 阅读 · 5 评论 -
jQuery实现瀑布流
效果图:代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>原创 2020-12-26 19:52:53 · 175 阅读 · 0 评论 -
jQuery轮播图
效果图:代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>原创 2020-12-26 14:28:59 · 148 阅读 · 0 评论 -
jQuery常用API
jQuery常用API前言一、代码示例前言有前面的基础,敲就完事了.一、代码示例 //常用选择器 $("#div1") $("span") $("p span")//后代节点 $("p>span")//子代节点 $(".red") $("*") $("div,span,p.cls")//选择所有div,span及class为p的一级元素 //基本选择器 $("span:first") $("span:last") $("td:even")//原创 2020-12-24 20:31:39 · 169 阅读 · 2 评论 -
js懒加载[改进版]
这里写目录标题前言总结前言看到有人分享了懒加载图片,自己也尝试了一下,还是发现有一些不完美,在此完善了一下,还请批评指正.目前懒加载存在的一些问题:1.图片虽然都没赋地址,但也全都显示了出来,滚动条一次性变得特别长,占了网页空间,图片加载失败时还出来失败的显示,不美观;2.每次滑动滚轮,每张图片都会重复一次赋图片地址,感觉没必要;3.为什么不采用js新增图片的方法,因为图片的地址可能不是有规律的,这样就导致js赋图片地址的时候有点麻烦,我们追求简单.4.考虑是否存在父级元素.# 一、原创 2020-12-23 19:02:28 · 177 阅读 · 0 评论 -
理解js继承
文章目录前言一、继承1.原型继承二、几种继承方式1.原型链继承2.构造函数继承3.组合继承4.原型式继承5.寄生式继承6.寄生组合继承三、ES6继承参考前言就学习的js继承作一学习记录,备查.一、继承1.原型继承子对象自动拥有父对象的属性和方法， 继承可以提高代码的复用性;原型对象（每一个构造函数都有一个原型对象）的值等于另一个类型的实例二、几种继承方式1.原型链继承让子对象的原型指向父对象的实例，父对象的原型指向爷爷对象的实例，依次类推，就形成了原型链 function Pe原创 2020-12-21 22:20:06 · 153 阅读 · 0 评论 -
prototype与__proto__
prototype与__proto__一、各种概念1.构造函数2.实例(对象)3.prototype属性4.原型对象5.__proto__二、prototype与__proto__的联系三、prototype与__proto__的区别四、代码示例一、各种概念1.构造函数创建新对象初始化的函数叫做构造函数.2.实例(对象)用new调用构造函数创建出来的对象叫做实例,或是实例对象.3.prototype属性也叫原型属性,它是函数独有的,每个函数都有一个prototype属性,它是一个指原创 2020-12-19 20:33:19 · 7500 阅读 · 3 评论 -
理解json、json字符串、json对象、js对象
理解json、json字符串、json对象、js对象前言一、Ajax的返回值1.什么是Ajax2.Ajax与json二、json、json字符串、json对象、js对象1.json2.json字符串3.json对象4.js对象三、代码示例前言最近学习ajax交互，返回数据为json字符串，需要转换为json对象才能使用，这回想起json来，json、json字符串、json对象、js对象傻傻分不清楚，这里作一记录，方便理解。一、Ajax的返回值1.什么是AjaxAJAX = Asynchro原创 2020-12-19 00:03:08 · 206 阅读 · 1 评论 -
简单实现自动聊天
用到的知识:1.简单css布局;2.ajax交互3.跨域访问jsonp4.element.scrollTop = element.scrollHeight;//滚动条自动跳到最底部<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="font/iconfont.js"></s..原创 2020-12-18 20:02:23 · 650 阅读 · 2 评论 -
简单理解Promise
简单理解Promise1.回调地狱3.异步调用4.Promise解决了什么问题?5.正式介绍Promise1.Promise的概念2.Promise 构造函数3.Promise.then的链式操作4.Promise.prototype.catch捕捉错误5.Promise.prototype.finally6.Promise.all7.Promise.race8.Promise.resolve([value])9.Promise.reject([value])6.Promise与Ajax1.回调地狱完成原创 2020-12-17 21:18:31 · 330 阅读 · 0 评论 -
简单理解js闭包
简单理解js闭包一、闭包是什么？二、知识引导1.js中函数体内可以直接读取全局变量2.js中外部变量不能直接读取到函数体内的变量3.获取函数体内的值4.获取函数体内的值的困境5.获取函数体内值改进版6.获取函数体内值加强版总结一、闭包是什么？简单来说一句话,内部函数可以访问到外部函数的变量.二、知识引导1.js中函数体内可以直接读取全局变量代码如下（示例）： let a = 123; function fun(){ console.log(a); } fun();2.js中外部变原创 2020-12-16 23:32:31 · 203 阅读 · 0 评论 -
文本框自动聚焦
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> input{ width: 40px; } </style> </head> <body> <form id="box"> <inpu.原创 2020-12-16 19:56:03 · 844 阅读 · 0 评论 -
下拉列表选中文本值
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> 请选择小狗:<select id="mylist"> <option>小白</option> <option>大黄</option> <optio原创 2020-12-16 19:10:43 · 240 阅读 · 0 评论 -
简单购物车
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> table { margin: 50px auto; width: 800px; } th { background-color: greenyellow; } tr .原创 2020-12-15 19:06:15 · 259 阅读 · 0 评论 -
省市区三级联动
<script type="text/javascript"> var provinceList = [ {name:'北京', cityList:[ {name:'市辖区', areaList:['东城区','西城区','崇文区','宣武区','朝阳区','丰台区','石景山区','海淀区','门头沟区','房山区','通州区','顺义区','昌平区','大兴区','怀柔区','平谷区']}, {name:'县', areaList:['密原创 2020-12-15 18:57:27 · 1127 阅读 · 0 评论 -
将字符中单词用空格隔开
<script type="text/javascript"> // 3.将字符中单词用空格隔开。(首字母大写) // 已知传入的字符串中只有字母,每个单词的首字母大写，请将每个 // 单词用空格隔开，只保留一个单词的首字母大写 // 传入:”HelloMyWorld” // 返回:”Hello my world” let str = "HelloMyWorld"; let arr = str.split(""); for(let i = 1; i < arr.lengt原创 2020-12-15 18:55:02 · 1186 阅读 · 0 评论 -
数组逆序输出
<script type="text/javascript"> let num = 12345; num = num + ""; let arr = num.split(""); //数组逆序输出 // function arrReverse(arr){ // let arrR = []; // for(let i = arr.length - 1; i >= 0; i--){ // arrR.push(arr[i]); // } // return arr原创 2020-12-15 18:54:11 · 542 阅读 · 0 评论 -
完成一个其它进制转换成十进制的函数
<script type="text/javascript"> // 3.完成一个其它进制转换成十进制的函数(convert(123,8):表示把8进制的123转成10进制)（难） // function convert(num,s){ // return parseInt(num,s); // } // console.log(convert(123,8)); // 4.完成一个十进制转换成其它进制的函数(convert(512,2) :表示把十进制的52转成2进制))（难）原创 2020-12-15 18:53:36 · 558 阅读 · 0 评论 -
数组去重的四种方法
<script type="text/javascript"> // 2*.编写函数norepeat(arr)将数组的重复元素去掉，并返回新数组(面试题)。(不要求，有能力去完成) //indexOf去重 // function norepeat(arr){ // let arrN = []; // for(let i = 0; i < arr.length; i++){ // if(arrN.indexOf(arr[i]) == -1){ // arrN.pu原创 2020-12-15 18:52:53 · 225 阅读 · 0 评论 -
插数
<script type="text/javascript"> // 1.有一个从小到大排好序的数组。现输入一个数，要求按原来的规律插入数组中。1，2，6，9，11 7 let arr = [1,2,6,9,11]; let num = 7,t; // function insertNum(arr,num){ // arr[arr.length] = num; // for(let i = arr.length - 1; i > 1; i--){ // if(arr[原创 2020-12-15 18:52:08 · 386 阅读 · 0 评论 -
已知某年某月某日是星期几，输入一个年月日（1980~2030),求得该日为星期几
@TOC,求得该日为星期几。)<script type="text/javascript"> // 5. 已知某年某月某日是星期几，输入一个年月日（1980~2030),求得该日为星期几。 // 2019/3/21 周四 ----》 2011 5 13/* （年+年/4+年/400-年/100-年基数+月基数+日）/7＝……余星期几 注：式中分数均取整 年基数，平年1,闰年2, 月基数，1、平年：一月0, 二月3, 三月3, 四月6,原创 2020-12-14 19:30:01 · 940 阅读 · 0 评论 -
编写一个函数，计算m到n之间所能组成的奇数
编写一个函数，计算m到n之间所能组成的奇数（奇数的每位数字不能相同）个数，m和n必须是个位数，比如：计算0-3之间能组成的奇数个数是01,21,03,13,23,31 <script type="text/javascript"> // 3.编写一个函数，计算m到n之间所能组成的奇数（奇数的每位数字不能相同）个数，m和n必须是个位数，比如：计算0-3之间能组成的奇数个数是01,21,03,13,23,31 （难：不要求） let m = 0, n = 3; if(m - n > 0原创 2020-12-14 19:27:43 · 1842 阅读 · 0 评论 -
古典问题:有一对兔子，从出生后第3个月起每个月都生一对兔子
古典问题：有一对兔子，从出生后第3个月起每个月都生一对兔子，小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死，问20个月的兔子对数为多少？<script type="text/javascript"> // 古典问题：有一对兔子，从出生后第3个月起每个月都生一对兔子，小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死，问20个月的兔子对数为多少？ // let arr = new Array(21); for(let i = 0; i < arr.length; i++原创 2020-12-14 19:26:24 · 1508 阅读 · 0 评论 -
输出以下图形
输出以下图形<script type="text/javascript"> // 5.输出以下图形 （扩展：尽能力去做） // * // *** // ***** // ******* // ***** // *** // * for(let i = 0; i < 4; i++){ let str = ""; for(let j = 0; j < 2 * i + 1; j++){ str +原创 2020-12-14 19:23:52 · 1873 阅读 · 1 评论 -
有一个棋盘，有64个方格，在第一个方格里面放1粒芝麻重量是0.00001kg，第二个里面放2粒，第三个里面放4，棋盘上放的所有芝麻的重量
有一个棋盘，有64个方格，在第一个方格里面放1粒芝麻重量是0.00001kg，第二个里面放2粒，第三个里面放4，棋盘上放的所有芝麻的重量<script type="text/javascript"> // 4.有一个棋盘，有64个方格，在第一个方格里面放1粒芝麻重量是0.00001kg，第二个里面放2粒，第三个里面放4，棋盘上放的所有芝麻的重量 let sum = 0; for(let i = 0; i < 64; i++){ sum += Math.pow(2,i); }原创 2020-12-14 19:21:16 · 2409 阅读 · 0 评论 -
一个球从100米的高度落下，每次落地后反跳回原高度的一半，在落下，在反弹。求他在第10次落地时，共经过多少米？第十次反弹多高？
一个球从100米的高度落下，每次落地后反跳回原高度的一半，在落下，在反弹。求他在第10次落地时，共经过多少米？第十次反弹多高？<script type="text/javascript"> //3.一个球从100米的高度落下，每次落地后反跳回原高度的一半，在落下，在反弹。求他在第10次落地时，共经过多少米？第十次反弹多高？ let i = 1; let h = 100; let s = 100; while(i <= 10){ h = h * 0.5; s += h*2原创 2020-12-14 19:20:28 · 507 阅读 · 0 评论 -
求出1-1/2+1/3-1/4…..1/20的和
求出1-1/2+1/3-1/4…..1/20的和<script type="text/javascript"> // 2. 求出1-1/2+1/3-1/4…..1/20的和 let sum = 0; for(let i = 1; i <= 20; i++){ if(i % 2){ sum += 1/i; }else{ sum -= 1/i; } } console.log(sum);</script>...原创 2020-12-14 19:19:15 · 874 阅读 · 2 评论 -
输出100-200之间所有的素数(素数:只能被1和自己本身整除的数)
输出100-200之间所有的素数素数:只能被1和自己本身整除的数<script type="text/javascript"> // 1. 输出100-200之间所有的素数(素数:只能被1和自己本身整除的数) (尽力) for(let i = 100; i <= 200; i++){ for(let j = 2; j < i; j++){ if(i % j == 0){ break; } if(j == i - 1){ console.l原创 2020-12-14 19:18:26 · 2361 阅读 · 0 评论 -
输入4个数，按照由小到大的顺序输出
输入4个数，按照由小到大的顺序输出<script type="text/javascript"> // 9.输入4个数，按照由小到大的顺序输出 let num = 9856; let a = parseInt(num/1000); let b = parseInt(num/100%10); let c = parseInt(num/10%10) let d = parseInt(num%10); let arr = [a,b,c,d]; //1.sort // arr.原创 2020-12-14 19:15:07 · 1363 阅读 · 0 评论 -
根据一个数字日期，判断这个日期是这一年的第几天
根据一个数字日期，判断这个日期是这一年的第几天<script type="text/javascript"> // 8.根据一个数字日期，判断这个日期是这一年的第几天 (有点难) // 例如： 20160211，计算后结果为42 let str = "20160211"; let yy = str.slice(0,4); let mm = str.slice(4,6); let dd = str.slice(6,8); // console.log(yy,mm,dd); fu原创 2020-12-14 19:13:25 · 741 阅读 · 0 评论