Cmder 启动报错 场景每次打开 Cmder 时都会出现这么一个错误,虽然貌似对之后的使用没什么影响,但强迫症表示受不了呀 1WARNING! The MacType's hooks are detected at 0x00007FF8E9D10000 D:\Program\MacType\MacType64.dll Please add ConEmuC.exe and ConEmuC64.exe to the ex
Markdown 图片粘贴工具 PicGo 场景使用 Markdown 的人都知道,想要在 Markdown 文件中插入图片并不是特别容易,因为你必须要先把图片上传到图床才行,一个好的图床能够节省很多时间。吾辈之前使用的是 smms,后来切换到了 GitHub,毕竟 GitHub 作为国外流行的托管网站,但事实上 GitHub 上传图片麻烦一点也不少。add -> commit -> push -> browser -&g
Windows 下 Cmder 安装 Chocolatey Chocolatey 是一个 Windows 下的软件包管理系统,追求一切皆可用命令解决。 官网 / GitHub 仓库 在 Cmder 的 Admin Bash 环境下输入以下命令: 1λ powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).Download
VSCode Markdown All in One 插件不能使用 TOC 命令创建文章目录 场景使用 VSCode 写 Markdown 文档时,突然发现 VSCode 输入 toc 找不到生成文章目录的命令了。。。 然而输入 markdown 时发现仍然有创建文章目录的选项,说明这个功能还存在 那么,到底是为什么输入 toc 没有匹配到创建文章目录的命令了呢? 原因吾辈突然发现一个奇怪的地方,是的,明明是英文状态下,Markdown All in One 插件的命令却是中文的,这是
VSCode 在 markdown 文档中存在表格时不能格式化文档 场景在使用 markdown 写文档时突然发现格式化功能失效了。这是个很麻烦的问题,吾辈经常要用 VSCode 写 markdown 文档,如果不能进行格式化真是个大麻烦了。 确认是否为插件问题吾辈有关 Markdown 的插件列表 Markdown All in One markdownlint Markdown PDF Prettier 不能进行格式化吾辈的第一想法就是 Markdown
VSCode 自定义模板代码片段 场景VSCode 时常需要输入一些重复的代码片段,例如创建 vue 文件后总是要写一些类似于下面这样的文件。 1234567891011121314151617<template></template><script>export default { data: () => ({ }), methods: { }, mounted () { }
VSCode 集成 ESLint 和 Prettier 情景ESLint 是一个前端代码质量检测工具,然而配置非常非常非常的麻烦(前端的配置真的是超多呢),所以在吾辈的 VueJS 项目中直接使用了 standard 规则。然而问题在于有了代码规则,还需要自动的格式化,否则为了手动格式化是一件极其痛苦的事情。。。 步骤VSCode 安装下面三个插件 Vetur ESLint Prettier - Code formatter 然后在 User Se
Vue 实现一个滚动到顶部的悬浮图标组件 场景吾辈在写 vuejs 前端项目的时候,需要实现一个下拉文章列表时,出现一个悬浮按钮,用于一键回到文章顶部。 实现 实现源码放到了 GitHub,Demo 演示 想直接看源码/效果的人可以直接去看,但最好看一下 注意点 思路 定义一个 vuejs 组件,抽取出最需要的几个属性(位置,组件的样子) 监听窗口滚动,当滚动到第二屏的时候显示组件 监听组件点击,点击即逐渐减少与顶端的距离 当在滚动中用
Vue 打包的静态文件不能直接运行 问题吾辈使用 vue-cli 直接生成的 vue 模板项目,在模板之上继续开发的。然而在使用 npm run build 打包项目时,却发现打包好的项目在浏览器中直接打开好像什么都没有? 原因查看了一下打包后的 index.html 源码,终于发现了一个重要的点: 所有涉及到路径的地方全都是以 / 开头的 下面是吾辈打包后生成的 dist 目录 1234567891011121314151617
Vue 深度监听 场景吾辈在前端项目中需要监听 Vue 组件中的一个数组的变化,然而没想到这个简单的功能却发现并没有想象中的容易。在废了一波三折之后终于算是实现了效果,所以便在这里记录一下。 代码 吾辈写一个 demo 在 GitHub,如果需要可以去看下。也有一个 网站 用来演示下面的三种方法的效果 12345678910111213141516171819202122232425262728293031323
Vue 自定义标签的 src 属性不能使用相对路径 场景吾辈在使用 Vuetify 时突然遇到的,明明 img 标签就可以使用相对路径获取到图片,而 Veutify 的组件 v-img 却不能使用。 如下面 3 种加载图片的方式 123456<!-- 正常加载 --><v-img :src="require('../../assets/logo.png')" /><!-- 无法加载 --><v-img sr
Vue 实现一个简单的瀑布流组件 场景在用 Vue 写前端的时候,需要实现无限滚动翻页的功能。因为用到的地方很多,于是便想着抽出一个通用组件。 实现 实现源码放到了 GitHub,Demo 演示 想直接看源码/效果的人可以直接去看 思路 定义一个 vuejs 容器组件 抽离出公共的属性(加载一页数据的函数/每个元素的模板) 在父容器中遍历每个元素并绑定到传入的模板上 监听滚动事件,如果不是最后一页就加载下一页 重新渲染集合元素