
javascript
文章平均质量分 83
flym_
这个作者很懒,什么都没留下…
展开
-
重识JavaScript代码如何执行(闭包,作用域,this指向)
JavaScript代码如何执行,我们应该都会大概有些了解,V8引擎,单线程,回调队列,除此之外,一些基本的需要掌握有执行环境、词法环境、作用域、执行上下文、闭包等内容。其实很多时候,我们大致都知道是怎么个回事,可有很难把这些区分清楚,分别如何去描述。JavaScript 代码运行的各个阶段JavaScript 是弱类型语言,在运行时才能确定变量类型。即使是如今流行的 TypeScript,也只是增加了编译时(编译成 JavaScript)的类型检测(对于编译器相信大家都有所了解,代码编译过程中编译器会原创 2022-04-30 21:46:18 · 246 阅读 · 0 评论 -
重识 HTML,掌握页面加载过程和性能优化
提到 HTML 标签,前端工程师会非常熟悉,因为在开发页面时经常使用,HTML 都是最基础的内容。但对于一些基本知识,我们不能完整的描述出来,例如:浏览器是怎么处理 HTML 内容的,以及在这个过程中我们可以进行怎样的处理来提升网页的性能,从而提升用户的体验。一些非常重要却容易被忽视的标签,这些标签大多数用在页面头部 head 标签内,虽然对用户不可见,但有着很好的效果。html结构元素是页面的根元素,它描述完整的网页;元素包含了我们想包含在 HTML 页面中,但不希望显示在网页里的原创 2022-04-26 16:26:10 · 1723 阅读 · 0 评论 -
JavaScript之伪数组和数组细谈
JavaScript之伪数组和数组细谈这篇主要让我们深入了解一下数组与伪数组直接的区别,原创 2021-12-16 22:57:46 · 260 阅读 · 0 评论 -
JavaScript之apply()与call()细谈
重学JavaScript,这篇文章我们主要学习了JavaScript的apply()与call()方法,这两个对于我们的JavaScript的基础学习来说是非常重要的,只有把基础知识学好了,才能更好进阶,努力想技术大牛看齐,坚持学习,精进。原创 2021-12-15 17:57:59 · 1279 阅读 · 0 评论 -
JavaScript之函数防抖与函数节流细谈
防抖和节流函数,在我们日常开发中是经常需要被使用到的,每次我们开发的时候,往往都是copy代码,或者使用工具函数来快速实现我们所需要的功能,可面试这个是面试官最喜欢面试的问题之一,掌握其中原理,两者之间的区别,尤为重要,不做cv工程师,做一名真正的前端工程师,让我们一起学起来吧!作者v: codejs原创 2021-11-03 16:00:27 · 218 阅读 · 0 评论 -
JavaScript数组(遍历)方法
Array.forEach()为每个数组元素调用一次函数(回调函数)。会自己改变原数组const array1 = ['a', 'b', 'c'];array1.forEach(element => console.log(element));Array.map()通过对每个数组元素执行函数来创建新数组不会对没有值的数组元素执行函数。不会更改原始数组。const array1 = [1, 4, 9, 16];const map1 = array1.map(x =>原创 2020-06-13 22:51:35 · 358 阅读 · 0 评论 -
JavaScript中for...of与for...in的区别细谈
JavaScript中for...of与for...in的区别细谈JavaScript基础知识非常重要,只有打好基础,才能有利于自身的技术提高,本章让我们深入了解for...of与for...in这两个。原创 2020-06-13 17:33:23 · 373 阅读 · 0 评论 -
ES6之箭头函数细谈
箭头函数与普通函数的区别,实质是我们是否理解了箭头函数,在我刚开始接触ES6时,印象中的箭头函数与普通函数的区别就是this的指向不同,一个指向window,一个指向当前的实例,作用域。可箭头函数远远不止这么一个知识点,于是重新学习箭头函数:JavaScript里,this的值在函数被调用的时候才会指定。 顶级的非方法式调用会将 this视为window。 (注意:在严格模式下, this为u...原创 2019-11-27 22:01:08 · 412 阅读 · 0 评论 -
axios的使用浅谈
axios的使用1.安装axios$ npm install axios2.创建一个axios实例import axios from 'axios'// 创建axios实例const service = axios.create({ baseURL: baseURL, // api的base_url timeout: 10000, // 请求超时时间 transformRequest:原创 2018-02-24 14:26:05 · 1084 阅读 · 0 评论 -
ajax方法封装优化
测试 工具函数 只接收一个参数的 好处 参数的 顺序 可以任意的改变// 将工具函数 进行优化 只接收一个 参数 对象/* url:请求的url data:发送的数据 method:请求的方法 success:请求成功以后 调用的函数*/function ajax_tool_pro(option) { // 异步对象 var ajax = new原创 2017-08-13 15:19:51 · 289 阅读 · 0 评论 -
ajax方法的封装
用JavaScript封装了一个ajax的get,post两种方法的请求// 将 get 跟post 封装到一起/* 参数1:url 参数2:数据 参数3:请求的方法 参数4:数据成功获取以后 调用的方法*/function ajax_tool(url,data,method,success) { // 异步对象 var ajax = new X原创 2017-08-13 15:09:38 · 332 阅读 · 2 评论 -
JavaScript--webSocket入门
js–webSocket入门Websocket1.websocket是什么?WebSocket是为解决客户端与服务端实时通信而产生的技术。其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接,此后服务端与客户端通过此TCP连接进行实时通信。2.websocket的优点以前我们实现推送技术,用的都是轮询,在特点的时间间隔有浏览器自动发出请求...原创 2018-08-09 17:35:16 · 5845 阅读 · 0 评论 -
JavaScript函数方法之bind()方法,Function.prototype.bind()
bind()方法创建一个新的函数, 当被调用时,将其this关键字设置为提供的值,在调用新函数时,在任何提供之前提供一个给定的参数序列。实例1.创建绑定函数 bind() 最简单的用法是创建一个函数,使这个函数不论怎么调用都有同样的 this 值。JavaScript新手经常犯的一个错误是将一个方法从对象中拿出来,然后再调用,希望方法中的 this 是原来的对象(比如在回调中传入...转载 2018-06-23 15:29:30 · 348 阅读 · 0 评论 -
js值类型与引用类型
一.值类型与引用类型1.值类型(基本数据类型)数值类型布尔类型undefinednull字符串 值类型是存储在栈(stack)中的简单数据,也就是说,它们的值直接存储在变量访问的位置。 var num = 10;var str = "hello JS";var flag = true;var un = undefined;var nu = null;*...原创 2018-06-05 15:27:47 · 259 阅读 · 0 评论 -
对象的属性与方法的访问
1.访问对象的属性在JavaScript中,可以使用“ . ”和“ [ ] ”来访问对象的属性。使用“ . ”来访问对象属性语法:objectName.propertyName其中,objectName 为对象名称,propertyName为属性名称。使用“ [ ] ”来访问对象属性语法:objectName[propertyName]其中,obje原创 2018-06-12 12:12:57 · 3114 阅读 · 0 评论 -
DOM事件处理程序
事件流事件冒泡:即事件最开始由具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。事件捕获:捕获阶段是一个和冒泡阶段完全相反的过程,即事件由祖先元素向子元素传播,不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。JavaScript中的事件处理根据标准和浏览器的兼容程度共有三种方式:DOM0级处理方式,如下1 var oBtn = docume原创 2017-08-24 22:59:14 · 192 阅读 · 0 评论