Robin 的博客

原创 快应用踩坑记录

执行顺序：npm installnpm run buildnpm run server运行 npm run server 报错 Can't find module 'xxx\hap-tools\debugger\server\index.js'：解决方式：运行 hap update --force 强制更新 hap 版本，根据提示继续运行 npm install 更新依赖，之...

原创 js 阻止事件冒泡，阻止默认事件

https://blog.csdn.net/wxl1555/article/details/53128966

原创 使用 koa-generator 快速搭建 koa2 项目

1. 全局安装 koa-generatornpm install koa-generator -g2. 新建一个 koa2 项目koa2 project-name3. 安装依赖cd my-projectnpm install4. 启动项目npm start5. 查看效果网页打开 localhost:3000koa 文档：官方文档中文文档...

原创 No package *** available. Error: Nothing to do，安装 EPEL 解决

EPEL：企业版 Linux 附加软件包，即 Extra Packages for Enterprise Linux一、官方安装教程RHEL/CentOS 6:yum install https://dl.fedoraproject.org/pub/epel/epel-release-latest-6.noarch.rpmRHEL/CentOS 7:yum install https...

转载 配置 CentOS 的 yum 源为阿里源

写在前面： 之前阿里开源镜像站有一篇配置 yum 源的教程（链接：http://mirrors.aliyun.com/help/centos ，现已失效），特此记录一份，以备不时之需！1、备份mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup2、下载新的 CentOS-Base.rep...

原创 vue-cli2 中配置 webpack 的代理

module.exports = { ... // 配置转发代理 webpack.base.conf.js devServer: { disableHostCheck: true, port: 8080, proxy: { '/api': { target: 'http://localhost:5555', ws: true, ...

原创 Navicat链接 mysql 8 报错 Authentication plugin 'caching_sha2_password' cannot be loaded 原因及解决方案

一、报错原因：mysql 8.0 默认使用 caching_sha2_password 身份验证机制：从原来的 mysql_native_password 更改为 caching_sha2_password，但是第三方客户端（如Navicat）暂不支持新的加密方式，故而报错。二、解决方案：双击打开 MySQL 8.0 Command Line Client；输入密码登录账户；依次执行以...

原创 windows 修改或删除 git 本地账户

转载 js 实现函数防抖(debounce)和函数节流(throttle)

一、函数节流(throttle)函数节流：函数只有在大于等于执行周期时才执行，周期内不执行。应用场景：窗口调整（resize）页面滚动（scroll）抢购疯狂点击（mousedown）/** * 函数节流 throttle * @param {Object} func 要执行的函数 * @param {Object} wait 等待时间 * @param {Object} ...

转载 jQuery 的 resize 方法扩展，支持 window 对象以外的 dom 元素

现在有一个需求，当窗口或者容器高度发生变化时，更新滚动条，滚动条插件使用的是 jQuery.NiceScroll，需要同时监听 window 对象 和 div 容器的 resize 事件。事实上，jQuery 官方是有 $(window).resize() 事件的，只不过只能监听 window 对象，下面是方法代码，请在引入 jQuery 之后使用！代码示例：// 监听div大小变化(f...

原创 textarea 高度自适应

需求： 一个有最小高度的 textarea 标签，当文字增多时，可以根据需要自动撑开高度。固定高度可以设置 rows 属性或者 min-height 样式。vue 中的用法：<textarea id="feedback" rows="2" placeholder="请输入您想反馈的问题" v-model="feedback"

原创 vue 中使用 rem 布局的两种方法

在使用 vue-cli 开发 H5 项目时，需要进行 rem 适配，下面提供两种常用的方法（以 750 设计稿为例），希望对大家有所帮助。方法一：在 index.html 或者 main.js 中添加以下代码：const setHtmlFontSize = () => { const htmlDom = document.getElementsByTagName('html')[...

原创 按字母索引的中国城市名称 json 数据

相信很多人都有根据字母索引地区的需求，以下是我从“饿了么”h5 端拿到的 json 数据，有需要的直接拷贝就可以了。json 源链接：https://shadow.elemecdn.com/lib/[email protected]/city_list.json{ "alphabet": [ "A", "B", "C", "D", "E",

原创 Vue2.0 中使用 CKeditor 富文本编辑器

因业务需求，需要用到富文本编辑器，经过一番调研，最终决定用 CKEditor，因为需要结合 VUE 技术栈进行使用，故而有了这篇博客，以解决 VUE 中使用 CKEditor 的问题。截止目前（2019-01-01），CKEditor 有两个大的版本：CKEditor 5：不可用于商业用途，如果使用该版本，下面的内容不需要看，直接可以 npm 安装并使用，详见官方文档 => Rich ...

转载 使用 Node.js 搭建 Web 服务器

参考链接：https://www.cnblogs.com/onepixel/p/5327594.html使用Node.js搭建Web服务器是学习Node.js比较全面的入门教程，因为实现Web服务器需要用到几个比较重要的模块：http模块、文件系统、url解析模块、路径解析模块、以及301重定向技术等，下面我们就一起来学习如何搭建一个简单的Web服务器。1. 一个Web服务器应具备以下几个...

原创 vue 应用生产环境的 webpack 打包配置优化

1. 去掉 console 打印及 debug 信息，加快运行速度修改 /build/webpack.prod.conf.js 文件配置如下：const webpackConfig = merge(baseWebpackConfig, { plugins: [ new UglifyJsPlugin({ uglifyOptions: { compress:...

转载 HTML5 中 canvas 绘图的撤销与反撤销功能实现

> 实现原理：保存快照：每完成一次绘制操作则保存一份 canvas 快照到 canvasHistory 数组（生成快照使用 canvas 的 toDataURL() 方法，生成的是 base64 的图片）；撤销和反撤销：把 canvasHistory 数组中对应索引的快照使用 canvas 的 drawImage() 方法重绘一遍；绘制新图像：执行新的绘制操作时，删除当前位置之后的...

转载 获取小程序各个组件的默认样式

参考链接：小程序组件默认样式 component default style微信开发者工具是用 NW.js 写的，编辑器使用 VSCode 团队开源的 monaco-editor 实现，模拟器和调试器使用 NW.js 提供的 webview 标签实现。其中模拟器用于展示视图层渲染结果，调试器用于调试逻辑层代码。言归正传，上具体操作步骤：从微信开发者工具菜单栏中，打开“调试微信开发者工...

转载 各大开源协议的比较

参考链接：如何选择开源许可证？重要开源协议的比较(BSD,Apache,GPL,LGPL,MIT) – 整理Open Source Licenses by Category一、六大许可证的区别（阮一峰）：二、“受欢迎、广泛使用或拥有强大社区”的许可证：Apache License 2.0 (Apache-2.0)3-clause BSD license (BSD-3-Clau...

原创 14 款（移动端）UI 框架

因业务需求，特调研了当前比较火的移动端UI框架，在此做一个汇总。 star数据是截止发文时间（2018-08-18），仅供参考。一、【H5通用UI】WeUI Star:19743 WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。FrozenUI（QQ） Star:2635...

原创 Android签名证书生成

写在前面：正式打包发布Android的apk应用，需要先选择或新建一个数字证书，即keystore文件，生成数字证书的常用方法有两：一是利用eclipse生成，二是在命令行中生成，下面我们来介绍如何在命令行中生成Android的数字证书。下载安装 JDK；打开 CMD，直接输入以下指令（PS：需设置好环境变量，否则需要进入 JDK 的 bin 目录下输入指令）； keytool ...

转载 在IE浏览器访问vue项目，报错：vuex requires a Promise polyfill in this browser

第一步： 安装 babel-polyfill 。 babel-polyfill可以模拟ES6使用的环境，可以使用ES6的所有新方法 npm install --save babel-polyfill第二步： 在 Webpack/Browserify/Node 中使用 在 /build/webpack.base.config.js 文件中，找到以下代码：module.exports =...

转载 使用 Node.js 搭建 Web 服务器

参考链接：https://www.cnblogs.com/onepixel/p/5327594.html使用Node.js搭建Web服务器是学习Node.js比较全面的入门教程，因为实现Web服务器需要用到几个比较重要的模块：http模块、文件系统、url解析模块、路径解析模块、以及301重定向技术等，下面我们就一起来学习如何搭建一个简单的Web服务器。作为一个Web服务器应具备以...

转载 CSS 选择器参考手册

原文链接：http://www.w3school.com.cn/cssref/css_selectors.asp 选择器 例子 例子描述 CSS .class .intro 选择 class=”intro” 的所有元素。 1 ...

原创 Google Chrome 未响应。是否立即重新启动?

问题场景：Webstorm中进入chrome浏览器，浏览器正常打开状态，但是不能跳转到浏览器，并提示 “Google Chrome 未响应。是否立即重新启动?” 系统环境：Win10x64，chrome 66.0.3359.181方案一：CMD指令杀掉chrome进程（有残留进程杀不掉） Win+R ⇒ taskkill /f /im chrome.exe方案二：任务管理...

转载 图解JavaScript中数组的迭代方法

参考链接： 如何形象地解释 JavaScript 中 map、foreach、reduce 间的区别？

转载 快速删除node_modules文件夹

问题：windows下无法删除node_modules文件夹，提示文件名或扩展名太长无法删除，即使能够删除，速度也是不敢恭维。特此百度一番，找到了一个很好的方法解决这个问题，特此记录。解决方法：使用npm的一个名为rimraf的模块进行删除官方描述：The UNIX command rm -rf for node，即node环境下模拟unix或者linux下的rm -rf（强制删除...

原创 Webstorm 快捷设置 / 快捷键 收录（持续更新）

写在前面：该博文主要收录本人在Webstorm平时使用中的相关问题，主要宗旨是提高开发效率、少走弯路！ 参考版本：Webstorm 2017.1一、Webstorm快捷设置2.1 设置tab默认缩进值 2.2 设置Node.js智能提示2.3 设置node_modules扫描忽略2.4 设置js提示为ES6二、Webstorm快捷键1...

原创 正则表达式手册

写在前面：作为一名前端开发人员，正则表达式是一项必备技能，特此整理了相关的资料及常用正则，以备不时之需。参考链接： http://tool.oschina.net/uploads/apidocs/jquery/regexp.html http://tools.jb51.net/regex/create_reg https://www.cnblogs.com/Akeke/p/6649589...

原创 web端调起Windows系统应用程序（exe执行文件），全面兼容所有浏览器

1. exe可执行文件2. 创建注册表3. web调用

转载 实现VMware虚拟机和主机之间互相ping的通

前提条件：虚拟机和主机使用 同一张网卡（只有一张网卡可忽略）；VMware虚拟机设置网络连接方式为 桥接模式虚拟机设置与主机 同网段的ip，如 192.168.1.1 和 192.168.1.2 进入正题：方案一：关闭虚拟机和主机的防火墙（不推荐）方案二：设置主机防火墙规则（以win10为例） 控制面板 –> 系统和安全 –> Windows防火墙 –> 高级设置 入站规则

转载 谁占用了你的CentOS磁盘空间

写在前面：本人在自己的电脑上安装了CnetOS虚拟机，在磁盘空间不足的情况下重启了虚拟机，结果输入密码之后是黑屏，同时弹出提示：没有正确安装GNOME电源管理器的默认配置，在此记录解决方案。通过命令行方式登录系统（使用Ctrl+Alt+F1~F7，试一试）查看磁盘占用率 df -h，这时是100%（截图是清理之后的） 进入根目录 cd /，执行 du -sm * | sort -n （磁盘占用的

原创 让你的chrome控制台完全支持jQuery语法

写在前面： 1. 如果打开的网页本身使用了jQuery，那么它的控制台是可以直接使用所有的jQuery语法的（具体根据jQuery版本而定）。 2. chrome浏览器的控制台支持一部分jQuery的语法（jq选择器），并非全部。实现代码：/** * 在控制台粘贴以下代码 * 注意：1.https页面引用的cdn也必须是https的 * 2.每个页面是独立的，添加的代码只对当前页

转载 CentOS 修改yum源为国内源

参考链接：http://mirrors.aliyun.com/help/centos?spm=5176.bbsr150321.0.0.d6ykiD备份源文件 mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup下载新的CentOS-Base.repo 到/etc/yum.repos.d/ （注

原创 Python命令行下退格、删除、方向键乱码问题解决（亲测有效）

一. 出现原因：readline模块没有安装 二. 解决方式：# 安装readline模块yum -y install readline-devel# 进入Python安装目录cd /usr/local/Python-2.7.12# 重新执行Python的安装configuremakemake install

原创 通过xshell连接CentOS（6.8/7）问题汇总

一. 前言写在前面：如果你安装的cent6.8镜像是live版，请尽快换成bin版本，live版重启所有配置都会恢复默认，谨记谨记，这可是血的教训啊！！！ 我用的cent镜像文件 ==> “CentOS-6.8-x86_64-bin-DVD1.iso” && “CentOS-7-x86_64-Everything-1611.iso”如果你注意到了上面我写的，你可能不会遇到这个问题，但我还是记录一下

原创 Cent7开机自动联网设置

Cent7默认开机是不会自动连接到互联网的，遇到了这个问题，记录一下解决方式，大神勿喷！打开终端，以root身份登录系统： su -进入网络配置文件目录： cd /etc/sysconfig/network-scripts/查看目录下的文件： ls编辑配置文件： vi ifcfg-网络名 ONBOOT=no 改成 ONBOOT=yes保存退出，重启系统测试是否自动连接

转载 十张思维导图掌握javascript重点

下面附上十张javascript思维导图，其中囊括了js大部分的知识点，倘若全部精通，那可以说就相当厉害了。思维导图的呈现方式使得js的整体知识体系更加条理清晰，对大家系统的掌握js很有帮助，欢迎大家收藏！1. js数据类型2. js变量3. js运算符4. js流程语句5. js数组6. js函数基础7. js字符串函数8. js正则表达式9. DOM基础操作10. window对象最后附上原图

原创 【慕课网实战课程笔记】Vue.js高仿饿了么外卖App

【慕课网实战课程笔记】Vue.js高仿饿了么外卖App该课程为慕课网付费课程，笔记内容代码居多、内容简略，仅供自己日后翻阅。如有疑问或者不妥，欢迎提出指正，我看到了会回复，谢谢！