月夕-优快云博客

原创 Typora配色和标题自带序号

效果：标题自带序号，代码块配色，代码块左上角仿mac图标先打开主题文件夹文件>偏好设置>通用>打开高级设置然后编辑base.user.css文件将以下代码加入即可/*标题自动添加序号*/.sidebar-content { counter-reset: h1}.outline-h1 { counter-reset: h2}.outline-h2 { counter-reset: h3}.outline-h3 { counter

2020-11-19 14:08:18 3615 14

原创 webstorm中保存自动格式化

目录设置保存自动格式化和eslint修复1、打开文件2、启动宏任务录制3、录制宏任务4、结束宏任务录制5、对宏任务设置启动快捷键并覆盖原来的ctrl + s快捷键本人的格式化规则htmljavascriptstyle如果你使用过vscode，那么你应该知道它可以借助插件来在保存时自动格式化。其实webstorm也可以实现，而且功能更加强大。首先你需要知道webstorm中的宏和代码格式化已经eslint修复。废话不多说，上步骤和截图设置保存自动格式化和eslint修复1、打开文件打开一个使用了es

2020-06-07 18:19:42 18222 10

转载 NodeJs标准库——流（Stream）的实现原理

Node.js streams（流）因其晦涩难懂以及难以使用而闻名。不过读了这篇文章之后，这些都难不倒你了，本文通过解剖流的实现原理来学习流。

2022-03-30 14:49:03 1275

原创一文学会闭包和内存泄漏

网络上流传着许多对闭包的说法，这些说法为了方便理解曲解了闭包的真正原理，本文将会介绍这些原理，并且使用demo运行的结果来验证本文的正确性，这可能会颠覆你对闭包的认知，请在家长的陪同下阅读

2022-03-30 14:40:19 2707 3

原创盘点2021年V8发布的新特性和API （ES2021）

盘点一下2021年V8发布的各大版本中对js开发者产生影响的特性、API都有哪些，在最新的 chrome 中都已经可用。

2022-01-18 14:35:01 645

原创手撕红黑树很难？看完零基础都能手撕各种二叉树

从零基础通过图片和动图来讲解数据结构中二叉树的知识点，并实现常见的二叉树，附带相关leetcode题目，适合零基础或者刚刚入门算法小白阅读，考研的同学也可以来了解了解喔。

2022-01-14 17:26:01 709 1

原创我一个人的前端自学之路

这篇文章不会有技术栈也不会有学习路线，仅仅只是介绍我大学期间的自学经历。我不知道算不算一篇水文。本人情况：22届毕业的本科生（不知名的双非二本就不说了）；软件工程专业；前端大学纯自学（没有老师指导也没有一起学前端的同伴，真正的一个人摸索了3年）面试不知不觉已经大四。最近一个月都在忙面试的事情，说实话当时也只是抱着试一试大厂的想法。后面面试下来我发现大厂的面试其实也就那样吧????我大概是从10.9才开始面试的（说实话有点晚了，有些大厂都已经找了一些人了，面试难度应该也相对难一点）面试题我就不

2021-10-23 20:09:22 2105 13

原创让rem脱离繁琐的css视口检测

rem是一个比较常用的页面兼容方案，依赖于 html 的 fontsize来决定 rem与px的转换比例，传统的方式是通过css视口检测来再不同宽度的屏幕下调整fontsize，但这过于繁琐，而且 fontsize之间的转换并没有过渡（虽然这在移动端看来没有什么影响）下面是一个简单的转换公式假设我需要把整个页面的宽度转化为 750rem,推理如下：页面宽度 = 750rem页面宽度/750 = 1rem而一个 rem 代表的大小就是 html 的fontsize的大小所以 fontsize =

2020-10-02 11:53:09 327

原创请求模块封装(带请求拦截器和响应拦截器)

前言今天写小程序，微信的原生的请求模块使用起来非常麻烦，所以就想着自己封装一个类似于axios的功能，本代码直接使用的es6规范，如果要适应浏览器，请自行转换我先说一下执行流程调用get或者post方法开始执行请求流程-》对传入的url和config和data等参数进行处理-》进入请求拦截器（Y）-》发起网络请求-》进入响应拦截器（Y）-》返回响应结果就这么简单，这是我个人对axios的基本理解，如果有错误还请指正代码废话不多说，直接上代码class

2020-09-15 18:47:20 1178

原创使用webstorm必须的配置

webstorm是一款及其强大的IDE，被称为前端利器。合理的配置它只会让你的开发效率更上一层楼。下载&安装官网下载即可，破解的话由于担心被禁，就不写破解教程了。如果有不会的可以加qq群问：365399843推荐安装的插件在哪安装插件？安装插件后需要重启webstorm插件才会生效，你也可以一次性安装多个插件后再重启webstormfile》setting》plugins安装哪些插件？中文插件：Chinese (Simplfied) Language Pack EAP代码地

2020-08-19 18:58:25 2380

原创 vue组件中为何生命周期执行顺序在其他代码后？

发现的想象最近突然想起前段时间发现的一个现象，那就是在vue组件中生命周期执行顺序会在其他代码之后<script> console.log("1"); export default { created() { console.log("2"); }, } console.log("3");</script>一个再简单不过的vue组件代码。你认为他的输出顺序是什么？答案：132为什么？当时的我认为vue生命周期是异步的，这视

2020-08-16 20:06:40 415

原创如何控制Vue中计算属性刷新

需求今天遇到一个需要，地图中有将近几万个坐标点，当地图视野被缩放到指定大小（<14）范围内时，对所有坐标点按区域进行分组，标签重新渲染每个区域的密度最高点。遇到的问题由于地图缩放是一个过渡的过程（类似于浏览器滚动，会多次触发微小的变化来实现过渡），每当地图缩放一次后，都会重新计算坐标点（无论是在指定范围类变化还是在范围之间变化），这样就造成了大量的性能问题（我骁龙865都明显感觉到不流畅了，毕竟几万条数据）希望的结果是当数据在14以下的范围内或者在<=14的范围内变化时才会重新计算

2020-07-24 20:43:55 6665 1

原创 elementUI提示的html标签被转义问题

文章目录问题演示案例解决方案1：修改源码(间接修改)解决方案2：使用js动态获取对应DOM节点，并拼接DOM（不推荐）问题elementUI框架虽然没有做的像antd一样好，但是在vue生态中的位置和用户量都是不低的。在elementUI的使用中，有许多参数，有的参数要求只能是一个String（例如：表单的验证提示信息、警告、提示信息…）如果你直接在其中包含html标签，那么渲染出来的结果会将html转义（不会解析html标签）。然后编程问题的解决方案都是有无限种的接下来我讲一下我自己常用的几种

2020-05-22 14:04:21 4912

原创 JSON或者对象转化为格式化（缩进+换行）Markdown的json代码块字符串

小月夕在业务中遇到一个需要，需要把来自后端的一个对象转化为md格式并进行渲染。首先尝试了直接把对象转为json，然后前后分别拼接上```json ```即可.但是效果如下{"err_status":0,"principal":null,"_id":"5eaac83927e3e77ecc7e6a68","ip":"::ffff:127.0.0.1","type":"POST","err_type":"TypeError","err_msg":"TypeError: articles.aggregate

2020-05-19 15:46:37 4576

原创你知道源码映射吗？

文章目录webpack源码映射请注意，项目上线请务必关闭源码映射，避免源码泄露请注意，项目上线请务必关闭源码映射，避免源码泄露请注意，项目上线请务必关闭源码映射，避免源码泄露以下文章给新手和懒得看原理的人看的webpack源码映射什么是源码映射？相信你在一个使用webpack打包的项目中经常会在控制台输出一些东西吧？例如这样的一个报错源码中报错部分代码function Hello(props){//这里的prop.sex是故意写错的 return <p>名字：{ props.

2020-05-15 00:19:30 996

原创浅谈npm的package.json和package-lock.json

package.json包说明/描述文件创建 package.json 文件该文件不需要手动创建，在要创建该文件的目录下执行npm init会进入向导式创建也可以使用npm init -y来直接创建，使用该方式创建的文件将是默认的；package.json文件解析{ "name": "blog_web",//项目名称 "version": "0.1.0",//项目版本 "private": true,//是否是个人项目 "scripts": {//项目可用的脚本

2020-05-14 22:37:46 1207

qq_43778239的博客