Web前端开发工程师

ins存图扩展插件使用教程，insgrab存图插件，一键批量下载instagram博主的所有照片和视频

GitHub是一个面向开源及私有软件项目的托管平台，因为只支持Git作为唯一的版本库格式进行托管，故名GitHub。GitHub拥有1亿以上的开发人员，400万以上组织机构和3.3亿以上资料库。

GitHub是一个面向开源及私有软件项目的托管平台，因为只支持Git作为唯一的版本库格式进行托管，故名GitHub。GitHub拥有1亿以上的开发人员，400万以上组织机构和3.3亿以上资料库。

​最近由于学习工作需要，得从小红薯上搬运一些学习视频，一直找不到一个好用的视频搬运软件，朋友向我介绍推荐了一款工具叫作有图视频下载器，试了试感觉这款软件真的非常好用，所以推荐给大家！

有图下载器下载地址：链接：https://pan.baidu.com/s/1bK6J7EefNKxwPEvQCKfPdA?pwd=jcwf 提取码：jcwf。废话不多说直接给出地址，支持下载平台：油管，b站，抖音等100+视频平台大家自行去下载。

你一定遇到过在node中需要读写本地文件的情况，比如在我们的需求中需要读取一个本地的json文件，并修改其中的内容最终保存。通常的做法是需要 import对应的json文件在你的代码中，但这样做会有一个麻烦就是你可以在你的代码中引入的数据，但这个数据始终是你第一次引入的数据，如果我们中途需要修改这个 json 文件我们需要使用fs模块对本地的json文件进行重新地写入操作,这个过程非常的麻烦。如果我们需要重新获取修改的数据那么就要重新使用fs模块进行读取,这样我们的代码中就会多出许多文件读写的操作。

碎碎念：亲爱的读者：你好！我叫 Changlon —— 一个非科班程序员、一个致力于前端的开发者、一个热爱生活且又时有忧郁的思考者。 如果我的文章能给你带来一些收获，你的点赞收藏将是对我莫大的鼓励！我的邮箱:thinker_changlon@163.com我的Github: https://github.com/Changlon参考文章:Generator 函数的含义与用法MDN Generatorgithub源码地址：myasync自从有了Promise这个好用的技术，我们的..

碎碎念：亲爱的读者：你好！我叫 Changlon —— 一个非科班程序员、一个致力于前端的开发者、一个热爱生活且又时有忧郁的思考者。 如果我的文章能给你带来一些收获，你的点赞收藏将是对我莫大的鼓励！我的邮箱:thinker_changlon@163.com我的Github: https://github.com/Changlon本章我将带领大家手写一个符合promise/a+ 规范的Promise。可以说这是前端工程师必须要掌握的一个技术，在项目中使用到的非常多。那么promsie究..

碎碎念：亲爱的读者：你好！我叫 Changlon —— 一个非科班程序员、一个致力于前端的开发者、一个热爱生活且又时有忧郁的思考者。 如果我的文章能给你带来一些收获，你的点赞收藏将是对我莫大的鼓励！我的邮箱:thinker_changlon@163.com我的Github: https://github.com/Changlon项目源码：myvue github源码地址本章我们通过手写实现一个简单的Vue响应式系统，只用300多行代码实现包括Vue的响应式系统，模板解析，指令解析，d..

自定义Vue开发环境1. 搭建基本开发环境1). 下载依赖包 yarn add -D webpack webpack-cli yarn add -D html-webpack-plugin yarn add -D webpack-dev-server yarn add -D babel-loader @babel/core @babel/preset-env yarn add -D css-loader style-loader yarn add -D

1. 初始化项目1). 生成package.json yarn init -y2). 创建入口js: src/index.js console.log('Hello Webpack!') document.getElementById('root').innerHTML = '<h1>Hello222</h1>'3). 创建页面文件: index.html <div id="root"></div>2. webpa

1. Vue.js是什么?1). 一位华裔前Google工程师(尤雨溪)开发的前端js库2). 作用: 动态构建用户界面3). 特点: * 遵循MVVM模式 * 编码简洁, 体积小, 运行效率高, 移动/PC端开发 * 它本身只关注UI, 可以轻松引入vue插件和其它第三库开发项目4). 与其它框架的关联: * 借鉴angular的模板和数据绑定技术 * 借鉴react的组件化和虚拟DOM技术5). vue包含一系列的扩展插件(库): * vue-cli: vue脚手架 * vue-

axios从入门到源码分析1. 前后台交互的基本过程1. 前后应用从浏览器端向服务器发送HTTP请求(请求报文)2. 后台服务器接收到请求后, 调度服务器应用处理请求, 向浏览器端返回HTTP响应(响应报文)3. 浏览器端接收到响应, 解析显示响应体/调用监视回调2. HTTP请求报文1. 请求行: 请求方式/url2. 多个请求头: 一个请求头由name:value组成, 如Host/Cookie/Content-Type头3. 请求体3. HTTP响应报文1. 响应行: 响应状态

Promise从入门到深入1. 准备1.1. 函数对象与实例对象1. 函数对象: 将函数作为对象使用时, 简称为函数对象2. 实例对象: new 函数产生的对象, 简称为对象1.2. 回调函数的分类1. 同步回调: 理解: 立即执行, 完全执行完了才结束, 不会放入回调队列中 例子: 数组遍历相关的回调函数 / Promise的excutor函数2. 异步回调: 理解: 不会立即执行, 会放入回调队列中将来执行 例子: 定时器回调 / ajax回调 / P

跨域问题总结1. 为什么会有跨域这个问题？原因是浏览器为了安全，而采用的同源策略（Same origin policy）2. 什么是同源策略？1. 同源策略是由Netscape提出的一个著名的安全策略，现在所有支持JavaScript 的浏览器都会使用这个策略。2. Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。3. 所谓同源，也称之为同域，是指：协议，域名（IP），端口必须要完全相同 即：协议、域名（IP）、端口都相同，才能算是在同一个域里。备注：规则举例如

AJAX1. 原生AJAX1.1 AJAX简介​ AJAX 全称为Asynchronous Javascript And XML，就是异步的 JS 和 XML。通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据 。AJAX 不是新的编程语言，不是新的一门独立的技术，而是一种使用现有标准的新方法。1.2 XML简介​ XML ——可扩展标记语言。​ XML 被设计用来传输和存储数据。​ XML和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标

问题：从用户输入URl按下回车，一直到用户能看到界面，期间经历了什么？一、DNS解析----域名翻译成IP地址（优先走缓存）： 1.找浏览器DNS缓存解析域名 2.找本机DNS缓存：(备注：查看本机DNS缓存命令：ipconfig/displaydns > C:/dns.txt) 3.找路由器DNS缓存 4.找运营商DNS缓存（80%的DNS查找，到这一步就结束） 5.递归查询 (查询全球13台根DNS服务器) 二、进行TCP（协议）连接，三次握手（根据

Http状态码（服务器给客户端的东西）作用：告诉客户端，当前服务器处理请求的结果http状态码的分类1xx : 服务器已经收到了本次请求，但是还需要进一步的处理才可以。2xx : 服务器已经收到了本次请求，且已经分析、处理等…最终处理完毕！3xx : 服务器已经接收到了请求，还需要其他的资源，或者重定向到其他位置，甚至交给其他服务器处理。4xx ：一般指请求的参数或者地址有错误， 出现了服务器无法理解的请求（一般是前端的锅）。5xx ：服务器内部错误（不是因为请求地址或者请求参数不当造

POST请求报文（给服务器看的）-- 通过form表单发送的POST请求POST http://localhost:3000/ HTTP/1.1Host: localhost:3000Connection: keep-aliveContent-Length: 22Pragma: no-cacheCache-Control: no-cacheOrigin: http://localhost:63347Upgrade-Insecure-Requests: 1DNT: 1Content-Typ