- 博客(36)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 对于ajax的理解
一. 什么是ajaxAJAX全称(Async Javascript and XML), 即异步的JavaScript 和XML，是一种创建交互式网页应用的网页开发技术，可以在不重新加载整个网页的情况下，与服务器交换数据，并且更新部分网页二.实现过程1.创建 Ajax的核心对象 XMLHttpRequest对象const xhr = new XMLHttpRequest();2.通过这个对象的 open() 方法创建HTTP请求,与服务端建立连接xhr.open(method, url, [as
2022-05-08 19:36:20
1177
1
原创 JavaScript中执行上下文
文章导图:一.执行上下文执行上下文的类型分为三种：全局执行上下文：只有一个，浏览器中的全局对象就是 window对象，this 指向这个全局对象函数执行上下文：存在无数个，只有在函数被调用的时候才会被创建，每次调用函数都会创建一个新的执行上下文Eval 函数执行上下文： 指的是运行在 eval 函数中的代码，很少用而且不建议使用二.生命周期执行上下文的生命周期包括三个阶段：创建阶段执行阶段回收阶段2.1 创建阶段在创建阶段做了三件事:this的绑定LexicalEnv
2022-05-04 23:20:55
670
转载 js中extends使用和原理
开始先推荐一篇文章,将js的继承讲述的特别全面,我就是取里面的结论,方面日后查阅Javascript如何实现继承？一.继承的使用方法js里面常用的就是extends,使用方式如下:class Father { constructor(name) { this.name = name } // 原型方法 // 即 Person.prototype.getName = function() { } // 下面可以简写为 getName() {...}
2022-05-02 13:20:59
6333
原创 new操作符具体干了什么
一.new是什么定义: new操作符用于创建一个给定构造函数的实例对象简单来说:1.new 能创建一个实例对象; 2.这个对象是给定的构造函数例子:function Person(name, age){ this.name = name; this.age = age; console.log(this) // Person { name: 'Tom', age: 20 }}Person.prototype.sayName = function () { cons
2022-04-21 14:50:45
10982
原创 数组去重几种方式/获取数组最大值几种方式
这个内容网上太多了,而且一般去重自己常用的也就是那一两种,这个就是为面试用的,我自己总结了几个觉得有意思的方法,放在下面const arr =[1,2,2,2,3,3,4,5,6,8,8]ES6 Set 去重 (自用)function unique1(arr) { return [...new Set(arr)]}arr1 = unique1(arr)console.log(arr1)单循环 includes/index Of 都可以实现function unique2(arr)
2022-04-20 21:52:46
475
原创 JS的事件循环理解
早年曾写了一篇事件循环的学习笔记,Jake Archibald: In The Loop【事件循环学习笔记】,不过这个以视屏学习为主流程,今天再写一篇,对事件循环做个补充.一. 为什么需要事件循环因为js是一门单线程语言,但是我们因为需要调用接口或者进行其他需要延时的操作,如果是单线程,就会阻塞整个进程.所以实现单线程非阻塞的方法就是事件循环.在JS中任务大致分为两种:同步任务:可以立即执行,同步任务一般会直接进入到主线程中执行.注意: new Promise 是同步任务,可以进入主线程异步任
2022-04-20 17:32:08
2126
原创 使用svg-captcha获取验证码
先放上svg-captcha的npm地址 svg-captcha介绍使用方法:1.样式布局 <div class="flex"> <span v-html="codeHtml" /> <el-button type="text" @click="getCaptchaDetail"> {{ $t('看不清，换一张') }} </el-button> </div>js (放个简单
2022-04-05 23:16:54
1371
原创 通过时间组件data-picker展示特定时间
最近做了一个新样式,样式如下图:功能很简单,就是通过选择不同的时间button,对应的时间组件展示相对应的时间,时间组件用的el-date-picker这个组件.样式文件就不放出来了,反正也很简单,就是el-radio-button和el-date-picker,主要展示一下获取时间的方式吧1. 获取时间方式var handleTime = (val)=>{// handleTime调用的时机是button发生change的时候// val对应的值为'year','month'等,对应按
2022-04-05 15:14:56
909
原创 随笔 - deno简要记录
Deno 是一个类似于 Node.js 的 JavaScript 和 TypeScript 运行器，基于 Rust 和 V8 JavaScript 引擎构建。它是由 Node.js 的最初发明者 Ryan Dahl 创建的，以应对他在 2009 年最初设计和发布 Node.js 时所犯的错误。文章链接:An Introduction to Deno: Is It Better than Node.js?Comparing the performance between Node.js and Deno
2022-02-16 11:20:21
323
原创 vue 使用＜img src＞加载图片的解决办法
最近使用<img src = “”>加载图片时候,遇到很多问题,现记录一下一.assets和static的路径区别assets:在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.png), static：在这个目录下,文件不会被webpack处理,他会直接被复制到最终的打包目录(默认是dist/static)下。必须使用绝对路径引用这些文件，任何放在sta
2022-01-23 16:53:57
3637
原创 vue中使用$emit子组件给父组件传参以及使用ref和$refs父组件调用子组件方法
1.子组件不传递参数，父组件也不接受参数// 子组件<template> <div> <jc-button @click="testEmit">click</jc-button> </div></template><script>export default { name: 'Children', components: {}, props: {}, data() { ret
2022-01-18 21:50:00
1544
原创 vscode配置composition-api (vue2)
在vue 2 项目中使用compositon-api ,包括项目和vscode的配置
2022-01-01 17:38:02
1744
2
原创 从输入URL到页面展示的过程详解
作为一个前端人员，面试时经常会被问及这个问题：“在浏览器从输入URL到页面展示中经历了什么过程”？这个问题我之前也是一知半解，随着对内容了解的越多，发现这个问题涵盖的面越广，涉及的知识也很多，所以今天将它整理一下，方便自己和其他小伙伴一起学习。由于这个问题涉及知识很多，而且我也想把这些知识都一起整理一下，所以本文采用总-分-总的的行文思路，具体内容如下：首先介绍整体流程所需要涉及的几个方面其次分别介绍每个方面所涉及的知识最后一节再详细的说明整体流程要是有小伙伴觉得之前的内容很无聊，或者我说的不
2020-12-26 17:39:41
2737
1
原创 JS回调函数练习
最近看了一篇文章为：Mastering Hard Parts of JavaScript里面主要包含以下部分：Callbacks & Higher order functions Closure(scope and executioncontext)JavaScript & the event loopClasses & Prototypes (OOP)这篇文章列举了很多例子进行练习，有助于我进行学习。我把这篇文章中我觉得很不错的例子列举出来，然后附上我自己的答案和
2020-09-12 18:28:12
1525
原创 【学习笔记】webpack个人学习笔记
1.1 动态与静态1.2 值拷贝和动态映射首先看CommonJD中的值拷贝// calcute.jsvar count = 0module.exports = { count: count, add(a,b){ count +=1 return a+b }}// index.jsvar count = require('./calcute').countvar add = require('./calcute').addconso
2020-08-14 19:46:18
275
原创 for in , for of 和forEach三者对比
for in , for of 和forEach三者都是循环时经常使用的，但是每个使用场景都是有轻微不同，接下来就进行一个对比1.1 for…in…的作用1.1.1 可枚举对象const person = { name: 'Lydia', age: 21,};for (const item in person) { console.log(item);}这个输出结果是： name age对于这个结果可以简单理解为，对于对象object，使用for…in…循环是对对象的key
2020-07-10 20:24:03
13666
4
原创 JavaScript的每日一问
这篇文章是对一些常用的JS方法进行补充说明，不定期更新1. Set 使用方法1.1 基本用法ES6 提供了新的数据结构 Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。因为这种作用，现在去重最常用的方法就是这个，如下面代码const a = [1, 2, 5, 3, 2, 7, 5]const arr = [...new Set(a)]console.log(arr) // [ 1, 2, 5, 3, 7 ]1.2 补充说明关于Set的用法，很多文章都有说，ES6的官方文档
2020-07-07 18:45:25
1211
原创 JS中的变量提升总结
1.JS代码执行顺序我们直觉上会认为JS的代码在执行时是由上到下一行一行执行的，但实际并不完全正确，下面的例子会证明：a = 'haha'var aconsole.log(a)上面的代码会输出什么呢？如果按照我们认为的由上到下一行一行执行，那么应该输出undefined，但是实际结果是'haha'。接着再看一个代码：console.log(a)var a = 'haha'那这个输出的是什么？鉴于上面代码表现出来的非自上而下的特点，有可能认为是’haha’。或者有认为变量a没有声明，
2020-06-26 16:02:33
2971
8
原创 【学习笔记】JavaScript中super
最近在开发中见到了super，但是对这块不是很清楚，所以学习了一下，并进行一个小小的总结，方便自己再度加强记忆，也方便小伙伴们一起查询。因为也是学习过程，如果文中有理解错误的地方，请评论区中指正，十分感谢1.super的概念在MDN中对super的定义如下：super关键字用于访问和调用一个对象的父对象上的函数。super.prop和super[expr]表达式在类和对象字面量任何方法定义中都是有效的。其实我理解就是super关键字可以用在类和对象里面，并且可用于访问父类/父对象的构造函数和
2020-06-25 23:37:33
1989
原创 call，apply和bind的小小总结
1. call，apply和bind的概念1.1 call的概念1.2 apply的概念1.3 bing的概念2 例子const person = { name: 'Lydia' };function sayHi(age) { return `${this.name} is ${age}`;}console.log(sayHi.call(person, 21));console.log(sayHi.bind(person, 21));结果是什么呢？答案：Lydia is 2
2020-06-24 18:58:02
384
原创 【学习笔记】JS类型转换整理
我们写JavaScript肯定会涉及到各种类型转换，有些类型转换简单易懂，但有些转换却会意想不到，甚至带来很多的麻烦。所以我这篇学习笔记旨在梳理一下这种转换，加强一下自己的理解，如文章中有不妥之处请帮忙指正。下面开始正文：类型...
2020-05-19 16:51:17
317
原创 Jake Archibald: In The Loop【事件循环学习笔记】
来源Jake Archibald: In The Loop主线程主线程有很多东西在上面运行，包括JS和渲染，也是DOM存在的地方，这意味着大部分网页上的东西都有确定的顺序，不会有代码同时执行。但是这样存在一个严重问题，如果主线程中有代码运行了很长时间，他会阻塞其他事件，例如渲染和用户交互，这会导致非常糟糕的用户体验...
2020-05-17 14:17:08
750
转载 JS引擎基础
推荐几篇讲JS引擎比较好的文章，由于内容过多，就不进行转载，直接放对应链接方便查看1.JavaScript engine fundamentals: Shapes and Inline Cacheshttps://mathiasbynens.be/notes/shapes-ics对应的中文文档链接：https://hijiangtao.github.io/2018/06/17/Shapes-...
2019-12-24 19:38:44
118
转载 Node.js中的流(stream)
前言文章转载的原文链接：https://nodesource.com/blog/understanding-streams-in-nodejs文章翻译的链接：http://www.imooc.com/article/296777?block_id=tuijian_wz这篇文章主要是介绍Node.js中流(stream)的概念，我对其中我所需要的知识进行了提取，但是要了解更深入，建议看原文。...
2019-12-24 16:16:37
375
转载 Node.js中进程与线程
进程定义进程Process是系统进行资源分配和调度的基本单位，是操作系统结构的基础，进程是线程的容器（来自百科）。进程是资源分配的最小单位。我们启动一个服务、运行一个实例，就是开一个服务进程，例如：Node.js 里通过 node app.js 开启一个服务进程多进程就是进程的复制（fork），fork 出来的每个进程都拥有自己的独立空间地址、数据栈，一个进程无法访问另外一个进程里定义的变量...
2019-12-19 21:13:28
231
原创 Egg框架知识点2.Controller
在egg结构中，有app/controller，controller顾名思义就是一个控制器，他的作用 负责解析用户的输入，处理后返回相应的结果，简单来说，对于HTML 页面请求中，Controller 根据用户访问不同的 URL，渲染不同的模板得到 HTML 返回给用户编写方式：注意controller的结构必须在app/controllerconst Controller = requi...
2019-05-09 17:54:55
1049
原创 encodeURI()函数和encodeURIComponent()函数
encodeURI()和encodeURIComponent()都是Javascript中对URL编码的函数。但是区别在于：encodeURI()着眼于对整个URL进行编码，特殊含义的符号"; / ? : @ & = + $ , #“不进行编码encodeURIComponent()对URL的组成部分进行个别编码，所以”; / ? : @ & = + $ , #"在这里是可以...
2019-04-30 14:37:59
29907
2
原创 Egg框架知识点1.目录结构和具体内容
在进行项目之前，最应该了解的就是项目结构，了解每一个文件存放的地方，为后续的修改做准备。 在这篇文章中，结合项目中的经历和EGG框架的目录结构进行详细整理。目录结构：server(egg-project) ├── app | ├── router.js │ ├── controller │ | └── home.js │ ├── servi...
2018-08-15 16:00:30
4051
1
转载 AWS 签名方法
文章链接：https://www.mtyun.com/doc/api/mss/mss/aws-v4–qian-ming 本文旨在理解什么是签名，大体流程，作为最基础了解，深入部分不做任何介绍。 签名：可以简单理解为通过一种加密方法对要传输的数据进行处理。签名方式签名方式大致分为两种： 1.HTTP头部签名 - 使用HTTP签名头部是认证MSS请求的最常用方法。 2**.HTTP...
2018-08-13 17:55:26
7112
转载 gitflow的使用
转载博客的链接：https://www.cnblogs.com/lcngu/p/5770288.html参考博客的链接：http://www.cnblogs.com/cnblogsfans/p/5075073.html这两篇文章对于git的项目开发有非常大的帮助简介 Gitflow工作流程围绕项目发布定义了严格的分支模型。尽管它比Feature Branch Workflow更复杂...
2018-08-03 16:30:18
1609
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人