自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 MAC环境安装使用nvm

*请先确定机器上装有xcode.app 安装nvm curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash NVM对node的管理和使用 1.安装 nvm install v0.12.0 2.显示当前本地安装的所有Node.js nvm ls 3.显示服务器所有...

2019-05-21 11:21:24 318

转载 linux\mac 日常入门命令行使用——文件以及文件夹操作

cd进入某个目录 例如,我们要进入我们的家目录,可以输入下面的命令: cd ~ cd是英文changedirectory的缩写,更改目录的意思。 再例如,我们要进入下载目录,就是这样的命令: cd ~/Downloads/ 要输入这样的命令,是不是感觉有点长呢?其实大可不必,我们可以用tab键快速补全。例如,这样: cd ~/Dow<tab> 上...

2019-05-21 11:20:39 1104

原创 CentOS7.0安装Nginx 1.7.4

一、安装准备 首先由于nginx的一些模块依赖一些lib库,所以在安装nginx之前,必须先安装这些lib库,这些依赖库主要有g++、gcc、openssl-devel、pcre-devel和zlib-devel所以执行如下命令安装 $ yum install gcc-c++ $ yum install pcre pcre-devel $ yum...

2019-05-21 11:18:47 277

原创 CentOS的坑,SH指令一键部署

由于centOS系统区分大小写 所以在创建文件夹时推荐使用全小写,在JS使用时候不易出现大小引入时候,出现路径失效问题 web端 #!/bin/bash cd helper-website git branch -a # git checkout -b v1.0.1 origin/v1.0.1 echo "=============== 下载最新代码 ===============...

2019-05-21 11:17:58 622

原创 mongoDB4.0安装与配置文件

部署安装 1.安装支持软件包 yum -y install openssl-devel libcurl curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-4.0.0.tgz 或者 官网下载:https://www.mongodb.com/dr/fastdl.mongodb.org/osx/mongo...

2019-05-21 11:16:30 1194

原创 mongoDB的启动与用户权限

初始化 首先,mongodb在没有数据的情况下是没有库,也就是说插入新数据的同时库也会自动生成 使用非用户登录模式来启动 mongo 如果出现以下代码说明链接成功了 MongoDB shell version v4.0.1 connecting to: mongodb://127.0.0.1:27017/test MongoDB server version: 4.0.1 ...

2019-05-21 11:16:00 945

原创 mongodb数据库基本用法

常用命令 show dbs: 显示数据库列表 show collections:显示当前数据库中的集合(类似关系数据库中的表) show users:显示用户 use <db name>:切换当前数据库,这和MS-SQL里面的意思一样 db.help():显示数据库操作命令,里面有很多的命令 db.foo.help():显示集合操作命令,同样有很多的命令,foo指的是当前...

2019-05-21 11:15:30 203

原创 数据库导入导出和备份恢复

需要注意的地方: 1,不需要进入mongo命令行之后,就可以直接使用上面的2个导入导出命令。 2,导入导出的json文件,你不要随意换行,导出来的就是一行一条数据,你就原封不动的给修改完直接保存,不要换行。不要使用txt这么low的编辑器啦,换个高级点的编辑器吧。 更多内容请致官方地址:https://docs.mongodb.com/v2.2/reference/mongoexport/ ...

2019-05-21 11:14:51 1252

原创 mongodb 命令行操作

查询 1、查询所有记录 db.userInfo.find(); 相当于:select* from userInfo;默认每页显示20条记录,当显示不下的情况下,可以用it迭代命令查询下一页数据。注意:键入it命令不能带“;”但是你可以设置每页显示数据的大小,用DBQuery.shellBatchSize= 50;这样每页就显示50条记录了。 2、查询去掉后的当前聚集集合中的某列的...

2019-05-21 11:07:56 431

原创 vue弹窗组件

基于VUE的input双向绑定机制 // 弹窗 <template> <div> <div v-show="visible" :value="value" class="mod"> <div class="mod_body"> <div v-if="useClose" class="close" @c...

2019-05-21 11:03:51 850

原创 vue 项目对iphoneX底部兼容处理

import Vue from 'vue' Vue.directive('isIphoneX', { bind: function (el, binding) { const _local = 'ios' let isIphoneX = false if (_local === 'ios' && window.screen....

2019-05-17 10:25:09 4772

原创 根据滚动事件进行页面动画

根据滚动事件进行页面动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...

2019-05-17 10:22:56 529

原创 判断元素是否在可视范围内

import Vue from 'vue' let allEl = [] Vue.directive('adshow', { bind: (el, binding) => { setTimeout(() => { const elinfo = el.getBoundingClientRect() allEl.pu...

2019-05-17 10:21:45 729

原创 用gulp搭建小程序开发编译环境

版本:v1.0 功能: sass编译转wxss es6转es5 js代码压缩 css代码压缩 文件监控 json检测 语法报错提示 //gulpfile.js const gulp = require('gulp') const del = require('del') const path = require('path') const autoprefixer = re...

2019-05-17 10:20:50 639 1

原创 Git rebase 命令行操作

Gitrebase 命令行操作 1.创建新分支(在需要进行rebase的分支上开辟新分支) git checkout -b rebase 2.进行rebase操作(master作为变基的节点,也可以根据需要选择commit的ID) git rebase -i master 3.进行变基操作(根据需要更改commit信息的合并与删除) 注意:如果需要删除必须使用d,d...

2019-05-17 10:18:52 949

原创 Json Web Token 介绍与使用

一、我们先解释一下他的含义: Token的引入:Token是在客户端频繁向服务端请求数据,服务端频繁的去数据库查询用户名和密码并进行对比,判断用户名和密码正确与否,并作出相应提示,在这样的背景下,Token便应运而生。 Token的定义:Token是服务端生成的一串字符串,以作客户端进行请求的一个令牌,当第一次登录后,服务器生成一个Token便将此Token返回给客户端,以后客户端只需带上这...

2019-05-17 10:14:49 337

原创 前端开发技术规范1.0

目的:提高可维护性,减少代码耦合性,提高整体开发效率与速度 1、目录结构整理 1.根据功能模块拆分多级文件夹 2.组件归属,非通用组件就近原则放置 2、现有层面代码优化 1.单页面行数限制不得超过300-500行 2.功能过于复杂页面拆分组件,通讯过于复杂时考虑使用全局状态管理VUEX 3.接口请求统一使用async function 方式进行 4.请求接口统一封装方便...

2019-05-17 10:13:01 889

原创 微信小程序中 async/await 的使用

async起什么作用? async函数返回的是一个Promise对象。Async函数(包含函数语句、函数表达式、Lambda表达式)会返回一个Promise对象,如果在函数中return一个直接量,async会把这个直接量通过Promise.resolve()封装成Promise对象。 async函数返回的是一个Promise对象,所以在最外层不能用await获取其返回值的情况下,我们当然应该...

2019-05-17 10:11:12 5421 1

原创 Vue双向绑定——Object.defineProperty

vue.js的双向数据绑定就是通过Object.defineProperty方法实现的,俗称属性拦截器。 Object.defineProperty() 该方法会直接在一个对象上定义一个新属性,或者修改一个已经存在的属性,并返回这个对象。 // 语法: /* * @param: obj:需要定义属性的对象; * prop:需要定义或修改的属性; * ...

2019-05-17 10:01:56 311

原创 前端性能优化

前端性能优化的目的:1. 从用户角度而言:优化能够让页面加载得更快、对用户的操作响应的更及时,能够给用户提供更为良好的体验。2. 从服务商角度而言:优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。浏览器渲染机制:当我们的浏览器获得html文件后,会自上而下 的加载,并在加载过程中进行解析和渲染。1.加载说的就是获取资源文件的过程,如果在加载的过程中,遇到外部css文件和图片,浏览...

2018-07-04 11:52:09 567

原创 GIT仓库使用规范

概要代码版本管理的规范文档,包括定义项目在Stash上的创建规范,版本号定义,Git中Branch的使用,以及多Branch,多版本的维护,版本管理的目的在于在多人,多版本,多阶段的开发环境下,既能保证尽可能的多线开发,又能保证线上版本的明确性和溯源。版本管理版本代表产品/项目的版本号,每一次的版本变更表示一次正式的发布。这里的版本和代码的版本并无任何关系,但是后续部分会说明如何利用Git的Bra...

2018-07-04 11:50:40 1271

原创 JS-使用原生js封装ajax

   // 使用原生js 封装ajax // 兼容xhr对象 function createXHR() { if (typeof XMLHttpRequest != "undefined") { // 非IE6浏览器 return new XMLHttpRequest(); } else if (typeof ActiveXObject !...

2018-06-25 23:12:41 174

原创 JS-滚动条到底触发

window.onmousewheel = function(){ var scrollT = document.body.scrollTop || document.documentElement.scrollTop //兼容处理 currtTop = document.documentElement.clientHeight + scrollT console.log(doc...

2018-06-25 23:10:54 1279

原创 JS-摇一摇功能

    //运动事件监听 if (window.DeviceMotionEvent) { alert('支持') window.addEventListener('devicemotion', deviceMotionHandler, false); } else { alert('不支持') } //获取加速度信息 /...

2018-06-25 23:09:43 497

原创 JS-数字内容组合匹配

需求:在一定范围内,寻找最解决目标的组合类型如:在7,1,3,4,2中找出最解决10的组合模式    const arr = [7, 1, 3, 2, 4] const need = 10 function find(arr) { let out = [] //输出目标 arr.map(function (v, i, a) { if (v ...

2018-06-25 23:06:35 759

原创 微信小程序组件上传图片至服务器

function upload(pathArr) { const that = this wx.showToast({ icon: "loading", title: "正在上传" }) let index = 0 const maxlength = pathArr.length let success = 0 let fail = 0 let ou...

2018-06-25 20:42:01 1120

空空如也

空空如也

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

TA关注的人

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