牧码的博客

转载 Npm - 解决 npm install Unexpected token in JSON at position XXX 报错

问题描述执行 npm install 命令时出错，查看日志发现：Unexpected token < in JSON at position 183718。解决方法删除根目录下 package-lock.json 文件。

转载 JS - 垃圾回收机制

一、JS 具有垃圾自动回收机制原理：周期性执行，找出那些不在继续使用的变量，然后释放其内存。.二、最常见的垃圾回收方式——标记清除方式原理：是当变量进入环境时，将这个变量标记为“进入环境”。当变量离开环境时，则将其标记为“离开环境”。标记“离开环境”的就回收内存。工作流程：当变量进入环境时，声明标记“进入环境”。 当变量离开环境时，标记为“离开环境”。 垃圾回收器完成...

原创 Vue.js - 动态编译（添加）第三方组件（Element UI 案例）

看到这标题，老实说一开始第一个想法是难道用：Vue.compile？render？发现门槛有点高，因为第三方组件是在 HTML 块上已经编译好了的，所以如何用 JS 再动态添加再编译呢？于是，想到 Vue 的更新原理：只要触发它的数据就可以重新编译组件成 HTML 代码，那么只要把数据传到数组里（用 for 循环和 if 判断组件类型即可）扔过去不就完事了，唯一的缺点就是，每次都要从头到尾......

原创 IntelliJ IDEA - Evaluate 调试技巧

很多人以为 Evaluate 只能 Debug 表达式，其实不然，它更厉害的地方还可以 Debug 模式下测试不同的代码块。Ps：箭头所示为开启 Evaluate 的地方。Ps：调试表达式模式，但点击箭头所示地方可切换到调试代码块模式。Ps：调试代码块模式。...

转载 Photoshop - 怎么让画布大小自适应图像大小？

使用Photoshop设计好图像后，如果想要画布的大小刚好适合图像的大小，该如何去操作呢？下面介绍详细操作步骤。方法 / 步骤1、打开Photoshop软件，进入到要调整画布大小的文档中，进入文档后，点击顶部菜单中的图像菜单，在图像的下拉菜单中选择裁切选项进入。2、打开裁切窗口后，将裁切下方的左、右、顶、底都勾选上。勾选上后，点击裁切弹窗右上方的确定按钮。3、确定...

原创 Win系统 - 如何彻底删除文件 / 文件夹？

在Windows（从XP到Win7）中删除文件时，无论是Delete或者是Shift+Delete，都不能真正的删除文件，它做的事情只是从文件分配表中删除了该文件的信息，而并未将文件从存储介质中真正删除。直到硬盘需要此数据空间时，原先的数据才会被覆盖。因为这样的删除机制，所以网上才有很多的文件恢复工具，如：EasyRecovery/FinalRecovery/Recuva等；相应的，网上也有...

转载 Vue.js - Vue 中如何引入第三方 JS 库

我们以 JQuery 为例，来讲解~一、绝对路径直接引入，全局可用主入口页面 index.html 中用script标签引入：<script src="./static/jquery-1.12.4.js"></script>这样，其实就已经可以在项目中使用 JQuery 了。mounted () { console.log($)}......

原创 HTML - 解决 Audio 标签不显示问题

H5 的 audio 标签在不设置 controls 这个属性的情况下，那么他会默认的隐藏本身的空间，但是方法还能用。

转载 运营必备 - 400 电话

400电话（400 telephone）是一种主被叫分摊业务，即主叫承担市话接入费，被叫承担所有来电接听费用，目前广泛用于多行业售前售后服务咨询方面。400电话分为4006（中国联通），4007（中国移动原铁通），4008（中国电信），4001（中国移动新号段），4000（中国联通新号段），4009（中国电信新号段）。400电话是专为企事业单位设计的全国范围内号码统一的虚拟电话总机，所有...

转载 Photoshop - CMYK 和 RGB 区别是什么？

1、两者在性质上不同：RGB是显示器显示的颜色，而且CMYK是印刷用的颜色。如果用显示器来进行预览CMYK会变色的。2、两者在针对的媒介上不同：RGB最主要是显示器所呈现出来的最佳的颜色，显示器用CMYK模式来显示会存在偏差问题；用RGB进行打印的话颜色也会存在着偏差。3、两者在含义上不同：RGB模式是以色光三原色为基础建立的色彩模式。RGB图像只使用三种颜色，当不等量的三种色光进行叠加混...

转载 Vue.js - 基于 Vue SEO 四种方案

前言：众所周知，Vue SPA单页面应用对SEO不友好，当然也有相应的解决方案，下面列出几种最近研究和使用过的SEO方案，SSR和静态化基于Nuxt.js来说。1.SSR服务器渲染；2.静态化；3.预渲染prerender-spa-plugin；4.使用Phantomjs针对爬虫做处理。1、SSR服务器渲染关于服务器渲染：Vue官网介绍，对Vue版本有要求，对服务...

转载 小技巧 - 如何在百度搜索到自己的网站（新站必看）？

当我们新建了一个网站后，那该如何能在百度等搜索引擎上搜索到自己的网站？方法 / 步骤1、理论上是如果你没有在文件里设置禁止百度蜘蛛爬行的话，百度会自动收录的。但这个收录可能会等很久。所以一般情况下，我们都是采用提交自己的网址来达到快速被百度等搜索引擎收录的效果。2、首先，我们复制以下链接，打开这个网页：http://www.baidu.com/search/url_su...

转载 JS - 前端人脸识别框架 Tracking 与 JqueryFaceDetection

技术特点Tracking.js 是使用 JS封装的一个框架，使用起来需要自己配置许多的东西，略显复杂。JqueryFaceDetection 是使用 JQuery 封装的框架，只留下一个接口，比较方便。使用说明如何下载 JS 文件我就不说了，可以直接百度。1、Tracking.jsTracking.js 需要先引入 tracking-min.js，然后根据你的需求在...

转载 Vue.js - Vue 项目引入 JQuery 框架

既然写项目，那么少不了用 JQ，那我们就引入进来吧~1、因为已经安装了 Vue 脚手架，所以需要在 Webpack 中全局引入 JQuery打开 package.json 文件，在里面加入这行代码，jquery 后面的是版本，根据你自己需求更改。dependencies:{　　"jquery":"^2.2.1"}2、然后在命令行中 cnpm install......

原创 Git - 实战常用命令

一、常规操作（默认操作主分支：master）“git add .”将当前目录下修改的所有代码从工作区添加到暂存区，“.”代表当前目录 “git commit -m ‘注释’”将缓存区内容添加到本地仓库 “git pull origin master”将远程仓库 master 中的信息同步到本地仓库 master 中 “git push origin master” 将本地版本库推送...

转载 Win系统 - 怎么样卸载 Win10 更新补丁，如何删除系统安全补丁

Windows10 系统每个月都会例行升级，但有时候升级后可能会导致一些应用，或是设置不能够正常使用，这时只需要把更新补丁卸载就可以了。下面就来看看如何卸载 Windows10 系统更新补丁的方法吧。方法 / 步骤1、在Windows10系统桌面，右键点击桌面左下角的开始按钮，在弹出的菜单中选择“设置”菜单项。2、这时可以打开Windows10的设置窗口，点击“更新和安全...

转载 JS - 前端生成 UUID 四种方法

全局唯一标识符（GUID，Globally Unique Identifier）也称作 UUID(Universally Unique IDentifier) 。GUID 是一种由算法生成的二进制长度为128位的数字标识符。GUID 的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的 x 是 0-9 或 a-f 范围内的一个32位十六进制数。在理想情...

原创 Handsontable - 解决 Vue Keep-Alive 缓存 Handsontable 接口数据源无法更新问题

此类问题更多针对于下拉菜单到后台拉取数据的情景，解决办法如下 。this.$refs.ht.hotInstance.updateSettings({ columns: this.columns})

原创 CSS - 解决 “本地测试” 和 “线上测试” 样式不一样问题

如题，基本上我也很少遇到这种情况，但实战中，还真遇到过……解决办法也很简单，只需要在本地样式CSS代码中，处理优先级即可，简单粗暴：“!important”。...

原创 WebApp - 微信浏览器解决安全提示“防盗号或诈骗，请不要输入QQ密码”

未设置之前解决方案只需要把域名加入白名单，设置方法：微信公共平台后台 --> 公众号设置 --> 功能设置 --> 填写业务域名即可。Ps：有时候设置点保存时，可能还提示类似保存失败，过一会儿再试试，或者多点几次。......

原创 ES6 - Axios 全局设置取消请求及中断 Promise 调用链

// 获取CancelTokenconst CancelToken = axios.CancelToken;const source = CancelToken.source();// http request 拦截器axios.interceptors.request.use( (config) => { // 全局添加cancelToken newConf...

原创 Vue.js - Axios 访问 Java 后端跨域问题（支持 Cookie）

解决方案1、前端（Vue）配置axios.defaults.withCredentials = true2、后端（Java）配置public class AllowOriginFilter implements Filter { @SuppressWarnings("unused") public void doFilter(ServletRequest re...

转载 Win系统 - 微信居然自带修复工具？快来试试

微信——当代“社畜”必备工具。我和我的微信，一刻也不能分割~所以，微信出问题了打算（怎么办）？微信官方推出了：微信修复工具。今天小编就带大家来试（wán 玩）一下，官方的微信修复工具怎么样？如何进入【微信修复工具】？点击微信默认界面顶部的放大镜进入搜索功能，搜索“微信修复工具”；最上面的一条就能进入这一工具的界面。【微信修复工具】有什么功能？微信修复工具其...

原创 Win系统 - 你一直在用错误的方式搜索？

1、Win10自带搜索框输入关键字就可以搜索到应用程序和系统设置，简直全能。如果默认没有显示搜索框，可以通过【WIN】+【Q】快捷键打开。关闭历史搜索记录如果不想保留和显示历史搜索记录，可以点击【设置】（左下角齿轮图标），在【权限和历史记录】中关闭。2、文件夹搜索打开文件所在盘符，点一下搜索框，再点击【搜索工具】可以根据【类型】【大小】和“路径”等【其他属性】...

转载 Win系统 - 一招教你加速 WIN 菜单！

亲爱的朋友，你是否知道，WIN 10开始菜单和以前的WIN菜单有啥不同呢？（除了长得不一样）答案是：为了美观，WIN 10的开始菜单有延迟显示效果，每次都不紧不慢的弹出窗口或显示菜单/资源管理器。平时欣赏下灰常不错，但是着急办事的时候还是等不及啊！接下来小编就来教教你如何修改“过渡”时间，满足你的急性子。01、找到注册表Win+R组合键后输入regedit，定位到HKEY_CU...

原创 JS - 阿里云 OSS 文件下载通用办法（支持跨域）

// 创建 OSS 客户端对象createOssClientTemp () { return new Promise((resolve) => { let client = new OSS({ accessKeyId: 'xxx', accessKeySecret: 'xxx', bucket: 'xxx' ...

原创 Win系统 - Win10 电脑桌面的 WiFi 图标不见了怎么办？

我们在使用电脑是，有时回发现电脑右下角的WiFi图标不见了，这让我们身份不方便，因为我们不知道是否连上WiFi了没有，连上谁的WiFi，今天教你怎么把它显示出来。...

转载 程序人生 - 程序员买房有哪些注意事项？

原创 IntelliJ IDEA - try / catch / finally 快捷键

选中想被 try / catch / finally 包围的语句，同时按下 Ctrl +Alt + T，如图

原创 IntelliJ IDEA - 光标批量垂直连续选中（Alt + Shift + Insert）

Alt + Shift + Insert：开启批量光标批量垂直连续选中；如果想恢复原来模式，就再按一次该快捷键即可。Ps：类似于 IDEA，如：WebStorm...也是同样的规则。关闭Alt + Shift + Insert 模式开启Alt + Shift + Insert 模式...

原创 JS - 播放音频文件

play () { let mp3 = "https://wxgj-oss.oss-cn-hangzhou.aliyuncs.com/audio/orgid/userid/sign.mp3" let audio = new Audio(mp3) audio.play() // 播放音频对象}

原创 程序人生 - 程序员高情商的聊天技巧

Ps：若图片比较模糊，点击下文图片进行查看~

转载 程序人生 - 防止熬夜的最好方法（10 个时间管理建议）

# 防止熬夜的最好方法 #【 10个时间管理建议 转存！】越重要的事拖得越久；总是从工作清单中挑出最不重要的事情做；每天加班熬夜，却还觉得时间不够……时间对于每个人都很公平，但在不同人手中，结果却截然不同。行动起来，莫负光阴！转给有拖延症的TA！ ​...

原创 HTML - Video 在使用非 localhost/127.0.0.1 地址访问时打开摄像头失败

在使用非localhost地址访问时打开摄像头失败，但使用localhost/127.0.0.1打开摄像头又是正常的。解决方案新版本 Webrtc 部署到网络需要 HTTPS才能用摄像头，Firefox估计没限制。所以把 HTTP 改成 HTTPS 即可，当然 HTTPS 你提前要配置好。...

原创 程序人生 - 音频格式 PCM、WAV、MP3 区别

PCMPCM（Pulse Code Modulation----脉码调制录音)。所谓PCM录音就是将声音等模拟信号变成符号化的脉冲列，再予以记录。PCM信号是由[1]、[0]等符号构成的数字信号，而未经过任何编码和压缩处理。与模拟信号比，它不易受传送系统的杂波及失真的影响。动态范围宽，可得到音质相当好的影响效果。WAVWAV是无损的格式，标准格式化的WAV文件和CD格式一样，是4...

原创 程序人生 - 根据地域查询手机号段

使用方法https://www.chahaoba.com/地区 + 手机号前三位，比如：https://www.chahaoba.com/杭州173，就会搜索出所有在杭州 173 开头中间四位的所有号段。

原创 JS - 语音合成（普通版）

<script type="text/javascript"> var msg = new SpeechSynthesisUtterance("hello everyone"); window.speechSynthesis.speak(msg);</script>Ps：简单粗暴，唯一的缺点就是声音不美丽，但可以通过阿里云的 AI 语音合成 SDK ...

原创 Netty - java.lang.NoSuchMethodError:io.netty.bootstrap.Bootstrap.channel

解决方案：检查下是否是 netty 包冲突引起的。