前端和Node学习笔记

3

一个例子了解什么是桥接模式

• JS菌   2019-08-07 发布
• 2 收藏

⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 桥接模式实际上就是将逻辑抽象和具体的实现分离。 以追加字符串到文件中为例 代码从 {代码...} 变为： {代码...} 上面代码是读取某个文件并在文件中追加字符串，...

6

代理模式

• JS菌   2019-08-05 发布
• 4 收藏

⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 Proxy 方法创建代理模式 使用 Proxy API 可以方便的创建一个 get 和 set 拦截器 {代码...} Object.defineProperty 方法创建代理模式 在 ES6 之前，通常使用 Obje...

2

组合模式

• JS菌   2019-07-27 发布
• 2 收藏

⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 组合模式在对象间形成树形结构; 组合模式中基本对象和组合对象被一致对待; 无须关心对象有多少层, 调用时只需在根部进行调用; 实现原理 创建宏任务并维护一个任...

6

[译]使用 Proxy 更好的封装 Storage API

• JS菌   2019-07-27 发布
• 3 收藏

⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅看到篇文章觉得不错，原文：[链接]。讲的是使用 Proxy 来封装 Storage API，做一层提供存取数据的代理层。这里简单翻译一下这篇文章的主要内容。

1

外观模式

• JS菌   2019-07-25 发布
• 1 收藏

⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅外观模式主要优点在于对客户屏蔽子系统组件，减少了客户处理的对象数目并使得子系统使用起来更加容易，它实现了子系统与客户之间的松耦合关系，并降低了大型软件...

3

修饰器模式

• JS菌   2019-07-24 发布
• 3 收藏

⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 不会改变原有的对象，而是在其基础上进行拓展。 实现原理 创建一个 A 类 A 类中的属性和方法使用 ES7 中的修饰器语法对类和类的属性增加功能 实现代码 ts 修饰器...

15

常见登录认证 DEMO

• JS菌   2019-07-24 发布
• 12 收藏

basic auth 是最简单的一种，将用户名和密码通过 form 表单提交的方式在 Http 的 Authorization 字段设置好并发送给后端验证

7

常见的三种 git 乱码问题

• JS菌   2019-07-23 发布
• 4 收藏

使用git add添加要提交的文件的时候，如果文件名是中文，会显示形如 274\232\350\256\256\346\200\273\347\273\223.png 的乱码。

3

JavaScript 适配器模式

• JS菌   2019-07-21 发布
• 2 收藏

1. JavaScript 适配器模式 旧接口格式和使用者不兼容的情况下需要加一个适配转换接口，无需要改变旧的接口格式 eg: 电源适配器 实现步骤 针对 A 类创建一个 B 转换类 B 类中的 constructor 初始化中创建一个实例 ...

5

如何创建 http2 node App

• JS菌   2019-07-17 发布
• 4 收藏

如何创建 http2 node App ⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 所有数据以二进制传输（分片方式不同，HTTP2 之前是字符串的形式发送） 发送的请求可以不按照顺序发送 头信息压缩以及 Server Push（服...

7

Docker 快速部署一个 node App

• JS菌   2019-07-14 发布
• 6 收藏

Docker 快速部署一个 node App ⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 用 Docker 快速部署 node App 需要如下几个步骤： 安装 Docker 和 VSCode Docker 插件（方便操作 Docker） 创建 node 应用 创建 D...

3

聊聊 git 中 detached HEAD、amend、rebase 和 reset

• JS菌   2019-06-09 发布
• 2 收藏

分离头是指 checkout 历史版本后，做了修改并提交 commit，这时切回别的分支，之前提交的 commit 就会被抛弃。如果想要保留需要手动创建一个新的分支。

1

包管理工具安装速度慢或许是 lock 文件的坑

• JS菌   2019-05-22 发布
• 1 收藏

包管理工具安装速度慢或许是 lock 文件的坑 ⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 大家都用过 yarn npm 配置镜像加速第三方模块的安装。不知道有没有人遇到过无论怎么配置镜像，安装速度都贼慢的问题...

8

webpack 代码分离快速指北

• JS菌   2019-05-18 发布
• 7 收藏

在此之前，首先要知道经常配置的 output 中有关 filename 和 chunkFilename 的区别；简单来说在 entry 定义的入口文件走的就是 filename 配置项，在入口文件内部引入的通常情况下是 chunk，走 chunkFilename 的配置

6

使用 git 篡改历史

• JS菌   2019-05-12 发布
• 5 收藏

使用 git 篡改历史 ⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 有时候我们需要修改 git 历史提交的文件内容，如果只是在前一个 commit，那么只需要修改文件并执行 --amend 即可： 如修改上一次提交的文件：...

3

组件中 watch props 根据 v-if 动态判断并挂载 DOM 的问题

• JS菌   2019-05-11 发布
• 2 收藏

组件中 watch props 根据 v-if 动态判断并挂载 DOM 的问题 ⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 问题复现：父组件中通过名为 source 的 prop 向子组件 Chart 传入数据 {代码...} {代码...} 子组件接...

19

Vue 中如何正确引入第三方模块

• JS菌   2019-05-04 发布
• 16 收藏

另外一种比较靠谱的方法是将第三方模块打包成插件，如我需要全局使用 echarts，那么在 src 目录下新建一个 lib，并创建名为 echarts.js 的文件：

30

Vue 递归多级菜单

• JS菌   2019-05-03 发布
• 23 收藏

Vue 递归多级菜单 Vue 递归多级菜单 ⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 考虑以下菜单数据： {代码...} 需要实现的效果： 首先创建两个组件 Menu 和 MenuItem {代码...} MenuItem 是一个 li 标签和 ...

7

如何使用 jq 接收 blob 数据

• JS菌   2019-04-26 发布
• 4 收藏

目前 jq 用的人还是挺多的，在一些简单的促销 h5 页面，用 jq 去实现一些简单的功能还是比较方便的。本文展示如何用 JQ 去请求一个 blob 对象的 img 图片并渲染到页面上 👀

33

几种应该避免使用箭头函数的情况

• JS菌   2019-04-24 发布
• 19 收藏

几种应该避免使用箭头函数的情况 ⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 避免在定义对象方法时使用 箭头函数虽然因语法简练受人追捧。但由于没有 this 会导致在一些情况下出现预想不到的意外情况。😯 比...