js
文章平均质量分 75
男孩12
爱工作,爱生活
展开
-
js Object.definePropeoty劫持数据|proxy劫持数据
js Object.definePropeoty劫持数据|proxy劫持数据。原创 2022-10-27 09:06:21 · 238 阅读 · 0 评论 -
es6 Set和Map方法
es6map和Set方法原创 2022-09-11 21:35:36 · 563 阅读 · 0 评论 -
Promise异步编程
Promise异步编程解决方法新方案原创 2022-09-10 14:15:33 · 144 阅读 · 0 评论 -
es6新增方法
es6迭代器及ract方法原创 2022-09-08 11:26:02 · 128 阅读 · 0 评论 -
es6特性回顾及Http状态码
es6一些好玩的东西原创 2022-07-11 21:47:51 · 171 阅读 · 0 评论 -
javascript异步执行机制(宏任务和微任务)
JavaScript异步执行机制的总结我们JavaScript的任务分为同步任务和异步任务,而异步任务又分为宏任务和微任务宏任务包括setTimeout,setInterval,js主代码段微任务包括Pormise,process.nextTick执行机制流程图 : 执行机制流程图以下是我们的案例:求打印结果setTimeout(()=>{ console.log(1);})new Promise((reslove)=>{ reslove(2) con原创 2022-04-02 09:25:38 · 1126 阅读 · 0 评论 -
vue的双向数据绑定及组建的缓存
双向数据绑定核心他是通过Object.defineproperty()对数据进行劫持,然后通过发布-订阅者模式来是实现的.发布-订阅者模式就是向我们这些动漫爱好者,当一个动漫更新了,我们都接受到了信息,这样我们称为~~。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont原创 2022-03-23 21:33:41 · 381 阅读 · 0 评论 -
跨域方法--proxy代理请求
跨域之proxy代理请求定义: 其实就是在对目标对象的操作之前提供了拦截,可以对外界的操作进行过滤和改写,修改某些操作的默认行为,这样我们可以不直接操作对象本身,而是通过操作对象的代理对象来间接来操作对象,达到预期的目的~操作://vue.config.js文件 devServer: { // 代理 proxy: { // 所有包含有'api'字符串的请求地址都会转发到target指向的地址 "/api": { target: "http://原创 2022-03-23 20:11:26 · 1758 阅读 · 0 评论 -
javascript复习
JavaScript起源:1950年由美国的网景公司创建,与JavaScript很相似的语言是jscriptJavaScript是一门弱类型,基于对象的浏览器脚本语言Javascript和Java的区别区别:强弱的区别JavaScript是一门弱类型的脚本语言,他声明的时候不需要定义变量的类型,直接可以用var来进行声明java是一门强类型的编程语言,他声明的时候需要确定变量的类型,直到销毁的时候这个数据只能是这个类型的.区别:js是脚本语言,java是编程语言JavaScript是浏览器的原创 2022-02-20 10:48:18 · 715 阅读 · 0 评论 -
js高级-es6语法
ES6介绍es6式js语言下一代标准,已经在2015年6月正式开始发布了也叫es2015.它的目标,是使得JavaScript语言可以用来编写复杂的大型应用,成为企业级开发语言.let 命令和const命令重点应用和概念var 和let 的区别1.var 能变量提升,不受块级作用域的影响,能重复定义。2.let 不能变量提升,受块级作用域的影响,不能重复定义.let 和 const的区别他们唯一的区别就是const在声明的时候必须要赋值,且不能重新赋值块级作用域块级作用域是es6原创 2022-02-15 23:42:33 · 967 阅读 · 1 评论 -
js高级-h5新特性
新增标签 表示区块 表示文章。如文章、评论、帖子、博客 表示页眉 表示页脚 表示导航 表示侧边栏。如文章的侧栏 表示媒介内容分组 (用得少) 表示标记 (用得少) 表示进度 (用得少) 表示日期 (用得少)新增的表单元素email 只能输入 email 格式。自动带有验证功能。tel 手机号码。url 只能输入 url 格式。number 只能输入数字【必须】search 搜索框range 滑动条color 拾色器time 时间date 日期datetime原创 2022-02-14 19:49:50 · 555 阅读 · 0 评论 -
js进阶部分
面向过程编程和面向对象编程面向过程编程定义:就是分析问题所需要的步骤,然后用函数讲这些步骤实现,让用的时候直接调用面向对象编程定义:构成问题事务分解成各个对象,建立对象不是为了完成一个步骤,而是为了描述某个事物在整个解决问题的步骤中的行为创建对象的方法工厂模式创建对象 // 工厂模式创建对象 function test(){ var o=new Object(); o.name="张三"; o.age=18原创 2022-02-12 16:08:12 · 275 阅读 · 0 评论 -
js进阶部分
闭包定义:我们知道外部无法访问内部的变量以及函数,如果我们外部能够访问内部函数中的函数,那么我们称这个称内部函数中的函数为闭包。闭包形成原因我么通常知道当我们函数执行完毕后,其中的局部变量将进行销毁,但是如果局部变量因为外部引起而导致没有被销毁,因此就形成了闭包为什么滥用闭包会导致内存泄漏一般情况下我们函数执行完了,其中的局部变量将会被垃圾回收机制进行回收,但是当你调用了闭包,那其对应引用的局部变量将不会被销毁,,所以滥用的话会导致局部变量存在内存中越来越多,可能导致内存泄漏闭包的作用1.封装原创 2022-02-10 23:36:29 · 270 阅读 · 0 评论 -
js进阶部分
基本数据类型和应用数据类型基本数据类型存放在栈区应用数据类型存放在堆区,且将会在栈区存放堆区的对应地址栈和堆没有明确定义,主要是为了用来区分简单数据类型和引用数据类型的存储方式函数调用方式1.普通函数的调用(略)2.回调函数 函数作为参数进行调用3.递归函数:自己调用自己4.自调函数 自己执行自己,不需要其他的调用,举例立即执行函数垃圾回收机制定义:项目在运行过程中对执行环境中的内存进行管理的一种重要机制。...原创 2022-02-09 23:59:33 · 152 阅读 · 0 评论 -
ES6同步异步处理
同步和异步1.同步就是代码从上而下依次执行,除了函数或则回调函数2.异步也有先后之分但是不明显,等js代码先执行同步后再去执行异步的代码.如何处理同步异步的问题(ES6的Promise)接上面,看下面的代码var arr=[];var mongodb=require('mongodb');var client=new mongodb.MongoClient('mongodb://localhost:27017');client.connect((err)=>{ if(err){原创 2022-01-12 21:03:34 · 1393 阅读 · 0 评论 -
初识别javascript
Javascriptjavascript 是一门弱类型的编程语言。简称js。由美国网景公司发布。微软发布的类似JavaScript的语言叫JScript。前端的编程语言只有JavaScript,后端的编程语言有java,php,c++,c,c#,go,python等。如果说html是一个网页的框架,那么css就是对网页的装饰,是网页更加漂亮,而网页更加漂亮,则js则是用来给网页添加动作和行为。javascript运行环境JavaScript的运行环境有两种:1.浏览器2.服务器(nodejs)原创 2021-12-20 22:33:06 · 793 阅读 · 0 评论 -
变量的定义
变量变量用于存储编程所使用的数据和方法。声明一般变量的关键字:var,let,const.其中let和const是es6的语法。声明其他特殊变量的关键字:function,class,improt(先了解)等声明变量变量用于存储数据,因此可以把变量实际上就是一个容器存储在变量中的数据,叫做变量的值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2021-12-20 23:09:52 · 947 阅读 · 0 评论 -
函数的讲解
补充从本文章开始,将有可能会对上篇文章进行补充,还望见谅undefined和null区别?同:它们都表示“空”,“不存在”等意义。异:含义不一样,用途不一样。typeof (undefined)=> undefinedtypeof(null)=>object函数函数用来实现某个功能,函数可以"打包"多条语句一起执行,函数可以重复调用01.声明和调用函数比如做一顿饭,需要做的事情有:1. 买菜2. 洗菜3. 做饭 4. 炒菜5. 端上桌子// functi原创 2021-12-21 20:22:35 · 347 阅读 · 0 评论 -
运算符的学习
复习dom操作和数据类型(复习)运算符js运算符思维导图(1)\算数运算1.+(加)、 -(减)、 *(乘)、 /(除)、 %(取余)2.相加的时候,有一个数字为字符串,则+表示字符串拼接<script> var num = '1' + 1 //'11' var num1 = 1 + 1 //2 </script>(2).关系运算符(比较运算符) <script> var a=10;原创 2021-12-22 19:43:03 · 293 阅读 · 0 评论 -
流程控制语句
复习null == undefined 这个是 true只要有NaN都不是相等的(隐士转换也是一样的)如null + 1 == undefined+1 不是相等的 undefined隐士转换是NaN流程控制语句流程控制语句有三种:顺序结构,分支结构和循环结构顺序结构(默认)1.程序默认从上到下一句,一句一句执行代码,这就是顺序结构2.若是某一行代码出现错误,则后面的代码无法执行<script> console.log(1); console.log(原创 2021-12-23 20:02:06 · 564 阅读 · 0 评论 -
函数及作用域
函数及作用域函数定义的两种方式函数表达式 和 函数声明(1).函数表达式<script>var test=function(){}//这个是隐式函数,没有函数名</script>(2).函数声明<script>//这个函数的函数名为testfunction test(){}</script>js执行的机制1.首先浏览会进行一次检查(看看js中是否有语法错误)2.检查的同时进行变量(let和const不会进行变量提升)、函数提升原创 2021-12-25 10:18:03 · 47 阅读 · 0 评论 -
创建对象的方法
项目流程由项目经理与客户沟通好后,然后项目经理通过一些工具对客户的项目的要求进行简单的罗列,搞好后,交由ui设计师通过一些软件的加工和美化,然后设计成一张张的设计稿,这些都干完后,再移交给前端人员来实现对应的网页,然后,前台人员在设计的时候,要和后台人员进行交流后,然后获得后台数据,布置到页面中,这些干完后.在移交给后台,后台人员进行一些操作使得网页中的效果更具有交互性后,这个项目的代码编写过程就完成了,于是就开始测试。最后测试没问题后就可以发布到网上了。内置对象构造函数和创建对象1.两种函数2.原创 2021-12-27 23:39:09 · 170 阅读 · 0 评论 -
数组方法的学习
温故而知新for…in语句是一种精准的迭代语句,可以用来枚举对象的属性Label 语句:(常用于for循环)语法Label:statment<script>var str='';loops:for(var i=0;i<5;i++){if(i==1){continue Loops;}str +=1;}console.log(str);</script>数组的方法1.join()将数组变为字符串给参数则以参数作为分界符,不给参数,默认是’,’&l原创 2021-12-28 23:40:11 · 160 阅读 · 0 评论 -
内置对象学习了解
内置对象js内置对象就是浏览器内核自带的,不用任何函数库引入就可以直接使用的函数.sort(fn)数组排序,会改变原数组字符串数组:<script>//升序 var arr=['5','2','1','6','7','8','4','3']; arr.sort(); console.log(arr); </script><script>//降序//先升序,再倒过来 var arr=['5','原创 2021-12-29 22:35:12 · 347 阅读 · 0 评论 -
DOM文档对象模型
DOM树Dom节点操作1.获取dom节点对象原生js指的是不使用任何框架或者js库,只使用js原本提供的功能1.使用原生js获取js节点对象2.使用jq获取dom节点对象3.原生jsdom节点对象和jq对象互相转换4.jquery对象的一些方向1.获取节点原生js:(1).document.querySeletor();//略(2).document.querySeletorAll();//略(3).document.getElementById();<div id='bo原创 2021-12-31 00:02:53 · 287 阅读 · 0 评论 -
事件学习讲解
事件常见类型事件:onchage()—html元素改变事件:onclick:用户点击HTML元素事件:onmouseover—用户将鼠标移入到HTML元素上事件:onmouseout— 用户将鼠标移动HTML元素外事件 : onkeydown -----用户按下键盘按键事件—onkeyup :用户松开键盘按键事件:onkeypress–用户按下按键事件:onload—浏览器已完成页面加载事件oninput----键盘输入事件事件touchStart—触碰开始事件touchMove–滑原创 2021-12-31 19:33:23 · 361 阅读 · 0 评论 -
BOM浏览器对象
BOMBOM又称浏览器对象模型,操作浏览器的API浏览器缓存问题1:本地缓存有哪些?(存数据有哪些?)cookie,sesstorage,Localstorage他们的相同点和不同点有哪些?相同点: cookie,sessionStorage,localStorage都是存放在客户端(浏览器端),都是缓存.不同点1.作用不一样:cookie数据始终在同源的http请求中携带,在浏览器和服务器来回传递,而sessionStorage和localStorage仅在本地(浏览器)保存2.大小限原创 2022-01-05 00:15:06 · 518 阅读 · 0 评论