weixin_41755571的博客

原创 js事件机制

前提概念js是一门单线程语言，通过事件驱动，来完成异步任务 同步任务 异步任务 宏任务 ：ajax setTimeout , setInterval, script 微任务 ：Promise, process.nextTick执行顺序主线程js代码 在执行完主线程代码后检查，微任务事件对列，是否有待执行事件 最后检查宏任务事件对列script-> Promise ...

原创 webpack 学习总结

理解webpack: 是一个js打包工具， 从入口开始，通过递归的方式构建其依赖图谱，然后打包 loader: 处理非js文件，将非js类型模块转换为 js模块 plugins: 优化处理打包好的js, 一些类型转换之外的关于打包结果的处理功能支持多页应用单页应用的打包 通过配置 entry 为单入口还是多入口来决定 一个入口即一个页面 es5+ 新语法支持 通过ba...

原创 require.context

require.context是什么一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块什么时候需要用到require.context如果有以下情况,可以考虑使...

原创 less-loader配置

1、概述less-loader用于处理编译.less文件，将其转为css文件代码。使用less-loader的话，必须安装less，单独一个less-loader是没办法正常使用的。安装npm install --save less-loader less2、配置2.1、无任何配置less-loader不使用任何配置的时候，也可以正...

转载 移动端适配方案- px2vw

出处：https://www.w3cplus.com/css/vw-for-layout.html著作权归作者所有。

原创 webpack-html-webpack-plugin

原创 babel

什么是BabelBabel 是一个工具链，主要用于在旧的浏览器或环境中将 ECMAScript 2015+ 代码转换为向后兼容版本的 JavaScript 代码Plugin& Preset&Stage-xplugin: 插件就是在代码运行时所需要的用来将ES2015+的JS语法转换为ES5的语法presets 和stage-x 属于pluginpreset: ...

原创 webpack-tree-shaking

tree-shaking通常用来移除，代码中未被引用的代码，他依赖 es6的 import 和 export 语法，只有文件内的模块引用导出全是es6 语法才能使用为什么依赖 es6的 import 和 export 呢？动态结构当前的JavaScript模块格式具有动态结构:在导入和导出的内容可以在运行时更改。静态结构 这意味着您可以在编译时(静态地)确定导入和导...

原创 手机端代理调试-fiddler

window fiddler教程1、下载下载链接： https://www.telerik.com/download/fiddler2、Fiddler设置打开Fiddler, Tools -> Options -> Connections (配置完后记得要重启Fiddler)选中"Decrpt HTTPS traffic", Fiddler就可以截获HTTPS...

原创 npm操作相关指令小记

1.设置资源地址淘宝镜像地址：npm config set registry http://registry.npm.taobao.org/默认地址：npm config set registry http://registry.npmjs.org/

原创 简单封装一下node的http模块

代码：const http = require('http');const qs = require('qs');const fs = require('fs');const Url = require('url');const path = require('path');const toJSON = (obj) => { return JSON.stringify(o...

原创 网络知识

常用的应用层协议： HTTP协议：Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从 万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。DNS 超文本传输协议(HyperText Transfer Protocol)  域名系统(Domain Name System)：用于实现网络设备名字到IP地址...

原创 拖拽原生js

拖拽代码："use strict";;(() => { const isFunction = (fn) => { return typeof fn === 'function'; } const isObject = (o) => { return typeof o === 'object'; } const isString = (s...

转载 浏览器原理解析

浏览器原理和http协议

原创 跨域浏览器配置(可选)

跨域浏览器配置(可选)开发过程中，运行的是本地环境，希望接口请求的是日常数据。因此需要借助于跨域浏览器。配置地址：http://www.cnblogs.com/zourong/p/4984212.htmlhttp://www.cnblogs.com/laden666666/p/5544572.htmlChrome下载ReRes扩展程序，并作如下配置：.*api/ http://comb-s...

转载 fetch

fetch使用的常见问题及解决办法（推荐）

原创 git 命令小记

将本地已有分支与远程已有分支 建立跟踪关系git branch --track experimental origin/experimental将本地已有分支推送到远程git push experimental origin/experimental远程没有有remote_branch分支并，本地已经切换到local_branchgit push origin --set-...

转载 ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法

ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法  点击打开链接

原创 学习方法和书

推荐书籍点击打开链接