js
啥时候能干全栈
一个想要成为全栈工程师的默默奋斗小憨憨
展开
-
json对象数组的创建,遍历,增删改,数组的操作技巧
首先我们手动写个demolet demo = { "name": 'jingjing', "age": 10, "likes": ['dancing', 'drawing', 'running'], "others": [ { 'name': 'li', 'age': 50, }, { 'name': 'wang', 'age':原创 2020-11-18 16:11:55 · 369 阅读 · 0 评论 -
用webpack模块化搭建炫酷数字特效
2020-3-11效果:鼠标点击中心素数会随机飘落,上方数字增加,素数带有随机颜色;准备工作在package.json中进行配置;(run devnpm 实时webpack, 结束ctrl+c) "scripts": { "dev": "webpack --mode=development --watch", "bulid": "webpack --mode=produc...原创 2020-03-11 22:31:54 · 144 阅读 · 0 评论 -
JS模块化
2-2CommonJSCommonJS在nodejs中,由于有且仅有一个入口文件(启动文件),而开发一个应用肯定会涉及到多个文件配合,因此,nodejs对模块化的需求比浏览器端要大的多由于nodejs刚刚发布的时候,前端没有统一的、官方的模块化规范,因此,它选择使用社区提供的CommonJS作为模块化规范在学习CommonJS之前,首先认识两个重要的概念:模块的导出和模块的导入模块的导出...原创 2020-03-11 14:21:37 · 115 阅读 · 0 评论 -
写一个简易的数据爬虫
/** * 得到所有电影的html的字符串 */// axios在各种环境中发送网络请求。并获取到服务器响应结果const axios = require('axios');const cheerio = require('cheerio')async function getMovieHtml(){ const resp = await axios.get('https://...原创 2020-03-09 19:40:34 · 253 阅读 · 0 评论 -
原生js+css3实现点击图片正方体旋转展现图片
--------------武汉加油!!中国加油!!陕西也给我加油!!2020-02-16------------点击图片,正方体中图片对应的面会旋转过来。上图:上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="...原创 2020-02-16 18:34:25 · 1137 阅读 · 1 评论 -
实现瀑布流(懒加载)
<!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-U...原创 2020-01-20 14:53:48 · 452 阅读 · 0 评论 -
封装一个简单地ajax,jquery中的ajax
<!-- 1.封装一个简单地ajax函数 --> <!-- 2.实现瀑布流 --><script src = "./demo.js"></script> <script> ajax('./server/data.json','GET','',function(res){ console.log(...原创 2020-01-18 22:23:24 · 90 阅读 · 0 评论 -
详解JS异步
2019-12-21js是一种单线程语言,同一时刻,他只能做一件事情,也就是说js引擎在同一时刻单一线程内只能处理一个语句。浏览器从接口获取数据时,服务器需要花费一些时间去处理这个请求,那么此时基于单线程语言的情况,浏览器的主线程正在被阻塞,并且导致页面无响应,然而,实际情况并非如此,这时js异步处理。使用异步的js例如(callbacks,promises,async/await),就可以...原创 2019-12-31 00:49:14 · 288 阅读 · 0 评论 -
TCP四次挥手
△:四次挥手的核心:发完了,知道发完了,收完了,知道收完了。比如吃饭,A给B一勺一勺的喂饭,A喂B的过程相当于两台机器之间互相通信的过程,每喂一勺,相当于一次数据传递。1.当A喂完最后一勺的时候,说喂完了,没有了。这个时候相当于A向B传输数据,数据传递完了,但是数据传递完了之后,不能直接断开,因为B并不知道数据传递完了,所以必须A告诉B数据传递完了。这就是第一次挥手,A告诉B数据发送完了。2...原创 2019-11-24 00:19:23 · 78 阅读 · 0 评论 -
原生js实现同页面Tab切换
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Tabbed info box</title> <style> html { font-family: sans-serif;}a* { box-sizi...原创 2019-11-22 13:34:59 · 559 阅读 · 0 评论 -
TCP三次握手
△两台主机要进行通信,首先要证明两台主机都有收和发的能力。所以三次握手的主要目的是为了确认两台主机都具备收和发的能力。三次握手实际就是AheB之间发了三条消息,A需要确认B既可以收也可以发,B也要确认A既可以收也可以发,之后才会开始真正的通信。(任何一方出现问题通信无法成功)第一次发,表示三次握手的第一次握手,主要传递两个信息,一是请求建立连接,二是发出一个序列号。实际连接中请求建立连接用:S...原创 2019-11-22 00:46:45 · 108 阅读 · 0 评论 -
HTTP协议的状态码
永久移动:对应的HTTP状态码是301,如果我们的浏览器是将这个URL收藏了,那么当接收到301的状态码之后,浏览器应该会修改连接,修改为新的URL,当然3XX的状态码不只有301。临时重定向:对应的状态码是302。(如果需要临时重定向,并且必须用GET方式请求)。找不到系统资源:404。协议格式出现问题:401。服务器拒绝了请求:403。服务器繁忙:503。服务器程序出现了错误:50...原创 2019-11-20 20:56:37 · 128 阅读 · 0 评论 -
css/html/js
Html①Doctype作用?标准模式与兼容模式各有什么区别?(1)、声明位于位于HTML文档中的第一行,处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。(2)、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容②HTML5 为什么只需要写 ?HTML5 不基于 SG...原创 2019-11-17 21:51:19 · 114 阅读 · 0 评论 -
原生js实现照片墙消失展现360度旋转功能。
<!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-U...原创 2019-11-15 20:09:30 · 430 阅读 · 0 评论 -
JS继承
①什么是继承去一个对象里面取一个属性,如果自己没有就去父级里面找,找到这个属性之后会继承下来成为这个对象继承下来的属性。②js为什么要使用继承继承的概念是在面向对象编程里面提出来的,属于面向对象的一大特点。面向对象编程思想将世界中的人或物静态属性用对象属性来模拟,现实世界的动态效果用对象的方法来模拟。面向对象的三大特点:封装,继承,多态。继承将共用的东西提出来作为父类的属性方法,继承到所有...原创 2019-11-13 00:54:38 · 102 阅读 · 0 评论 -
原生js实现踩五彩块游戏
<!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-U...原创 2019-11-04 19:45:15 · 187 阅读 · 2 评论 -
//著名的斐波那契额数列1 1 2 3 5 8输出第n项;
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> //著名的斐波那契额数列1 1 2 3 5 8输出第n项; <scr...原创 2019-05-10 13:46:19 · 536 阅读 · 0 评论 -
JS知识点总结
1.函数表达式函数里层可以访问外层,外层不可以访问里层; function sum(){ var result = 0; for(var i = 0;i<arguments.length;i++){ result += arguments[i]; } console.log(result); ...原创 2019-05-21 22:12:29 · 152 阅读 · 0 评论 -
js暑假
1.画一个正方形,双数点击为红色,单数点击为绿色;<body> <div></div> <script type = "text/javascript"> var div = document.getElementsByTagName('div')[0]; div.style.width = "100px"; div...原创 2019-08-05 18:04:29 · 133 阅读 · 0 评论 -
javaScript自学
1.数据类型①数值类型(number):123,10e10;合法的数值范围:2;十六进制:OX表示;1e2=100=1x10x10;最大值:Number.MAX_VALUE//某些浏览器是可以超过这个值的;NaN:not a number;//非数字值是数字类型。NaN === NaN//为false;//三个等号比较类型和值;②布尔类型(bolean):true,false;③...原创 2019-10-23 23:12:54 · 747 阅读 · 1 评论 -
计算n的阶乘n可输入
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> //计算n的阶乘n可输入 <script type = "text/...原创 2019-05-10 13:22:19 · 1989 阅读 · 0 评论