自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 快应用踩坑记录

执行顺序: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 更新依赖,之...

2019-09-20 00:00:27 160

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

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

2019-09-19 23:36:40 28

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

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

2019-08-15 11:08:11 90

原创 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...

2019-07-30 16:48:25 4753

转载 配置 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...

2019-07-25 22:09:27 223

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

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

2019-06-27 14:04:58 1066

原创 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;输入密码登录账户;依次执行以...

2019-06-21 23:10:06 893

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

2019-04-28 16:37:42 1629

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

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

2019-02-12 19:41:28 346

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

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

2019-01-28 22:08:20 393

原创 textarea 高度自适应

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

2019-01-25 10:59:02 3736

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

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

2019-01-25 10:35:58 10795

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

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

2019-01-13 22:06:23 1466

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

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

2019-01-01 18:06:20 2889

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

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

2018-11-18 23:27:13 67

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

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

2018-11-08 09:56:54 1426

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

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

2018-11-02 16:20:36 5988 4

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

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

2018-10-22 11:00:50 384

转载 各大开源协议的比较

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

2018-10-20 23:52:15 1562

原创 14 款(移动端)UI 框架

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

2018-08-18 16:26:56 22075

原创 Android签名证书生成

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

2018-08-18 12:27:02 10923

转载 在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 =...

2018-07-27 21:30:40 731

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

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

2018-06-07 14:16:10 486

转载 CSS 选择器参考手册

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

2018-06-05 16:36:01 315

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

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

2018-05-29 11:40:03 2231

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

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

2018-05-23 18:38:06 286

转载 快速删除node_modules文件夹

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

2018-05-12 17:53:29 33858 2

原创 Webstorm 快捷设置 / 快捷键 收录(持续更新)

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

2018-04-28 13:46:05 895

原创 正则表达式手册

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

2018-04-28 13:32:06 652

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

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

2018-04-17 11:04:08 7023

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

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

2018-01-05 14:26:47 2302

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

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

2018-01-03 16:24:20 1596

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

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

2017-12-19 15:51:35 4423 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/ (注

2017-12-14 14:21:14 1496

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

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

2017-12-11 16:29:34 8066

原创 通过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”如果你注意到了上面我写的,你可能不会遇到这个问题,但我还是记录一下

2017-12-08 17:41:01 2640 1

原创 Cent7开机自动联网设置

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

2017-12-08 15:39:17 357

转载 十张思维导图掌握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对象最后附上原图

2017-12-05 13:57:43 13856 10

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

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

2017-11-21 16:43:27 8634 1

提示
确定要删除当前文章?
取消 删除