2020年07月_美酒没故事°

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 vue2 小型状态管理器

大型项目中的数据状态会比较复杂，一般都会使用 vuex 来管理。但在一些小型项目或状态简单的项目中，为了管理几个状态而引入一个库，显得有些笨重。在 2.6.0+ 版本中，新增的 Vue.observable 可以帮助我们解决这个尴尬的问题，它能让一个对象变成响应式数据建立store文件：import Vue from 'vue'export const state = Vue.observable({ count: 0})export const mutations = { SET

2020-07-29 10:38:28 462

原创 js 实现导入excel文件转json

超级简单的xlsx插件的使用案例

2020-07-27 18:08:41 1446 2

原创 js 正则匹配，从字符串中提取数字

/[^\d.]/glet num = "谷(2588.7元/kwh)".replace(/[^\d.]/g, "");console.log(num);

2020-07-27 14:53:42 8165 3

原创 js原生模块化开发：js文件inport导入和export导出

目录结构：创建文件，导出：导入：效果：

2020-07-26 11:25:37 2340

原创 vue 日期多选插件

v-calendar：https://vcalendar.io/datepicker.html安装：npm install v-calendar@next配置：使用：<v-date-picker mode="multiple" v-model="dates" />dates: [ new Date(2018, 0, 1), // Jan 1st, 2018 new Date(2018, 0, 15), // Jan 15th, 2018

2020-07-23 17:56:29 3574

原创 vue 性能优化：gzip编译压缩

安装：compression-webpack-pluginnpm install compression-webpack-plugin --save添加vue.config.js 文件，并配置compression-webpack-plugin：const CompressionWebpackPlugin = require('compression-webpack-plugin')const isProd = process.env.NODE_ENV === 'production'.

2020-07-22 17:42:24 358

原创 vue 在生产环境清除【console.log】【console.error】

提供两种vue项目的配置方案

2020-07-19 16:38:24 1189

原创 vue做SEO网络优化【prerender-spa-plugin】

一、安装插件：npm install --save prerender-spa-pluginnpm install --save vue-meta-info二、webpack.prod.conf.js文件中配置两个：const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = PrerenderSPAPlugin.PuppeteerRenderernew PrerenderSPAPlugin(

2020-07-15 11:47:25 470 2

原创作为前端开发的我，电脑装着什么软件？

最基础的前端开发必装软件

2020-07-13 11:09:08 605 1

原创 vue 滚动到指定元素的底部

自定一个滚动指令：v-scrolldirectives: { scroll: { inserted(el) { el.scrollIntoView({ block: "end", behavior: "smooth" }); } } },

2020-07-13 10:56:11 2043

原创 vue 导航守卫配置

/* -------------------------------- 导航守卫 -------------------------------- */import router from './index';// 全局前置守卫router.beforeEach((to, from, next) => { if (sessionStorage.getItem("token")) { next() } else { if (to.path !==

2020-07-12 23:51:01 420

原创 axios+vue项目全局服务统一封装接口拦截

介绍axios怎么配置全局同意封装

2020-07-12 23:47:49 2004

原创 vue项目 config目录下的index文件配置

'use strict'// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path')module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable:.

2020-07-12 23:41:10 2547

原创使用xlsx插件实现json导出excel表格

安装xlsx插件

2020-07-10 16:30:38 1271 1

原创 web网站前端性能检测

使用sitespeed.io工具npm安装：npm install -g sitespeed.io完事可以使用命令：sitespeed.io -n 5 -v https://www.baidu.com监测下百度的性能，该命令将会在chrome浏览器下调起URL为https://www.baidu.com 5次，产出了一个分析文件夹...

2020-07-10 13:25:16 334

原创 Hbuilder编辑器生成vue2代码块快捷方式

简单两步即可实现

2020-07-10 11:33:49 3623 3

vue2常见面试题整理32个pdf文件

面试题也不止用于面试，也解决平时工作重的难题，经典的知识点

2023-09-20

Rectangle for mac 让mac像 windows一样可以窗口管理

Rectangle Pro是一款开源的 Mac 窗口管理工具。Rectangle Pro可以让用户使用键盘快捷键来移动和调整窗口大小。

2023-06-14

Moom 3.2.25 for mac

Moom 是 Mac OS X 上的一款窗口布局工具。这款多功能窗口移动兼缩放工具融合了 Cinch，Divvy，Spectacle 等同类软件的看门本领，能够快速修改当前窗口大小并放置在指定位置，Moom 默认操作点设立在了窗口左上角的绿色按钮上，将鼠标hover在绿钮上就会弹出一个选择菜单，里面有五种尺寸可选，单击选项即可变化窗口大小，并能将窗口移动到指定位置。

2023-06-12

micro-app vue2案例

micro-app借鉴了html原生WebComponent的思想，通过CustomElement结合自定义的ShadowDom，将微前端封装成一个类WebComponent组件，从而实现微前端的组件化渲染。并且由于自定义ShadowDom的隔离特性，micro-app不需要像single-spa和qiankun一样要求子应用修改渲染逻辑并暴露出方法，也不需要修改webpack配置，是目前市面上接入微前端成本最低的方案。自己尝了下，案例分享大家官方案例：https://zeroing.jd.com/micro-app/demo/vue2#/ 官方文档：https://zeroing.jd.com/micro-app/docs.html#/

2023-01-28

树结构全国三级地址json数据

结合https://blog.csdn.net/qq_42618566/article/details/128656667 很方便的用于前端数据展示，更新至2021年的json数据

2023-01-10

全国三级地址扁平化数据，更新至2021年

2023-01-10

PasteNow v1.1.dmg

PasteNow 支持创建各种不同的列表，将数据分类归入列表中。它还支持为不同的列表设置特定的样式，从而使剪贴板列表不再是一堆杂乱的数据，也可以分门别类和井井有条。

2023-01-06

右键助手专业版 2.5.3

右键助手专业版集成了20 多种常用的小工具，只要轻点您的鼠标右键，就可以激活您想要的各种功能，让您的工作效率大幅度提高。而且还可以根据您的喜好对右键菜单进行个性化设置，无论您是程序员，设计师还是其他职业，只要您是Mac 用户，用它就对了！

2022-12-30

Motrix for mac

Motrix for mac版是一款全能的下载工具。支持 HTTP下载、FTP下载、BT下载下载、磁力链下载、百度网盘资源下载。Motrix 也是采用了「Aria 2」作为核心，所以下载速度、多线程等能力与其他下载工具几乎一致。

2022-12-26

Dash for mac 6.3.2

Dash 是使用与Mac OS平台的软件编程文档管理工具，可以浏览API文档，以及管理代码片段工具。Dash自带了丰富的API文档，涉及各种主流的编程语言和框架。 Dash内置了丰富的API文档，让我们集中管理API文档，包括下载、搜索、查阅并支持集成到XCode、Alfred等软件中，非常的强大！

2022-12-19

程序员都爱用的便捷笔记工具：Typora-1.4.8 for mac

Typora for mac 是一款简洁的markdown编辑器、写作软件。它去除了预览窗口，模式切换器，语法符号以及所有其他不必要的干扰。将它们替换为真实的实时预览功能，以帮助您专注于内容本身。

2022-12-16

mac 录制gif软件 Licecap v1.32

LICEcap可以捕获桌面的一个区域，并将其直接保存为。LICEcap是一个直观但灵活的应用程序(适用于Windows和现在的OSX)，它被设计成轻量级和高性能的功能。 https://www.cockos.com/licecap/

2022-11-20

mac 增强鼠标滚动软件：Mos.Versions.3.4.1

苹果电脑触摸板和鼠标同时使用的话，鼠标就是反的。苹果自带的设置也行，但是触摸板就反了。mos很好的解决了，鼠标单独滚动放向的问题

2022-11-18

mac 超级右键 v2.2.1中文精简版

超级右键iRightMouse Mac中文版是一款非常强大的鼠标右键增强工具，它可以让用户的鼠标右键变得多彩起来，通过软件设置在右键中添加各种功能，从而提高工作效率，非常的实用，有需要的朋友欢迎安装体验！

2022-11-17

将web网站安装为桌面应用

如同https://hoppscotch.io/一样

2022-04-08

将网站安装为桌面web快应用的案例代码

如同https://hoppscotch.io/cn一样。

2022-04-08

chrome v44 浏览器

windows64位的谷歌浏览器v44版本下载

2022-03-15

五级行政区划分数据：省级、地级、县级、乡级和村级

中华人民共和国行政区划（五级）：省级、地级、县级、乡级和村级。的数据

2021-09-08

dmg2img.zip

.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img

2020-09-01