天下武功唯CODING不破

原创 nginx配置https域名

特别注意的是https使用的是443端口，此处若用户依旧使用的是http，则我们可以重定向到https域名上。接着配置，我们将下载好的pem和key文件上传到/usr/local/nginx/conf/cert文件夹下。注意：证书有多种类型支持下载，此处我们选择nginx证书，解压后会得到pem和key文件。创建成功后，点击证书申请，填写一下表单，此申请会从CA中心创建一个安全的证书。购买成功后，我们可以看到已经购买了20个证书，如下图所示，点击创建证书。复制编译好的nginx替换现有的nginx。

原创 解决vue-element-admin库npm install报错的问题

其实这个问题产生的原因很简单，就是原先的tui-editor插件（富文本编辑器插件）换了个名称，现在已经更名为toast-ui/editor因此安装不了，从而报错！进入\src\components\MarkdownEditor\index.vue文件，将他的所有import删除换成下面四行。以上就是npm或cnpm install 安装tui-editor报错时的解决方案，亲测有效哦！2）把页面中的所有tui-editor全部替换为@toast-ui/editor。

原创 EasyMock本地化部署采坑

1.安装首先准备环境：nodejs 需>=8.9.1且小于9.0.0版本，此处建议安装8.9.3版本，最好使用nvm切换redis 需>=4.0版本mongodb 需>=3.4版本环境准备完成后，拉代码git clone https://github.com/easy-mock/easy-mock.git cd easy-mock && npm install 2.特别注意，使用npm run dev如果报错于file相关，则是权限问题，需

原创 ckeditor5编写自定义插件，并做国际化处理

官方文档：https://ckeditor.com/docs/ckeditor5查看了官网文档，发现对怎么编写插件写的不是特别明白，于是翻阅源码，举一反三首先下载好ckeditor5的自定义构建项目，在src目录下新建plugins文件夹存放我们自己写的插件这里我编写一个emoji表情插件，做为参考，目录如下：其中index.js内容import { Plugin } from 'ckeditor5/src/core';export default class Special

原创 从源码上解决 gyp verb check python checking for Python executable “python2.7“ in the PATH

出现这个报错时，根据错误提示，找到报错时的源码从日志上知道是因为缺少python27，但我电脑上是安装了python27版本的，但怎么也检测不到。但通过上图分析可知，此python27版本检查的路径是在上图框出的这个路径下，那么我们在cmd命令提示工具中输入%SystemDrive% 可看到此时已经定位到了C盘目录下那么显而易见，这个python27检测是否安装就是根据检查C:\Python27目录下是否存在python.exe知道问题后就好办了，手动下载python27（网上各种花

原创 JS在if中的强制类型转换

众所周知，JS在很多情况下会进行强制类型转换，其中，最常见两种是：1.使用非严格相等进行比较，对==左边的值进行类型转换2.在if判断时，括号内的值进行类型转换，转化为布尔值今天，我就来聊一聊JS在if中的强制类型转换。其实，如果详细要讨论哪些值在if中强制转换为true，哪些值在if中强制转换为false，这很困难，因为，情况太多了。但是，我们可以轻松记住强制类型转换结果，为什么？因为，大多数情况下，都是转换为true，只有四种情况会转换为false。此时，我们只需要记住转换为false的

原创 JS下==和===的区别

说简单一点：== 代表相同===代表严格相同双等号==：　　（1）如果两个值类型相同，再进行三个等号(===)的比较　　（2）如果两个值类型不同，也有可能相等，需根据以下规则进行类型转换在比较：　　　　1）如果一个是null，一个是undefined，那么相等　　　　2）如果一个是字符串，一个是数值，把字符串转换成数值之后再进行比较三等号===:　　（1）如果类型不同，就一定不相等　　（2）如果两个都是数值，并且是同一个值，那么相等；如果其中至少一个是NaN，..

原创 VUE下载文件并修改文件名

通常js下载文件并修改文件名大部分人认为是不行的，那么今天给大家带来一个可行的方法首先我们下载文件时使用接口请求的方式import axios from 'axios'export const downloadFile = (url, filename) => axios .get(url, { responseType: 'blob', }) .then((res) => { const blob = new Blob([res.

原创 解决vscode中gitlens失效侧边栏图标不显示

gitlens安装后，这里应该有个图标，但不知道怎么回事就不显示了解决方法：打开vscode命令面板，windows下ctrl+shift+p找到gitlens set views layout命令，点击选择Gitlens Layout即可

原创 异常：egret获取引擎列表失败

异常解决方案：1.打开cmd输入egret，查看是否出现下面的问题2.以上问题告诉我们肯定是egret环境变量的问题，首先定位egret命令是在那里打开目录，删除egret相关文件，然后重启Egret Launcher 修复引擎环境变量，然后打开cmd执行egret命令查看是否正常出现以上提示表示egret环境正常，这时在打开Egret UI Editor就不会出现问题了...

原创 nvm安装node失败解决方法 Node.js is not yet released or available.

1.如果使用nvm install 8.10.0安装老版本可能会提示下面错误：Node.js v8.10.0 is not yet released or available.2.手动下载nodejs 8.10.0版本，下载完成后将其解压到nvm安装目录，如下图3.使用nvm list命令查看这个时候已经能够被nvm正常识别，接下来使用 nvm use 8.12.0命令即可...

原创 JS 日常技巧

JS 生成唯一ID /** * generate an unique id string (32) * @private * @return string */ getUniqueID() { let id = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { ...

原创 【vue】h5 实现路由管理：保留历史页面，并在后退时释放

公司项目有用到vue来开发H5项目，在使用vue router的时候发现了一个小小的问题：1.默认vue在页面跳转后，会释放掉之前的页面2.添加keep-alive之后，发现所有的页面都会保留，但数据不会刷新，例如：首页->列表->详情在上面这个跳转过程中，列表存在筛选条件和搜索框，从列表页回退到首页后，再点开列表页发现筛选条件没有被清空，还是上次的记录，而且如果所有页...

原创 Android Studio 3.6.1不能正常加载 flutter 插件

问题：升级Android studio 后，flutter插件找打到了，在plugins中也无法搜到解决办法：1.手动下载对应可用版本的Dart 插件，这里为了方便，我已经挑选好了，复制下面链接可直接下载https://plugins.jetbrains.com/files/6351/72602/Dart-192.7761.zip?updateId=72602&pl...

原创 CentOS查看Redis安装目录

首先查看进程IDps -ef|grep redis然后通过进程ID查找目录，xxxx代表进程IDls -l /proc/xxxx/cwd

原创 CentOS7查看系统最大线程数

查询系统最大支持线程数cat /proc/sys/kernel/threads-max查询当前已用线程数量pstree -p | wc -l

原创 【cocos creater】10.仿《弓箭传说》- 添加HP血条

查看项目所有章节接着上一章，我们在enemy节点下添加hp_bar的ProgressBar节点并在enemy节点下添加head精灵节点，并设置头像修改enemy节点，移除之前添加的Sprite属性编辑enemy.ts脚本文件const { ccclass, property } = cc._decorator@ccclassexport def...

原创 【cocos creater】9.仿《弓箭传说》- 子弹的碰撞

查看项目所有章节接着上一章，编辑bullet.ts脚本文件，添加碰撞函数，此方法在元素发生碰撞时会调用 /** * 当碰撞产生的时候调用 * @param {Collider} other 产生碰撞的另一个碰撞组件 * @param {Collider} self 产生碰撞的自身的碰撞组件 */ onCollisionEnter(other: cc.C...

原创 【cocos creater】8.仿《弓箭传说》- 发射子弹

查看项目所有章节接着上一章，在层级管理器中创建一个名叫bullet的精灵，表示我们的子弹接着给bullet精灵添加子弹图片效果如下：创建完成后，在层级管理器中将bullet精灵直接拖到下方的资源管理器中，形成bullet预制体然后删除层级管理器中的bullet精灵创建bullet.ts脚本const { ccclass, property } = cc...

原创 【cocos creater】7.仿《弓箭传说》- 控制主角朝向敌人

查看项目所有章节接着上一章，我们添加一个敌人精灵，起名enemy并在enemy属性中，添加图集，设置图片得到效果：新建一个enemy的TypeScript脚本，并将脚本添加到entity精灵上编辑game_manager脚本，在顶部添加entity的导入import Enemy from '../script/enemy'并添加entity属性节点 ...

原创 【cocos creater】6.仿《弓箭传说》- 控制主角移动（附源码）

查看项目所有章节接着上一章，我们在main场景中创建一个role精灵节点在资源管理器中，将head图集拖到Sprite属性节点的Atlas属性上，并把head图集中的baioqing_1图片拖到Sprite Frame属性上效果如下：接下来创建在scripts文件夹中创建一个名叫role的TypeScript脚本，脚本内容：const { ccclass, p...

原创 【cocos creater】仿《弓箭传说》

项目介绍：此游戏是由cocos creater编写，可发布到原生，h5，微信小游戏等各大平台上。此demo中实现了热门小游戏《弓箭传说》的核心功能，可提供参考，欢迎各位评论点赞【cocos creater】1.仿《弓箭传说》-开发环境及项目搭建【cocos creater】2.仿《弓箭传说》-项目框架结构搭建【cocos creater】3.仿《弓箭传说》-项目浏览及调试【...

原创 【cocos creater】5.仿《弓箭传说》- 创建虚拟遥感

查看项目所有章节接着上一章，在man场景中创建一个 joystick 精灵，并在 joystick下创建一个 stick 精灵将提前准备好的资源拖到精灵上修改它们的大小，joystick修改为260*260，stick修改为100*100并给joystick节点添加widget组件，并设置左下位置100，让其固定在屏幕的左下角在scripts文件夹中创建...

原创 【cocos creater】4.仿《弓箭传说》- 创建游戏背景

查看项目所有章节删除我们上一章中创建的New label节点，添加一个新的精灵节点，并命名为bg (windows下按F12可快速重命名)将我事先准备好的背景图片资源放在res文件夹下从资源管理器中，将bg图片拖到下图所示的位置此时在场景编辑器中发现背景图片并没有充满整个canvas，怎么办呢？在bg的属性检查器中，点击添加组件，添加widget组件，并设置上下左右...

原创 【cocos creater】3.仿《弓箭传说》-项目浏览及调试

在上一章，我们讲了项目框架的搭建，并创建了一个main场景，接下来我们试着运行一下项目看看效果：优秀的IDE可以给我们开发带来极大的便利，在cocos creater中内置了手机实时浏览的功能，在右上角当然，如果你扫描发现手机无法打开的话，说明你的手机和电脑不在同一个局域网内除了手机浏览外，也可以通过顶部中间的三角箭头来运行点击三角小箭头，即可打开电脑默认浏览器浏览...

原创 【cocos creater】2.仿《弓箭传说》-项目框架结构搭建

查看项目所有章节在第一章我们创建了一个CocosDemo的空项目，接下来我们讲一下项目结构的搭建首先在IDE的左下角我们看到有一个资源管理器这里有一个assets文件夹，这里是就是存放我们游戏所有资源和代码的地方，这里很关键，接下来我们在assets中创建3个文件夹：一个res文件夹，存放图片，音频等资源文件一个scenes文件夹，存放场景文件一个scripts文件夹，...

原创 【cocos creater】1.仿《弓箭传说》-开发环境及项目搭建

查看项目所有章节首先进入cocos creater官网https://www.cocos.com/creator打开下载V 2.1.2版本，因为cocos creater的各个版本之间都有差异，建议尽可能用一样的版本1.首先看一下我们要实现的效果2.开发环境安装下载好2.1.2的cocos creater安装包之后，双击打开，选择安装在d盘下。同时下载VS code开...

原创 Exception: D:\Unity\Editor\Data\il2cpp/build/il2cpp.exe did not run properly!

如果在错误信息中存在下面的这一句：System.Reflection.TargetInvocationException: ���õ�Ŀ�귢�����쳣�� --->System.InvalidOperationException: ��ʵ�ֲ��� Windows ƽ̨ FIPS ��֤�ļ����㷨��һ���֡��� System.Security.Cryptography....

原创 代码分支管理

原创 【flutter】4.提高dart代码可读性，优化目录结构，flutter组件化开发

在flutter示例中，所有的代码全部存在main.dart文件中是可行的，哪怕你把所有的代码全部写在main.dart中也是可以的，flutter并没有对此加以限制，但如此以来，可读性想当的糟糕，甚至让人难以直视，当项目足够大时，维护起来想当的复杂，怎么解决这一问题呢？1.首先介绍 import 本地dart文件先打开main.dart观察原始代码在这个代码中所有的实现全部放在了...

原创 【Flutter】3.解读flutter新建项目生成的示例代码

首先打开lib目录下的main.dart文件，在上一篇中对flutter目录文件进行了相关解释，flutter应用层是使用dart语言编写，最终会转换为机器码，生成了so文件，对于so文件，学习过android NDK开发的同学相信并不陌生，接下来我们分析一下main.dart文件中的内容从整体上看，dart语言和java有不少相似的地方，dart是由google开发的一门编程语言，可以说相似...

原创 【flutter】2.新建项目

打开AndroidStudio，安装Flutter插件，在这里推荐大家安装最新版AndroidStudio安装完成后立即重启一下，然后就可以看到在File>New下多了New Flutter Project项点击New Flutter Project新建Flutter项目，选择Flutter Application点击下一步Project name即项目名称，默认使...

原创 【flutter】切换渠道

flutter现有4个渠道，分别是 beta dev master stable如果想查看当前渠道，则执行下面命令flutter channel星号所在的就是当前渠道，如果需要切换，则执行：flutter channel [<channel-name>]例如：flutter channel stable可切换到稳定渠道...

原创 【flutter】1.安装

SDK下载地址:此处使用的是 flutter_windows_v1.7.10-dev.zip国内可以访问我的百度网盘下载链接：https://pan.baidu.com/s/1yhUxNbwjYOzyiywAkoOyuw提取码：z3pq或者可以访问https://flutter-io.cn下载完成后解压，此处我将sdk放在d:\flutter目录下双击打...

原创 TextView在ListView，RecyclerView，ViewPager中不显示

在复杂的ViewGroup中需要重绘UI的时候:如ListView，RecyclerView，ViewPager中，如果在xml中使用了singleLine属性，可能导致setText无效根本原因：singleLine属性由于性能问题（尤其在非常复杂的ViewGroup中性能问题会凸显）官方已经不推荐使用了，建议用maxLines来代替；...

原创 nginx判断手机端还是电脑

方法:location / { #默认PC端访问内容 root /usr/local/website/web; #如果是手机移动端访问内容 if ( $http_user_agent ~ "(MIDP)|(WAP)|(UP.Browser)|(Smartphone)|(Obigo)|(Mobile)|(AU.Browser)|(wxd.Mms)|(WxdB.Bro...

原创 2.【webpack】打包编译生成html

在上一篇中讲到了webpack的简单使用，从webpack的初始化，项目创建到项目编译，在本篇为大家讲解webpack如何打包html目录---------------------------1.【webpack】初识及项目创建2.【webpack】打包编译生成html首先接着上一篇，我们就看一下项目的目录文件情况：接着为大家讲解webpack中plugins插件的作用...

原创 1.【webpack】初识及项目创建

webpack是构建前端html的一个强大的脚手架工具，随着业务的增多，前端功能越来越复杂，单纯的写html已经不能满足我们的日常需要，随后，前端模块化变得越来越重要，但是模块化后，js之间的交互，引用，管理却变得复杂，然而一个好的前端脚手架工具能帮我们处理这些琐事目录---------------------------1.【webpack】初识及项目创建2.【webpack】打...

原创 centos7安装redis

第一步：下载redis安装包wget http://download.redis.io/releases/redis-4.0.6.tar.gz第二步：解压压缩包tar -zxvf redis-4.0.6.tar.gz第三步：yum安装gcc依赖yum install gcc第四步：编译安装cd redis-4.0.6make MALLOC=libcc...

原创 win10免密登录多台centos机器

ssh-add命令是把专用密钥添加到ssh-agent的高速缓存中命令 作用 -D 删除ssh-agent中的所有密钥. -d 从ssh-agent中的删除密钥 -epkcs11 删除PKCS#11共享库pkcs1提供的钥匙 -spkcs11 添加PKCS#11共享库pkcs1提供的钥匙 -L 显示ssh-agent中的公钥 -l...