Wendy

## 目录 - 5道笔试题 - 10道简单题 - 6道算法题 ## 笔试题 ### 1.下面代码输出什么 ```js // base.js let count = 0; setTimeout(() => { console.log("base.count", ++count); }, 500) module.exports.count = count; //...

## 下面代码输入什么 ```js setTimeout(() => { console.log(1); }, 0) console.log(2); ``` 答案：输出 2 , 1。 ## 目录 - 单线程模型 - 任务队列 - `setTimeout` - `setTimeout`和`setInterval` - `requestAnimationFrame` - `requestidlecallback` ##...

## 谷歌浏览器插件 浏览器插件可以做的一些事情，定制JS爬虫，屏蔽网页广告，网页实时查词，修改HTTP请求头，等等 ### 创建 manifest.json 1. 基本属性 其中，name、version 和 manifest_version 是必须的，而且 manifest_version 必须为 2 ```js { // 插件名称 "name": "hello Extenstions", // 插件描述 "description": "hello Wrold Extenstions", // 插件版本号...

## 文章发布平台 文章管理（发布、编辑、删除）：在该平台上发布文章，在经过用户同意的情况下后端使用工具登录各个博客平台，然后调用文章发布接口，实现一键发布； 文章数据信息（点赞，浏览，评论）：通过爬虫爬取相关平台的 文章图片：七牛云，阿里云 如何在各个平台上进行登陆？ 思路： OpenWrite助手 通过Chrome插件的方式，获取用户登录状态信息 （无须账号，密码信息）帮助用户实现跨平台的多账号管理，同时以此作为基础来实现多平台的一键分发功能

## 技术人运营自己的微信公众号 ## markdown如果转成微信公众号的格式 使用工具 [markdown-nice](https://www.mdnice.com/)， 一种支持自定义样式的微信 Markdown 排版工具 [135编辑器](https://www.135editor.com/) ## 微信公众号推送图文的图片尺寸问题 [Fotor懒设计](https://www.fotor.com.cn/templates/gzhcover/) ## 一篇文章可以同时发送各个平台的工具 [OpenWrite](https://openwrite.cn/) [artipub](https://github.com/crawlab-team/artipub) ## 参考 - [微信公众号推送文图片什么尺寸最佳？](https://www.zhihu.com/question/27138896)

## hash, chunkhash, contenthash hash: 构建生成的文件hash值都是一样的，所以hash计算是跟整个项目的构建相关，同一次构建过程中生成的hash都是一样的。 hash是跟整个项目的构建相关，只要项目里有文件更改，整个项目构建的hash值都会更改，并且全部文件都共用相同的hash值。 ```js main.abcdefg.css index.abcdefg.js main.abcdefg.js ``` chunkhash: 采用 hash计算的话，每一次构建后生成的 哈希值 都不一样，即使文件内容压根没有改变，这样子是没办法实现缓存效果的，我们需要换另一种哈希值计算。 chunkhash是根据不同的入口文件（entry）进行依赖文件解析、构建对应的chunk，生成对应的 哈希值。我们在生产环境里把一些公共库和程序入口文件区分开，单独打包构建，接着我们采用chunkhash的方式生成哈希值，那么只要我们不改动公共库的代码，就可以保证其哈希值不会受影响。 contenthash index.css被index.js引用了，所有有相同的 chunkhash值，但是这样子有个问题，如果index.js更改了代码，css文件就算内容没有任何改变，由于是该模块发生了变化，导致css文件会重复构建。 这个时候，我们可以使用extra-text-webpack-plugin里的contenthash值，保证即使css文件所处的模块里就算其他文件内容改变，只要css文件内容不变，那么不会重复构建。 ## [hash]: 根据所有chunk 生成的hash值，也就是每次打包的时候会生成统一唯一的[hash]值，并且某个chunk修改后，hash值都会变,不利于持续缓存 一般的配置： 字体文件，图像文件用file-loader或者url-loader生成的[hash]（url-loader是file-loader的加强版，可以通过设置limit的大小，把小图标转化成base64） css...

# package.json文件 > 本篇文档拿 antd 的 [package.json](https://github.com/ant-design/ant-design/blob/master/package.json)文件举例说明 - sideEffects - files ### sideEffects 这个是webpack4.0正式版本拓展的检测能力。用来做 [tree-shaking](https://www.webpackjs.com/guides/tree-shaking/) 的一个配置，通过 package.json的 `sideEffects`属性作为标记，像compiler提供提示，表明项目中哪些文件是“pure(纯的ES2015模块)”，由此可以安全地删除文件中未使用的部分。 ```js // a.js export function a() { console.log('aaaaaa'); } // b.js console.log('========...

## 如何启动一个本地静态服务器 背景：学习前端开发，想要调试静态页面以及js，发现直接打开本地会有跨域异常，因此需要启动一个静态服务器，只负责当前目录的文件路由， 目前尝试两种方案： 1. nginx 2. http-server ## nginx ### 安装 ```js brew install nginx ``` ### 配置 Mac通过brew安装后的配置文件位于：/usr/local/etc/nginx. 修改端口和文件目录： ```js server { listen 8090; server_name server.com; charset utf-8;...

## 1. 输出是什么？ ```js function Person(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } const member = new Person("Lydia", "Hallie"); Person.getFullName = function () { return `${this.firstName} ${this.lastName}`; }...

## 1. 输出是什么？ ```js var b = 10; (function b(){ b = 20; console.log(b); })(); ``` 答案 #### 答案： ```js ƒ b(){ b = 20; console.log(b); } ``` --- ##...