前端和Node学习笔记

3

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

JS菌 8月7日发布
2 收藏

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

6

代理模式

JS菌 8月5日发布
4 收藏

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

2

组合模式

JS菌 7月27日发布
2 收藏

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

6

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

JS菌 7月27日发布
3 收藏

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

1

外观模式

JS菌 7月25日发布
1 收藏

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

3

修饰器模式

JS菌 7月24日发布
3 收藏

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

15

常见登录认证 DEMO

JS菌 7月24日发布
12 收藏

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

7

常见的三种 git 乱码问题

JS菌 7月23日发布
4 收藏

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

3

JavaScript 适配器模式

JS菌 7月21日发布
2 收藏

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

5

如何创建 http2 node App

JS菌 7月17日发布
4 收藏

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

7

Docker 快速部署一个 node App

JS菌 7月14日发布
6 收藏

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

3

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

JS菌 6月9日发布
2 收藏

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

1

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

JS菌 5月22日发布
1 收藏

大家都用过 yarn npm 配置镜像加速第三方模块的安装。不知道有没有人遇到过无论怎么配置镜像，安装速度都贼慢的问题。 🚶

8

webpack 代码分离快速指北

JS菌 5月18日发布
7 收藏

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

5

使用 git 篡改历史

JS菌 5月12日发布
4 收藏

有时候我们需要修改 git 历史提交的文件内容，如果只是在前一个 commit，那么只需要修改文件并执行 --amend 即可：

3

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

JS菌 5月11日发布
2 收藏

子组件接收 source 数据当存在且至少有一条数据的时候，创建 id 为 main 的 div，用以初始化 echarts 实例

19

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

JS菌 5月4日发布
16 收藏

假设要使用到 jquery，那么可以通过配置 webpack 的 ProvidePlugin 的插件来全局引入：

25

Vue 递归多级菜单

JS菌 5月3日发布
21 收藏

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

6

如何使用 jq 接收 blob 数据

JS菌 4月26日发布
4 收藏

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

32

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

JS菌 4月24日发布
18 收藏

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