前端和Node学习笔记

4

Docker 快速部署一个 node App

JS菌 1 天前发布
3 收藏

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

2

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

JS菌 6月9日发布
1 收藏

分离头是指 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 的插件来全局引入：

23

Vue 递归多级菜单

JS菌 5月3日发布
19 收藏

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 会导致在一些情况下出现预想不到的意外情况。😯 比...

15

还记得那些年你修改过的 DOM 吗

JS菌 4月21日发布
13 收藏

给元素增加 class，使用 classList 属性，该属性返回的是 DOMTokenList 对象，对象有一个 add 方法可添加 class，如果没有这个属性那么使用 className 进行字符串拼接

18

使用 vue 实例更好的监听事件

JS菌 4月21日发布
14 收藏

文章举例说明一下在 vue 中如何更好的监听浏览器事件。原文介绍了一种新增 vue 实例的方法，单独监听事件。这样代码书写较为简练，容易管理。 🍉

8

如何创建一个“纯净”的对象

JS菌 4月20日发布
8 收藏

假设 Object 的原型中有一个自定义的 log 属性，我们用字面量语法定义 obj 对象，那么使用 for-in 遍历方法就会遍历到这个 log 对象，为了只遍历其自身的属性，需要增加一层筛选

22

Vue 匿名、具名和作用域插槽的使用

JS菌 4月20日发布
19 收藏

Vue 中的插槽在开发组件的过程中其实是非常重要并且好用的。Vue 的插槽也没有说很难使用，这篇文章简明扼要的介绍了三种插槽的用法。 🍉

7

自定义 Vue 中的 v-model 双向绑定

JS菌 4月17日发布
4 收藏

v-model 双向绑定实际上就是通过子组件中的 $emit 方法派发 input 事件，父组件监听 input 事件中传递的 value 值，并存储在父组件 data 中；然后父组件再通过 prop 的形式传递给子组件 value 值，再子组件中绑定...

39

Vue 组件间通信方法汇总

JS菌 4月16日发布
34 收藏

除了使用 Vuex 方法外，vue 提供了各种各样的组件间通信的方案。文章整理一下父子组件、兄弟组件、祖先后代组件间是如何通信的。 💬

7

解析 CSS 格式化上下文

JS菌 4月16日发布
6 收藏

BFC(Block Formatting Contexts)，块级格式化上下文。BFC 实际上就是页面中一块渲染区域，该区域与其他区域隔离开来。容器里面子元素不会影响到外部，外部的元素也不会影响到容器里面的子元素。 🦊

15

梳理下常见的不冒泡事件

JS菌 4月15日发布
14 收藏

⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌订阅梳理下常见的不冒泡事件 UI 事件 load 异步不冒泡 ❌ unload 不冒泡 ❌ abort 不冒泡 ❌ error 异步不冒泡 ❌ select load、unload 这些资源加载的事件不冒牌也是...

16

整理获取 viewport 和 element 尺寸和位置方法

JS菌 4月14日发布
10 收藏

width + padding + border + 滚动条另外 outerWidth 浏览器兼容差，可获取包括工具栏的宽高

6

🦈 如何用 wireshark 抓包 TLS 封包

JS菌 4月2日发布
5 收藏

此前一篇文章用 wireshark 这个抓包工具调试了一下 HTTP 请求和响应。详细阐述了 TCP 连接和断开的整个过程。这篇文章尝试使用 wireshark 来抓取 TLS 封包，了解一下 HTTPS 请求和响应的整个过程。 🌞