
js
文章平均质量分 76
顾九七
满怀编程热情
展开
-
node核心模块
一、HTTP模块http模块不是基于特定语言的,是一个通用的应用层协议。METHODS:是一个数组,里面存储着所有支持的请求方法。get 请求post 提交put 修改patch 批量修改delete 删除2.STATUS_CODES:是一个http模块基本状态类对象,属性名是状态码,属性值则是该状态码的简短解释。示例:let http = require('http')// console.log(http)//创建服务器let server原创 2021-02-28 18:17:02 · 217 阅读 · 0 评论 -
node简介、npm
一、node简介1、介绍Node.js是一个JavaScript运行环境。实质上是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行的更好。V8引擎本身就是用于Chrome浏览器的JS解释部分,但是Ryan Dahl把这个V8搬到了服务器上,用于做服务器的软件。Node.js是一个让JavaScript运行在服务器端的开发平台。它不是一种独立的语言,跟PHP、Python的“既是语言,也是平台”不同,Node.js使用JavaSc原创 2021-02-28 17:12:58 · 298 阅读 · 1 评论 -
CDN介绍和jQuery常用API
先导知识及网站推荐CDN CDN全称为Content Delivery Network,即内容分发网络。其行为模式及作用就像是快递站点,快递都集中在一起,根据地点不同,再次分发到各地的站点。网络将信息集中起来,利用CDN的分发性能,快速实现信息的传送,降低中心平台的负荷。但CDN是构建在现有网络基础上的智能虚拟网络,依靠各地的边缘服务器,通过这种新平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥堵,提高用户访问的响应速度和命中率。 CDN的关键技术主要有内容存储和分发技原创 2021-01-10 22:49:50 · 2521 阅读 · 2 评论 -
audio和video常用属性及事件
一、video的标签属性属性描述controls播放控件,必不可少,不然无法播放autoplay自动播放,需要与muted配合使用,初始静音时,才会自动播放src路径width宽height高loop循环播放muted初始静音poster设置视频封面perload属性值有none(页面加载后,不加载视频)、auto(加载视频)、metadata(加载视频元数据)二、相关APIAPI描述属性 e原创 2021-01-03 20:51:15 · 1279 阅读 · 0 评论 -
cookie和web存储
一、cookie可保存已访问过的字符串信息,保存方式以域名为单位。大体的信息在浏览器就可以看到,可能保存用户名、密码…在服务器环境下使用cookie客户端与后端都能设置cookie每个网页之间、浏览器之间cookie不共享与后端的交互都会带上cookie单个域名的cookie不能超过4kb客户端每次可以获取所有的cookie内容,每次只能设置一条cookie字段1.前端设置cookie let date = new Date() let time =原创 2021-01-03 19:50:39 · 270 阅读 · 0 评论 -
面向对象、prototype、原型链、继承
面向对象认识面向对象(OOP,即 Object Oriented),是相对于面向过程来讲的,简单说就是把数据和方法组合封装起来成为一个整体,提高软件的重用性、灵活性和扩展性。面向对象特点:继承,即子类自动分享父类数据结构和方法封装,捆绑数据和方法,但是对于某些私有的数据和方法,不可被外界访问,就封装起来区分访问权限多态,即对于同一函数,因对象不同,结果不同 let ww = { name : "魏无羡", age : 18原创 2020-12-31 16:28:43 · 169 阅读 · 0 评论 -
原生ajax、jq的ajax、axios、promise、jsonp
ajax初步认识ajax 即 Asynchronous Javascript And XML.就是异步的javascript和XML (数据的传输格式,但现在一本用json),是一种创建交互式网页应用的网页开发技术。可在不刷新页面的前提下向后端发送/请求数据。通常用在前后端数据传送的过程中。但传数据也可以用form表单,但传送时不可避免会刷新页面。一、原生ajax// ajax需要在服务器环境运行,所以在执行时,vscode要安装live server插件,选择 open with live原创 2020-12-30 18:14:27 · 657 阅读 · 0 评论 -
正则、捕获组、断言、常用正则
正则表达式初步认识 let str = "会涉8及12758星际 378少_女ad09nj5n" console.log( fn (str) ) function fn(str){ let arr = [] // arr接收s传来的数据 let s = "" // 相当于符合条件数据的暂存站 for (let i=0;i<str.length;i++){ //原创 2020-12-27 20:49:09 · 349 阅读 · 0 评论 -
键盘事件、表单事件
## 一、表单事件1.form内元素的事件 <form action="" method="GET"> <input type="text" name="" id="inp1"> <input type="radio" name="" id="inp2"> <input type="radio" name="" id="inp3"> <in原创 2020-12-25 22:21:34 · 272 阅读 · 0 评论 -
event事件对象
一、event事件对象,存储当前事件相关的信息。低版本ie中用event,标准浏览器,事件函数中第一个形参代表事件对象.例: document.onclick = function(e){ console.log(e); } // 兼容ie document.onclick = function(e){ e = e || window.event console.lo原创 2020-12-19 22:30:26 · 136 阅读 · 1 评论 -
可视区、标签宽高的获取
一、可视区宽高的获取二、标签宽高的获取原创 2020-12-19 21:51:42 · 183 阅读 · 2 评论 -
BOM
BOM Browser Object Model 浏览器对象模型BOM提供API来操作浏览器一、常用操作 window.open("http://baidu.com") //一般会被屏蔽 window.close() //关闭当前网站 window.onresize = function(){ console.log("浏览器宽高在变动时会触发"); console.log(window.inn原创 2020-12-19 15:27:06 · 101 阅读 · 1 评论 -
DOM及DOM二级事件
DOM Document Object Model 文档对象模型javascript由三部分组成:ECMAScript、BOM、DOMDOM提供API来操作HTML页面,如:document下面的东西1、常用子节点(子节点有十二种)元素节点文本节点(text),回车就会产生文本节点注释节点(comment) <div id="wrap"> <p>p1</p> <p>p2</p原创 2020-12-18 18:39:44 · 1345 阅读 · 2 评论 -
Es6常用语法
1、let constlet 定义与const 定义暂时性死区:只要当前作用域声明过某个变量,那么声明前使用该变量就会报错。let 定义的变量可以改变,const 定义的为常量,不可改变,但const定义的对象可以添加属性 const a = 10 a=20 console.log(a) //报错 const a = { name : "csdn" } a原创 2020-12-18 18:37:54 · 574 阅读 · 2 评论 -
Math对象、Date对象
一。Math对象1.随机数方法 console.log(Math.random()) //此时显示[0,1)之间的一个小数 console.log(Math.random()*100) //此时显示[0,100)之间的一个数 console.log(Math.random()*10+10) //此时显示[10,20)之间的一个数 console.log(Math.random()*(b-a)+a) //此时显示[a,b)之间的原创 2020-12-17 22:30:58 · 159 阅读 · 0 评论 -
定时器--setTimeout()、setInterval()、requestAnimationFrame()
一、属性介绍和使用setTimeout() 一次性的定时器 (要做的事情--函数, 规定的时间--单位为毫秒,1秒 = 1000毫秒,传的参数--可多个,逗号隔开)setInterval() 永久性的定时器 (要做的事情--函数, 规定的时间--单位为毫秒,1秒 = 1000毫秒,传的参数--可多个,逗号隔开) setTimeout(function (a) { console.log("入侵阿里") console.log(a)原创 2020-12-17 21:12:23 · 618 阅读 · 0 评论 -
数组排序拼接判断、字符串操作
一、数组排序API–sortsort返回值的正负决定排序的顺序 let arr = [1,5,3,7,8,6,9,1,2] // arr.sort() // [1,1,2,3,5,6,7,8,9] let x = arr.sort((a,b) => { return a-b //正序 return b-a //倒序 return 1 //正序原创 2020-12-14 18:05:39 · 222 阅读 · 0 评论 -
闭包、赋值与引用、箭头函数、数组遍历API
一、闭包定义: 函数中调用其它函数,有父级与子级之分。闭包即父级作用域包裹子级作用域,或子级作用域使用了父级作用域的变量或参数。例: function fa(){ // 父 let x = 10 function son(){ // 子 x++ //子用父的参数 } } javascript变量回收机制1.全局变量只要当前网页不关闭原创 2020-12-14 16:08:09 · 261 阅读 · 0 评论 -
基于ES5的var-function、break和continue
一.varvar声明具有变量提升的机制,其意思就是在解析代码时,会先读取当前作用域中的所有var。例:console.log(x) //此处打印undefined,var会使得变量提前被解析,但也只是解析var x而已,知道有这个变量x,但不知道是否被赋值,赋值是多少。var x = 10...原创 2020-12-14 13:55:05 · 281 阅读 · 0 评论 -
return函数、转变this指向
一.return函数1.所有表达式都有返回值,我们自己写的函数默认返回值都为undefined。当我们console一个函数时,会打印函数的本身。 function a(){ console.log(123) return function(){ console.log(78) } } let x = a() //此处将函数a的返回值给x,x还是一个函原创 2020-12-14 12:54:35 · 807 阅读 · 0 评论 -
函数执行方式、函数表达式、参数、返回值
一.函数基本形式:function a(){},函数在调用时才会执行。1.函数执行方式调用执行:a();被动执行:document.onclick = a;(其后不加括号,事件触发时才会执行)2.匿名函数匿名函数要参与到表达式中,不可单独出现,否则报错。比如赋值给事件。document.onclick = function(){console.log(“匿名函数”)}若我们将一个函数赋给了事件并且给它取了名字,它是不可以被调用的,比如:document.onclick = funct原创 2020-12-12 00:07:34 · 516 阅读 · 0 评论 -
判断语句及循环语句
一.判断语句1.if-else条件判断语句if () {} else {},此为最常见的if判断语句。例1:let food ="馒头"//此处有三种情况,一是馒头,二是寿司,三是既不是馒头,又不是寿司。当是馒头时,显示“馒头不好吃,又干又硬”,其它显示"吃到什么,什么好吃"if(food === "馒头"){ console.log("馒头不好吃,又干又硬")} else { console.log("吃到什么,什么好吃")} 例2 let food ="寿司原创 2020-12-11 19:00:44 · 797 阅读 · 0 评论 -
this、运算符、类型转换
一、this的初步认识例如: let Owrap = document.getElementById("wrap") Owrap.onclick = function(){ this.style.color = "red" }此处的this即Owrap.二、运算符1.算术运算符+号,加号两边任意一边出现字符串,就简单拼接,如:“20”+10+3 -->20103-号,其结果必为数字,若不是数字,则强行转换,如:“abc”-“数原创 2020-12-09 22:43:13 · 631 阅读 · 0 评论 -
【js】变量及基本操作
前言浏览器一般有两种引擎:1. 渲染引擎,用来解析HTML、CSS2.JS引擎,用来解析jsjs作用主要是告诉html怎样展示,响应用户操作。做出各种超炫的页面。一、认识js1.1 js的组成1.ECMAScript2.DOM3.BOM1.2 外部引入js代码要写在script标签中,像css一样,既可内部使用,也可外部引入。<script src="路径"></script>1.3 注释有两种:1.// 只用于单行注释2./* */原创 2020-09-15 21:57:15 · 188 阅读 · 0 评论 -
setInterval()和setTimeout()引出的self/top/parent
水深得很,杂乱的很学习过程中,遇到了setInterval()和setTimeout(),进而去查两者的分别:1.setTimeout() 超时调用有两个参数,第一个就是要执行的代码,建议是函数,第二个就是以毫秒为单位的时间,表示在指定时间后执行代码,只会被调用一次。借用w3school中的代码如下:<html><head><script type="text/javascript">function timedMsg(){var t=setTi原创 2020-09-08 20:41:15 · 216 阅读 · 0 评论 -
【JS】jquery and $
jquery要了解$,就要先了解一下jquery.jquery其实就是用原生js写成的插件,简化了遍历、事件处理等操作,其优点如下:1. 简化了常用的API2. 自带循环遍历3. 极大的简化了特效的开发4. 简化了DOM操作jquery的版本有三种形式: * 1.x.x 可兼容所有版本,比较常用 * 2.x.x 不兼容一些低版本IE,摒弃了一些老旧的API,基本不用 * 3.x.x 不兼容低版本IE,在2的基础上优化了API,且引入了动画引擎,比较常用$的含义及用法在jque原创 2020-08-15 18:28:01 · 274 阅读 · 0 评论