自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

安海军

专注于大前端开发

  • 博客(21)
  • 收藏
  • 关注

原创 阿里云 CentOS7 Nginx 配置 Https(SSL)

Nginx 配置 Https (SSL)登录到阿里云控制台顶部导航栏 -> 搜索框 -> 搜索 SSL -> 选择SSL证书(应用安全)购买证书点击购买证书选择免费版(个人)- 立即购买申请证书点击证书申请按钮填写申请证书绑定域名,重要www.yuming.com 和 *.yuming.com 为两个域名,免费个人版,单个域名需单独申请证书,所以这里只能填写一个域名 www.yuming.com 或 *.yuming.com其他信息按照图例

2020-07-22 23:06:47 527

原创 开发利器 vscode - 代码片段

什么是代码片段在项目开发中存在的一些重复或约定俗成的代码结构,我们将其封装处理,称为代码片段。在 vscode 中使用选择用户片段文件 > 首选项 > 用户片段 | 用户代码片段 (各版本略有区别)按需创建代码片段根据文件 | 代码类型创建代码片段如以下:// vue.json "Print to sts": { "prefix": "sts", "body": [ "<style lang=\"scss\" scoped>",

2020-07-22 18:07:22 648

原创 javascript 倒计时工具

JavaScript 倒计时工具<!-- * @Description: * @Author: HJA * @Date: 2019-08-31 00:17:57 * @LastEditors: HJA * @LastEditTime: 2019-09-02 17:06:16 --><!DOCTYPE html><html lang="en">...

2019-09-02 17:08:55 257

原创 vscode 高效率开发插件一(代码注释)

1、添加文件头、函数注释(文件类型无限制)插件名:koroFileHeader配置项:setting中搜索:FileHeader// 头部注释,默认设置:{'Author':'your name','Date':'Do not edit','LastEditors':'your name','LastEditTime':'Do not edit','Description':'file...

2019-03-22 11:48:20 41238 5

原创 js生成树形结构数组

简单实用的树形结构拼接方法&amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;head&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;meta http-equiv=&amp;amp;amp;quot;Content-Ty

2019-01-02 14:01:36 2493

原创 使用async和await优化异步事件

async与await的关系从根本意义上讲:二者成双成对出现,但是当理解了 async 返回的具体是什么的时候(二者其实也可以不成对,不建议,除特殊情况下)// 直接返回Promise对象function test(money) { return new Promise(resolve =&amp;gt; { setTimeout(() =&amp;gt; resolve(`l ...

2018-06-06 17:56:42 733

原创 ES6-对箭头函数的理解与使用细节

箭头函数,要注意一点其本身不指定作用域;Test() {let that = this; this.data.name = "安"; let inner = { func: (peram) =&gt; { this.name = "旭" }, func1: function() { this.name = "安旭" ...

2018-05-23 18:05:41 812

原创 微信小程序开发之选项卡tab(swiper)滑动切换功能实现

该功能实现依赖于 微信小程序 模板容器 swiper,及其提供的属性方法;具体实现如下:上代码index.wxml&lt;!--pages/index/index.wxml--&gt;&lt;view class="page"&gt; &lt;!-- &lt;view class="layout-header"&gt;&lt;/view&gt; --&gt; &l

2018-05-07 18:07:19 8496 3

原创 Git 仓储操作

将本地项目关联到远程仓库项目根目录下初始化 Git 仓库PATH > git init暂存所有本地文件PATH > git add .将暂存文件提交到本地仓库PATH > git commit -m "提交备注内容"关联远程仓库PATH > git remote add origin [远程仓库地址]查看远程仓库所有分支PATH > git branch最后一步,提交到远程仓库PATH > git push ori

2020-12-15 10:36:43 147

原创 前端开发环境配置-Windows

前端开发环境配置版本Node >= 10.16.0webpack >= 4.42.0yarn >= 1.19.1npm 包管理工具1、工具 nvm,下载地址https://github.com/coreybutler/nvm-windows/releases下载 nvm-setup.zip 解压。2、nvm 命令查看可安装使用的 node 版本nvm list available安装 node// nvm install [node版本] 64-

2020-05-26 16:40:32 747

原创 MAC上安装 nvm管理Node版本

NVM不同于 n 依赖于 Node , nvm 是独立的Node版本管理工具安装下载nvm github 仓库$: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash常用命令命令 描述nvm --help 展示帮助信息nvm --version 查看nvm版本nvm...

2020-03-20 21:59:36 2321

原创 阿里云 域名绑定公网IP

使用阿里云配置起来超简单域名列表点击解析,进入到域名解析页面;新手可通过点击新手指引按钮,在记录值中填入你的公网ip添加二级域名至此,在浏览器中通过域名访问你的项目,success!...

2019-05-28 16:01:41 2732

原创 CentOS 安装配置nginx

安装 nignxyum install nignx通过这个命令就可以安装nignx了启动nignxsystemctl start nginx 查看nignx运行状态systemctl status nginx 注:nignx默认80端口,下面进行修改端口找到nginx.conffind / -name nginx.conf修改端口vim nginx.confse...

2019-05-28 16:01:08 162

原创 阿里云 CentOS 安装mysql

借鉴:https://yq.aliyun.com/articles/285398阿里云CentOS相关操作在XShell中完成。验证是否安装 mysqlrpm -qa | gerp mysql-bash: gerp: command not found // 出现此提示代表未安装安装 mysql下载mysql包rpm -ivh http://dev.mysql.com/get/...

2019-05-28 15:59:50 143

原创 阿里CentOS云服务器-部署node环境

xshell连接阿里云服务器(CentOS)公网ip等已输入(默认端口22)用户名 root,连接时出现 ssh服务器拒绝了密码,请再试一次在阿里云控制台, 重置密码后,重启服务器,就可以愉快安装node环境通过 cURL工具安装node(具体使用情况找度娘)curl --silent --location https://rpm.nodesource.com/setup_8...

2019-05-28 15:59:35 178

原创 前端老司机 try-catch 的使用

try catch 的用途在程序逻辑中,需要在易出现问题的逻辑代码片段上,加持try-catch方法。这样做可以抛出错误,但是不会影响整个程序运转。try { // 你的逻辑代码片段} catch (e) { // 错误处理代码片段}...

2019-05-28 15:21:38 5844 1

原创 微信公众号 开发配置

公众号申请步骤略过…开发配置获取公众号 AppId、AppSecred通过开发者ID及密码调用获取access_token接口时,需要设置访问来源IP为白名单公众号设置 - 功能设置设置以下三项:根据微信的规则进行配置,多数都是配置完整域名即可,里面的.txt多数都是放置在根目录(根据具体配置)配置微信支付(申请过程略…)已申请到相关支付功能(如:jsapi支付、AP...

2019-02-26 10:41:58 232

原创 vsCode 常用快捷键

1. 格式化代码    选中你要格式化的代码片段,在底部栏选择代码格式    然后,按住 ctrl + K + F     完成

2018-05-21 16:26:35 209

原创 微信小程序 catchtap 阻止事件冒泡 - 多层嵌套点击事件问题解决

微信小程序 bindtap 普通点击属性catchtap 执行事件冒泡 event.stopPropagation();&lt;view bindtap="outerBind"&gt; &lt;view catchtap="outerBind"&gt; 点赞 &lt;!-- 内层嵌套点击事件, 可使用catchtap 事件冒泡 --&gt; &lt...

2018-05-21 11:24:42 10633

原创 微信小程序开发之rpx 的使用说明

最近正着手开发微信小程序,才发现自己差的还是有点远的。因为在之前的工作中,也都是在闲鱼时间通过浏览官网api,写点简单的demo#hello world#。当我真正去使用它开发项目时,才发现其奥秘颇深。注:( 凡是每一项技术,在你会使用它的同时,也要试着去剖析、了解它的设计、运行原理。现在的技术都是由互相借鉴的,原理大可说为 #相同# )话不多说,相信阅读我这篇文章的你,不久就会走上大牛之路。下面...

2018-04-26 23:40:38 9892 1

原创 微信小程序开发之flex布局

微信小程序view布局说之flex布局常用七大属性微信小程序支持 block 和 flex 布局( 默认 block 布局 ),目前推荐使用 flex 布局;既然推荐了,就说一下 flex 布局带给我们得#好处#快速、效率高、精准布局兼容性优由于低版本浏览器在国内,还占有一小部分席地。所以,在国内的pc端网站还要考虑兼容性问题。反观,在移动设备上应用就较为广泛移动端 flex布局已经占据主流wxs...

2018-04-26 11:39:51 654 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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