- 博客(40)
- 收藏
- 关注
RSS订阅原创 Mongoose常用语句
增model.create(params).then(data => {}).catch(error => {})params 参数可以是一个数据对象，也可以是数据数组（创建多条数据）删model.remove(queryParams,function(error){})queryParams 参数是查询参数改model.findOne(queryParams).then(data => { Object.assign(data, updateParams)
2021-09-28 16:42:05
337
原创 Linux系统下MongoDB安装教程
教程基础信息MongoDB 版本：4.4.8Linux系统： openSUSE 15.0 (Centos等其他Linux系统安装流程类似)MongoDB下载包获取mongoDB官网下载地址选择不同的版本、系统以及安装包类型，本次教程选择以下版本（下载后文件类型为tgz文件）安装配置安装第一步：在服务器 /usr/local 下创建 MongoDB 文件夹，用来存放安装包、服务以及之后 MongoDB 的数据库和日志文件。cd /usr/local // 进入安装目录mkdir M
2021-08-10 10:50:40
19939
17
原创 vue、koa2项目问题记录
通过vue-cli安装的项目，启动时eslint报no-octal-escape错误可能原因：node版本过低解决方案：升级node或者降低eslint的版本
2020-11-16 13:54:46
258
原创 Mongodb数据库在window环境下的安装配置
下载下载地址： MongoDB官网下载地址可以通过选择Version、platform、Package下拉框选择不同的版本、支持的系统以及安装包类型安装在Windows下4.0+版本的安装过程中可以直接选择将mongodb添加到系统服务中，这样我们可以直接通过任务管理器中的服务进行重启、停止控制。点击我们下载的安装包，经过选择默认安装或者自定义安装（安装路径控制）、选择将mongodb作为系统服务安装、勾选mongodb compass（图形化管理工具，勾选后安装比较慢）的步骤，mongodb
2020-11-04 10:24:46
183
原创 NVM管理Node版本
起因：在修改公司的一个老项目时发现gulp（3.9.1版本）运行不起来，发现是因为Node版本过高的原因，但是其他项目一直用的是最新版的Node，因此需要安装NVM来做多版本Node的管理器，它可以让我们的系统同时安装多个版本的Node，并在开发时选择要使用的版本。安装：我们开发一般都是使用的window系统，可以下载nvm-windows安装包。下载解压缩后点击安装就可以，在这个过程中它会让你分别选择nvm和node的安装地址。执行以下命令查看是否安装成功：nvm -v使用：查看
2020-05-28 10:22:37
181
原创 小程序实现左右切换滑动列表思路
实现目标可左右滑动切换列表；点击分类菜单切换到相应的列表；每个列表都可以上拉加载及下拉刷新；结果展示思路通过使用scroll-view组件来实现顶部的菜单列表、多个列表的左右滑动实现父组件及滚动列表，同时监听触摸相关事件来处理左右滑动整个列表而不是滑一部分移动一部分、对列表上下滚动和左右滑动的优化及配合translateY实现scroll-view组件的上拉加载和下拉刷新。代码实现基本的wxml文件实现布局：<view class="page-con"> <sc
2020-05-11 12:02:12
1677
1
原创 JavaScript基础知识笔记
JavaScript的数据类型相关基本数据类型Number (NaN是一种特殊值，它不等于任何值，包括它自己，属于Number类型)StringBoolean (其他数据类型转为布尔值时，undefined、null、false、0、NaN、空字符串6中数据为false；其余数据皆为true，包括空数组[ ]与空对象{ })null (转为数值时为0)undefined (转为数值...
2020-04-20 14:42:21
314
原创 前端常备知识点——HTML及CSS
一、块级元素及行内元素概念：块级元素： 总是独占一行，将后面的元素挤到新的一行。行内元素： 紧挨着显示，不会自动换行。特性：块级元素： 可以设置宽高、内边距、外边距。可以包含块级元素和行内元素。行内元素： 不可设置宽高（img、input、select、button、textarea等除外），设置内边距、外边距只对左右起作用。只可包含行内元素和文字。因此将块级元素设为行内元素时...
2020-04-03 15:25:31
300
原创 centOS7安装部署SVN服务器
准备工作云服务器安全组放开我们要设置的svn服务端口号。设定svn的版本库文件夹路径（如：/home/wangxixi/wangxixi-nginx/project），但不要创建该文件夹，因为 svn 创建版本库时要求文件夹必须是没有创建且为空的。安装多数 Linux 系统默认是带有 Subversion 的，我们可以通过查看版本号来检查是否已经安装。svn --version若...
2020-03-27 12:14:40
187
原创 centOS7安装部署Docker
如果是安装在云服务器上，请先检测云服务器的安全组配置是否配置（入站规则和出站规则）centOS7 安装 Docker 前系统依赖性检车Docker 安装在红帽系统中时，要求得是64位系统及内核版本 3.10 以上。通过运行以下命令可以查看系统内核版本。uname -r查看 Docker 版本docker version使用 curl 方式安装 DockercentOS 系统下...
2020-03-19 16:08:29
240
原创 Vue、React及小程序之间的语法差异
数据绑定VueVue的数据绑定到页面分为两种，最基本的是双大括号语法<div>{{data}}</div>还有一种属于绑定特性时<div v-bind:id = "data2">{{data1}}</div>React<div title={this.state.data2}>{this.state.data1}...
2019-11-27 17:00:24
394
原创 CentOS7搭建Mysql环境
由于在服务器上执行下载源时，链接不到MySQL官网，所以采用本地下载好MySQL压缩文件，上传到服务器上解压安装的方式。访问 MySQL 官网的yum下载页面获取 CentOS7 的下载链接。（CentOS 由红帽管理，所以选择红帽版本）点击下载按钮跳转到下载页面，点击下面链接开始下载（我下载的版本文件名为 mysql-8.0.18-1.el7.x86_64.rpm-bun...
2019-10-24 14:38:20
168
原创 小程序项目开发注意
兼容性问题时间数据格式在Ios端的兼容问题当时间格式为 "XXXX-XX-XX"格式时，new Date()该数据时 Ios 端 会报 NaN-NaN-NaN NaN:NaN异常，所以需要将这种格式的时间数据转换成 “XXXX/XX/XX” 形式来避免这种错误。//使用正则表达式来替换function formatTimeStamp( date ) { return new ...
2019-10-11 12:29:52
152
原创 Koa2后端项目搭建（Babel7+）
项目前提：已搭建 Node 环境一、初始化项目在项目根目录下打开 cmd 面板，执行npm init二、项目目录架构项目初始化后会生成 package.json 相关文件，接下来在根目录创建 .babelrc 文件、src 文件夹、dist文件夹。.babelrc 作为 Babel 的配置文件，src 文件夹保存我们的项目代码，dist 文件夹用来保存项目代码经过 Bab...
2019-09-20 10:52:36
1183
原创 web前端开发之配置（六）——搭建react项目架构(引入TypeScript)
目录第一步：初始化项目第二步：安装相关依赖Babel相关：typeScript相关esLint相关样式相关：css、lessreact相关接口相关：axios、mockUI库：antd其他第三步：配置TypeScript（非必需，使用可以使项目利于维护和阅读）第四步：设置eslint，进行代码规范第五步：配置webpack第六步：创建 rea...
2019-09-05 15:01:10
611
原创 NPM 使用 Treer 生成项目目录结构
安装npm install -g treer用法# 忽略某些文件或文件夹treer -i "node_modules"# 保存目录结构到文件treer -e "test.txt"生成结果├─.babelrc├─.eslintrc.js├─package-lock.json├─package.json├─tsconfig.json├─src├─conf...
2019-09-05 10:29:55
3535
原创 Get请求中数组数据的格式
格式1：数组字符串已逗号进行拼接格式2：?test=2&test=3格式3：?test[]=2&test[]=3格式4：?test[0]=1&test[1]=2
2019-08-29 11:56:20
1586
1
原创 前端开发技能栈
基础HTML（HTML5） CSS（CSS3） Javascript（ES6）框架Vue、Vue-Router、Vuex React、React-Router、Redux Jquery工具Git SVN Github NPM Webpack、gulp IDE（VS Code） eslint配置 gulp配置Babel、webpack配置Babel Mock接...
2019-07-24 10:55:43
478
原创 web开发之前后端分离开发模式
web项目的开发模式大致可以分为前后端不分离、前后端分离两种开发模式。前后端不分离这种开发模式中前端代码作为后端代码的一部分，首先两端代码基本不分离，在开发时通常页面由后端人员创建，前端人员在页面文件上搭建样式完善交互功能等，页面上的数据由后端人员在服务器上时就已经渲染上去，而不是到了浏览器之后再去调用数据接口获取数据。优点：利于SEO。因为服务器返回的页面里数据已经存在，所以这种...
2019-06-24 11:36:11
2430
原创 阿里云Windows 2008为web应用 配置PHP 环境
上一篇我们部署好阿里云服务器后（点击打开链接），接下来就该去配置我们服务器了。一、远程连接我们的服务器win+R键打开运行，输入mstsc就会开启远程连接程序 ，输入我们服务器的公网IP ————>然后点击显示选项，打开详细面板，在详细面板中点击本地资源下的详细信息按钮，在新的面板里选择要和远程服务器连接时要使用的盘，这样我们在远程服务器上就能使用这个盘里的文件了（我就是直接...
2019-06-24 10:55:57
635
原创 Js浅拷贝
浅拷贝浅拷贝的两种情况：直接拷贝（即 ａ＝ｂ），这种拷贝它们的引用相同，所以两个值之间会互相影响（比如修改ａ，ｂ也会改变）。 只是简单拷贝了对象的第一层属性，基本类型值不会相互影响，但是内部的引用类型值还是会互相影响。浅拷贝的常用方法：let object1 = { a: 1, obj:{ b: 2 }}; let object...
2019-06-24 10:50:07
111
原创 for...in | for...of | forEach() | for循环 | map的使用区别
对于纯对象的遍历，更适合使用for...in；对于数组的遍历，如果不需要知道索引， 使用 for...of 好一些，因为还可以中断，如果需要知道索引，则 forEach()更合适，但是 forEach() 在执行过程中不能中断，会将所有成员遍历完，所以如果需要知道索引并且达到某种条件就中断的话推荐使用 for 循环，map一般当需要有返回值的时候使用，它会返回一个新数组。...
2019-06-20 11:03:51
177
原创 基于BFF架构的vue项目及实现同构渲染的延申
什么是BFF架构 什么时候使用BFF架构 Koa2介绍及简单应用（看书阅读） 什么是同构渲染 改造BFF架构简单实现同构渲染什么是BFF架构？BFF架构全称Backends For Frontends，即服务于前端的后端。可以简单认为是在前后端分离中的一个中间层，也可称为用户体验适配层。由于后端在设计API时会考虑不同设备的需求以及不同设备的特殊性，对API的访问有不同的特点，所...
2019-06-20 10:34:55
1605
原创 Centos7环境配置（六）---安装pm2管理node进程
前提：服务器已配置Node环境pm2是node的进程管理工具，利用它可以简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等。一、安装pm2npm install -g pm2二、配置pm2自启动pm2 startup centos三、启动koa2项目在项目根目录执行项目根文件pm2 start index.js四、其他命令pm2...
2019-06-16 01:27:37
1778
原创 Centos7环境配置（五）---安装配置Node
一、安装前准备确认是否安装gcc g++开发类库安装make：yum -y install gcc automake autoconf libtool make安装g++:yum install gcc gcc-c++二、安装1、确定安装目录选择安装目录，一般选择 usr/local/src文件夹下cd /usr/local/src2、安装Node...
2019-06-16 00:44:26
284
原创 Centos7环境配置（四）---Nginx配置正向代理
...server{ resolver 8.8.8.8; listen 906; location / { proxy_pass http://$http_host$request_uri; }}...编辑nginx.conf文件添加如上配置。在正向代理的 server 设置中，不需设置 server_name 属...
2019-05-30 14:47:47
738
原创 web实现小说阅读器的水平滑动翻页
大致效果：https://codepen.io/Wangxixi/pen/yWbKdg主要使用的是CSS3的column属性，这个属性用于多列布局。容器属性1、column-width语法： column-width: auto | length 定义为每一列的最小宽度 2、column-count语法： column-count: aut...
2019-05-30 14:46:27
4112
原创 Centos7环境配置（三）---nginx配置文件简单介绍
这是nginx的配置文件（nginx.conf）的基本样式。server其中http标签中的每一个server标签对代表一个虚拟服务器。listen表示监听的地址，可以为IP+端口的形式，也可以只是端口server_name表示服务器名称，可以为IP也可以为域名location配置请求的路由root表示项目文件的存放目录index表示路由匹配的默认...
2019-05-30 14:43:46
1113
原创 Centos7环境配置（二）---安装配置Nginx
一、安装前准备确认是否安装gcc g++开发类库安装make：yum -y install gcc automake autoconf libtool make安装g++:yum install gcc gcc-c++二、安装1、确定安装目录选择安装目录，一般选择 usr/local/src文件夹下cd /usr/local/src2、安装PCRE库...
2019-05-30 14:43:19
751
原创 Centos环境配置（一）---安装图形界面
注意：centos版本必须为7/7+，否则不能安装一、开启图形化界面后，默认不能使用root账号登陆，因此在安装设置图形化界面前最好创建其他登陆账号或设置root账号可用创建用户账号useradd 用户名passwd 用户名回车之后填写两次密码切换角色su 角色名二、安装运行以下命令安装yum groups install "MATE Desktop"...
2019-05-30 14:41:59
293
原创 Javascript之浏览器环境下的异步、事件循环、任务队列
由于Javascript是单线程模型（只在一个线程上运行），因此Javascript同时只能执行一个任务，其他任务必须在后面排队。Javascript只在一个线程上运行，并不是指JavaScript只有一个线程同步任务和异步任务同步任务：指没有被引擎挂起，在主线程上排队等待执行的任务。只有前一个任务执行完毕，才能执行下一个任务。 异步任务：指被引擎放在一边，不进入主线程、而进入任务队...
2019-04-08 17:56:02
644
原创 web前端开发之环境配置（一）——部署node开发环境
目录：web前端开发之环境配置（一）—— 部署node开发环境现在前端的技术框架在开发时基本上都需要使用node环境，所以在进行开发前要先检测安装node。一、检测是否已经安装node同时按下win+R键打开运行窗口，接着输入cmd打开命令行窗口在命令行中输入 node -v若输出node版本号，表示已经安装node;若输出不是版本号，则需要安装node二、下载No...
2019-04-08 11:12:49
2551
3
原创 web前端开发工具——Git（三）Git的一些基本操作
目录web前端开发工具——Git（一）简单介绍Git以及部分远程仓库web前端开发工具——Git（二）远程仓库简单介绍以及使用web前端开发工具——Git（三）Git的一些基本操作以下操作默认全部在 Git Bash 中执行创建本地仓库：在使用Git时我们一般都需要先在本地创建一个本地仓库，根据情况的不同，主要分为两种情况：没有远程仓库，对本地的某个项目开始使用Git进...
2019-04-03 12:10:08
837
原创 web前端开发工具——Git（二）远程仓库简单介绍以及使用
目录web前端开发工具——Git（一）简单介绍Git以及部分远程仓库web前端开发工具——Git（二）远程仓库简单介绍以及使用web前端开发工具——Git（三）Git的一些基本操作Github篇：一、注册：点击进入Github首页1、点击注册按钮进入注册流程2、填写注册信息3、选择向不向微软交钱来获得更好的服务免费版和收费版的区别是免费版的私有...
2019-04-01 20:49:12
731
原创 web前端开发工具——Git（一）简单介绍Git以及部分远程仓库
目录web前端开发工具——Git（一）简单介绍Git以及部分远程仓库web前端开发工具——Git（二）远程仓库简单介绍以及使用web前端开发工具——Git（三）Git的一些基本操作作为一名程序猿，我们在工作中或许会因为岗位的不同学习不同的技术，但是一些工具却不会因为岗位的不同而不需要学习，因此我们若想拜入程序员猿派，我们就必须要掌握这些工具（对新手而言，这也是简历上必须要掌握...
2019-04-01 19:38:43
670
原创 CSS实现滑动吸顶功能
首先先上效果图，来筛选需要学习的同伴（驱逐，大佬退散！！！）因为这个需求是公司微信小程序里提出来的，所以我就直接使用小程序来演示了，没学过小程序的同僚不用担心，因为小程序它的语法基本上就是我们前端语法。接下来就是我们的核心实现了：.item-id{ position: sticky; top: 0;}没错，就是这么两行CSS代码，一行js代码都不需要，开...
2019-04-01 17:44:20
7207
原创 CSS一行及多行超出省略
text-overflow: ellipsis;没有使溢出部分省略，而是换到下一行，是因为要配合overflow: hidden;white-space: nowrap;属性一起使用若要使文本超出2行省略，则要设置css为：overflow：hidden;text-overflow:ellipsis;display: -webkit-box; 设为...
2019-04-01 16:09:53
268
原创 阿里云服务器部署Windows的php环境
平时我们部署自己的网站时完全不必要去购买一台服务器（也没钱买），对于我们自己的网站我们可以去阿里云上购买云服务器来部署我们的网站。因为我后台语言使用php写的，因此这篇教程里我选择的服务器环境为Windows 、php环境。一、首先我们进入阿里云首页后，我们可以在导航栏里找到产品->云服务器ECS，一般来说我们自己的网站比较小因此选择这种服务器就完全ok的。进入页面后我们点...
2017-09-15 10:34:17
11635
2
原创 部署网站的流程
当我们想要部署一个我们自己的网站并让其他人可以访问时，我们的要做些什么准备呢？大致的流程是怎么样的？这可能是每个新手要思考的问题。因为我是在一家小公司里做web前端，而且it方面就我一个人，因此在工作中我要身兼数职，下面我就来大致阐述一下这个流程，希望对还没有入行的新人们一个思路，能够更好的了解、学习这方面的知识。部署网站的流程基本上分为下面几个步骤：1、注册域名 ； 2、域名解析；...
2017-09-15 09:52:17
1877
原创 ajax实现点击左侧菜单，右侧加载不同网页
实现点击左侧菜单改变右侧内容的功能时，除了可以使用iframe,我们还可以通过ajax来实现。先来看一下实现的效果：实现思路：一、首先我们来实现首页的界面(我使用了bootstrap框架，来使界面更加好看)新建一个html文件，body里的代码为下面的代码<div class="container"> <div class="col-sm...
2017-09-14 16:53:58
17087
17
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人