blog

blog copied to clipboard

Webpack-dev-server的proxy用法

7

## 前言 1. 如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求 ，那么代理某些 URL 会很有用。 2. 解决开发环境的跨域问题(不用在去配置nginx和host, 爽歪歪~~) ## 在`webpack.config.js`中配置 > 下面简单介绍一下五个经常使用的场景 ### 使用一: ```js mmodule.exports = { //... devServer: { proxy: { '/api': 'http://localhost:3000'...

funnycoderstar

好用的工具推荐

2

## 画图工具 [draw.io](https://app.diagrams.net/) 开源github地址：https://github.com/jgraph/drawio 强烈推荐，免费开源，哈哈，从网上找到几个还要收费，但是看到很多都是基于这个的。  ## 思维导图 - XMind - [whimsical](https://whimsical.com/): Whimsical 是一个用于思考和协作的可视化工作空间，结合了流程图、思维导图、线框图、便笺、文档等多种类型 - [gitMind](https://gitmind.cn/): 免费在线思维导图软件，简化逻辑梳理，集思广益，释放创造力在线脑图、思维导图、流程图、工业设计、工程管理，一图涵千面 ## Markdown排版 使用工具 [markdown-nice](https://www.mdnice.com/)， 一种支持自定义样式的微信 Markdown 排版工具 同样也是一款开源的工具 github地址： https://github.com/mdnice/markdown-nice ## tableconvert [tableconvert](https://tableconvert.com/):...

funnycoderstar

Bumps [async](https://github.com/caolan/async) from 2.6.3 to 2.6.4. Changelog Sourced from async's changelog. v2.6.4 Fix potential prototype pollution exploit (#1828) Commits c6bdaca Version 2.6.4 8870da9 Update built files 4df6754 update changelog 8f7f903...

dependabot[bot]

## 题目一 JS 实现一个带并发限制的异步调度器 Scheduler，保证同时运行的任务最多有两个; 完善下面的 Scheduler 类，使得以下程序能正确输出 ```js class Scheduler { add(promise) { // ... } } const timout = (time) => new Promise((resolve) => { setTimeout(resolve, time); });...

funnycoderstar

## 题目 ```js 实现一个LazyMan，可以按照以下方式调用: LazyMan(“Hank”)输出: Hi! This is Hank! LazyMan(“Hank”).sleep(10).eat(“dinner”)输出 Hi! This is Hank! //等待10秒.. Wake up after 10 Eat dinner~ LazyMan(“Hank”).eat(“dinner”).eat(“supper”)输出 Hi This is Hank! Eat dinner~ Eat supper~...

funnycoderstar

2020年中大厂前端面试总结

6

## 前言 本次面试面试了很多家公司，包括 360，美团，猿辅导，小米，腾讯地图，头条，新东方，快手，知乎等几家公司，刚开始去面试的时候那段时间状态不是很好（基本每天都加班到很晚，周六日也没有休息的那种，而且当时心态真的是差到爆，很多平时自己很会的东西，被问到居然答不上来），基本一面就挂的那种（360，美团，猿辅导），越面越失望，后来就直接不面试了，调整自己的状态，请假休息，好好睡了两天两夜之后，调整自己的心态，开始准备面试，接下来的面试就顺利的很多。 本篇面试题总结并没有按照公司那样分类而是按照知识点进行简单分类，很多面试题问的频率非常高，所以面试的时候如果第一次问完，没回答上来或者回答的不太好，一定要在面完的第一时间记录下来并且查找资料，否则就忘记了，或者之后再看就没有了当时迫切想知道具体答案的那种心情了（有迫切的想知道某些知识的心情的时候目标很明确，学东西也会印象深刻记得牢）。 > 本文链接地址较多，建议查看原文，阅读体验会好一些。下面给出的答案有的是自己总结的，有的是从网上找到写的很不错的相关文章，但是这些都仅供参考，不一定是最佳的答案，如果有很好的答案，欢迎留言一起讨论互相学习，有的还没有放上合适的链接，之后会不算补充进去，毕竟每道题涉及到的内容真的挺多的。 下面题目中标记有 **【高频】** 的至少被问过两次，标记有 **【超高频】** 的基本面试的每家公司都问到了。 ## 笔试题 1. **【超高频】** 写一个深拷贝，考虑 正则，Date这种类型的数据 - [手写代码-深拷贝和浅拷贝](https://wangyaxing.cn/blog/jsCode/%E6%B5%85%E6%8B%B7%E8%B4%9D%E5%92%8C%E6%B7%B1%E6%8B%B7%E8%B4%9D.html) 2. **【高频】** Vue自定义指令懒加载 - [https://mp.weixin.qq.com/s/36oBZMd-m-2k5EKPghfG3A](https://mp.weixin.qq.com/s/36oBZMd-m-2k5EKPghfG3A) 3. 判断DOM标签的合法性，标签的闭合，span里面不能有div，写一个匹配DOM标签的正则 - [https://mp.weixin.qq.com/s/MtHUsWtGQ8k8mxl9oR8_xA](https://mp.weixin.qq.com/s/MtHUsWtGQ8k8mxl9oR8_xA) 4....

funnycoderstar

文档：[事件模型](https://javascript.ruanyifeng.com/dom/event.html)

funnycoderstar

## 关键点 - redux原则 - redux使用方法，为什么action要返回一个函数，返回一个对象可以么 - state为什么要设计成不可变的 ## redux三大原则 [redux设计原则](http://cn.redux.js.org/understanding/thinking-in-redux/three-principles)

funnycoderstar

一文理解 this、call、apply、bind

1

> 文章首发于[个人博客](https://github.com/funnycoderstar/blog/issues/118) ## 导读  ## this 记得差不多在两年多之前写过一篇文章 [两句话理解js中的this](https://juejin.im/post/6844903511868571656)，当时总结的两句话原话是这样的： 1. 普通函数指向函数的调用者：有个简便的方法就是看函数前面有没有点，如果有点，那么就指向点前面的那个值; 2. 箭头函数指向函数所在的所用域： 注意理解作用域，只有函数的`{}`构成作用域，对象的`{}`以及 `if(){}`都不构成作用域; 当时对this的内部原理什么的都理解的不是很深刻，就只能凭借遇到很多坑之后，总结了出了那时候自己用来判断的标准。这里会再次略微深入的说一下。思路还是围绕上面总结的那两句话。 ### 普通函数调用 1. 默认绑定 ```js var a = 'luckyStar'; function foo() { console.log(this.a); }...

funnycoderstar

## 目录 - JavaScript数据类型 - typeof - instanceof - JavaScript原型链 ## JavaScript数据类型 JavaScript有八种内置类型 - 空值（null) - 未定义(undefined) - 布尔值（boolean) - 数字（number) - 字符串（string) - 对象 (object) - 符号（symbol, ES6中新增) -...

funnycoderstar