自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(44)
  • 资源 (1)
  • 收藏
  • 关注

原创 React & Redux 进阶

1. React 的思想文章涉及到的在线事例用密:admin/admin虚拟 DOM标签就是函数,标签的属性就是函数的参数<Parent name={this.state.name}/>我们自定义组件的时候必须要大写开头,因为只有这样 createElement 把组件当成一个变量而不是字符串。组件名不能是表达式,应该是以大写字母开头的变量。...

2020-04-15 10:08:04 286

原创 vue-config.js

'use strict'const webpack = require('webpack')const CopyPlugin = require('copy-webpack-plugin')const WebpackBar = require('webpackbar')const path = require('path')// stylelintconst StyleLintPlugin = require('stylelint-webpack-plugin')const defaultSe

2021-09-02 17:22:10 141

原创 jenkins 忘记密码

jenkins 忘记密码用户名 admin修改配置文件用户名 admin今天登陆 jenkins 忘记密码了修改配置文件进入安装目录cd /var/lib/jenkins修改配置文件vi config.xml # true 改为 false <useSecurity>false</useSecurity>重启 jenkins# 查看状态systemctl status jenkins# 重启sudo systemctl restart jenk

2020-06-06 17:44:08 210

原创 React 实现列表拖动效果

React 实现列表拖动效果当我们想在 React 中实现一个列表拖动的效果的时候,有很多的第三方库(React dnd)可以借鉴,但是学习第三方库也是一个成本,或者拖动本身并不复杂,只需要第三方库的某一个 api 。这样情况下,我们可以自己实现一个。组件源码完成项目 欢迎 star效果预览用户名:admin;密码:admin;1. 使用 React 的鼠标事件React 鼠标事件...

2020-03-04 22:50:15 3134

原创 安卓9.0 http请求数据失败解决办法

为保证用户数据和设备的安全,Google针对下一代 Android(9.0 API 28 ) 系统(Android P) 的应用程序,将要求默认使用加密连接(HTTPS)解决办法:找到AndroidManifest.xml添加android:usesCleartextTraffic="true"从新打包<?xml version="1.0" encoding="utf-8"?...

2020-01-16 16:17:51 878

原创 ANIC: Missing emulator engine program for 'x86' CPU. 更新Android模拟器位置

将 emulator 二进制文件从 ${ANDROID_SDK_ROOT}/tools/ “提升” 到其自己的顶级目录 ${ANDROID_SDK_ROOT}/emulator/$ 看看在哪里which emulator$ 执行看下版本/Users/test/Library/Android/sdk/emulator/emulator$ 如果你按照教程的路径应该是export ...

2020-01-03 10:26:02 328

原创 React Hooks 速学

持续更新中…废话不多说,直接开始,运行中会下载很多东西,需要网络环境稳定良好。1.安装 cordovayarn global add cordova2.创建一个 cordova 项目cordova create 3.进入项目,添加安卓平台(iOS同理)cordova platform add android --save4.检查你是否具备使用 Cordova 开发/运行 An...

2020-01-03 10:17:53 129

原创 Node 中 CommonJS 规范

CommonJS 是一个很大的规范 Node 和浏览器只是借用了它的一部分精华先来Node环境运行的结果:# a.jsconsole.log('我是a.js')无引用的情况:# b.jsconst lib = require('./a')console.log('我是b.js')# 运行b.js我是a.js我是b.js有引用的情况:# b.jscons...

2019-12-11 11:25:35 132

原创 React+antd+Redux+Express+MongoDB实现通用后台管理系统

点击访问技术栈项目运行之前,请确保系统已经安装以下应用node (6.0 及以上版本)mongodb (开启状态) 安装参考全局安装nodemon(为了node服务热启动)yarn global add nodemon可以参考这里安装运行启动# 克隆到本地1. git clone # 进入后台应用目录2. cd react-manage/server...

2019-11-21 21:02:06 701

原创 mongodb建立索引

索引index(索引)建索引是为了提高查询速度,要根据实际业务建立索引const BaseModel=require('../models/base') const mongoose=require('mongoose') const {Schema}=mongoose const {ObjectId}=Schemaconst ReplySchema=new Schema({ con...

2019-11-14 14:47:55 438

原创 react-router-dom 组件之间跳转传递参数

方式:通过this.props.history.push的方式进入另一个组件,通过隐式传递;也可以通过query显式传递方式一当前组件通过路由传递一个state productDetail = () =>{ const data = [ 'Racing car sprays burning fuel into crowd.', 'Japanese p...

2019-11-01 22:41:27 805 1

原创 react 刷新路由404

发布到服务器后可以正常访问,但是刷新当前页面不行,报404错误解决办法:修改nginx配置修改前:server { listen 80; server_name xxx.xxx.com; location / { root /var/www/build; index index.html index.htm; } error_...

2019-10-22 10:24:39 632

原创 gi恢复删除的分支

1.git reflog使用 git reflog 命令查看显示整个本地仓储的commit,包括所有branch的commit,甚至包括已经撤销的commit。2.找到我们想要恢复的分支可以看到我们当时commit的记录,找到删除分支的最后一次提交commit 的hash值,例如:dc3b8523.git checkout -b feature/ ‘自定义分支名’ ‘hash值’执行...

2019-09-24 15:42:35 145

原创 nginx启动、停止、重启、退出

nginx作为Web服务器的基础知识,前端应该了解一些重要的Nginx命令。下列命令默认需要管理员权限1.启动Nginxservice nginx start如果您使用的是基于systemd的版本,例如Ubuntu Linux 16.04LTS及更高版本,请systemctl在命令中使用,如下所示:systemctl start nginx2.停止Nginx终止所有nginx...

2019-09-13 23:13:01 910

原创 Ubuntu 列出软件版本列表

Ubuntu apt-cache列出版本列表apt-cache madison nginxapt-show-versions说明:列举出所有版本,且能查看是否已经安装。还可以通过apt-show-versions -u <>来查询是否有升级版本。apt-show-versions -a nginx ...

2019-09-12 15:34:13 1374

原创 React-^16.4 componentWillMount、componentWillReceivePorps替代方案

首先生命周期函数调用如下constructorgetDerivedStateFromProps(使用场景不多)componentWillMount/UNSAVE_componentWillMountrendercomponentDidMount有哪些⽣命周期被舍弃(3个),哪些⽣命周期是新增(2个)?舍弃componentWillMountcomponentWillRec...

2019-07-30 09:21:17 2459

原创 关于 AMD 以及 CommonJS

Module 的语法概述es6之前AMD规范:全称”Asynchronous Module Definition”,称为 异步模块加载规范 。一般应用在浏览器端。流行的浏览器端异步加载库RequireJS实现的就是AMD规范。依赖前置,提前执行!CommonJS: 称为同步模块加载规范,也就是说,只有加载完成,才能执行后面的操作。用于服务器端。CommonJS 模块就是对...

2019-05-31 15:00:43 149

原创 谷歌浏览器 Unchecked runtime.lastError: The message port closed before a response was received.

出现上述问题很烦人解决方式:Chrome地址栏输入:chrome://extensions/逐一关闭插件后刷新出现问题的页面,我的是迅雷插件引起的关掉就好了

2019-05-20 17:12:21 23555 3

原创 git常用操作(日常用到的)

git初始化清空现有的keyrm -rf ~/.ssh/*运行ssh-keygen -t rsa -b 4096 -C "你的邮箱"执行cat ~/.ssh/id_rsa.pub把得到的公钥放到GitHub上执行ssh -T [email protected]之后配置下git(这是全局配置,如果配置单个仓库,去掉global即可)git config -...

2019-04-12 09:39:26 190

原创 JavaScript判断一个对象是否为空

写一个函数 isEmptyObject,判断一个对象是不是空对象function isEmptyObject(obj){ for(var item in obj){ return false } { return true }}console.log(isEmptyObject( {} )); //trueconsole....

2018-11-04 18:10:32 1674

原创 HTTP常用的状态码及其对应的含义如下:

HTTP常用的状态码及其对应的含义如下:200:服务器响应正常。表示请求成功,请继续发送请求。304:该资源在上次请求之后没有任何修改(这通常用于浏览器的缓存机制,使用GET请求时尤其需要注意)。400:无法找到请求的资源,请求有误,请求的内容无法被服务器执行。401:访问资源的权限不够,没有进行身份验证(或者无权访问)。403:没有权限访问资源。404:需要访问的资源不存在(没有找到...

2018-10-22 19:00:10 196

原创 CSS笔记(持续更新)

CSS布局一般要遵循横向布局和纵向布局可以多加div尽量把页面布局分为横向布局、和纵向布局、不要写复杂布局复习CSS基础px、rem、empx像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。在缩放页面时无法调整那些使用它作为单位的字体、按钮等的大小;em是相对长度单位。em 的值并不是固定的,会继承父级元素的字体大小,代表倍数;rem是CSS3新增的一...

2018-10-22 18:57:54 132

原创 使用 Nginx 为 Linux 实例绑定多个域名以及网站升级成https

Nginx绑定多个域名Nginx 是一款广泛应用的 Web 服务器,常用于反向代理、负载均衡器以及 HTTP 缓存等。远程连接并登录到 Linux 实例。执行命令 cd /etc/nginx/conf.d 打开 Nginx 服务配置文件目录.执行命令 vi 您要创建的域名.conf 创建域名规则配置文件。输入 i 编辑新建的配置文件。远程连接并登录到 Linux 实例。按 Es...

2018-08-31 09:44:33 811

原创 MongoDB常见错误及处理办法

Mongodb 启动警告WARNING: /sys/kernel/mm/transparent_hugepage/enabled is ‘always’.解决WARNING: /sys/kernel/mm/transparent_hugepage/enabled is 'always'WARNING: /sys/kernel/mm/transparent_hugepage/defrag ...

2018-08-09 10:53:00 1200

原创 async/await的基础用法

async/await的基础用法 致谢:888async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成,async返回的是一个Promise对象 function sleep(ms) { return new Promise((resolve) =&amp;gt; { setTimeout(() =&amp;gt; ...

2018-07-26 11:28:02 980

原创 Ubuntu 安装Docker环境,并部署NodeJS应用

Ubuntu版本 LSB Version: core-9.20160110ubuntu0.2-amd64:core-9.20160110ubuntu0.2-noarch:security-9.20160110ubuntu0.2-amd64:security-9.20160110ubuntu0.2-noarch Distributor ID: Ubuntu Description:...

2018-07-23 18:06:41 1740

原创 前端常用liunx命令(个人用到的整理)

ubuntu运行sh脚本sudo自动输入密码第一种方法(文本块,重定向) #!/bin/bash sudo -S apt-get update &amp;lt;&amp;lt; EOF Your password EOF 第二种方法(使用管道) #!/bin/bash echo password | sudo -S apt-get update 磁盘管理查看磁盘空...

2018-07-20 21:43:21 326

原创 vue使用el-input监听不了回车事件解决方法

无法监听回车事件&amp;lt;el-input v-model=&quot;password&quot; type=&quot;password&quot; placeholder=&quot;密码&quot; @keyup.enter=&quot;onLogin&quot;&amp;gt;&amp;lt;/el-input&amp;gt;在@keyup.enter后加上’.native’&am

2018-06-07 17:06:03 878

原创 阿里云配置 node.js + Nginx 反向代理

阿里云配置 node.js + Nginx 反向代理假设你已经配置好node环境,并后台启动了程序(如用pm2开启一个端口)这里只说最基础的配置安装Nginx配置Nginx重启Nginx卸载Nginx安装Nginxsudo apt-get updatesudo apt-get install nginx配置Nginxsudo vi /etc/ng...

2018-05-28 17:25:42 774

原创 MongoDB的配置、备份与恢复以及备份脚本加密

在使用MongoDB的过程中遇到了许多的问题,稍微操作不慎就会导致数据库异常,首先我们应该做好数据的定时备份以防万一开启mongo db后台服务关闭mongo db服务备份恢复无法连接开启mongo db后台服务使用–fork参数启动,这样就是后台启动 mongod --fork --logpath &amp;amp;amp;lt;log_file_path&amp;amp;amp;gt; --dbpath &amp;amp;amp;l...

2018-04-11 18:05:56 934

原创 Node.js+MongoDB上线测试环境部署

新增一个非root超级账户$sudo vi /etc/sudoers找到//找到# User privilege specificationroot ALL=(ALL:ALL) ALL//在下面添加ubuntu ALL=(ALL:ALL) ALL至此,新用户添完成。基础的linux app: vsftpd, httpd, nodejs, pm2;...

2018-03-13 17:16:11 815

原创 理解作用域链

理解作用域链我们先看一下闭包是如何工作的var currentScope = 0; (function () { var currentScope = 1, one = 'scope1'; alert(currentScope); (function () { var currentScope = 2, two = 'scope2'; alert(curr...

2018-03-13 15:39:01 156

原创 RESTflu小结

最近用到了nodejs-restful-api顺便了解一下rest风格reset(Representational State Transfer)ResourcesR-E-S-T的名称”表现层状态转化”中,省略了主语。”表现层”其实指的是”资源”(Resources)的”表现层”。每一个URL代表一种资源;Representation我们把”资源”具体呈现出来的形式(以什么格式去展现,HTML、

2017-12-27 16:12:40 245

原创 在浏览器中输入网址按下回车后发生了什么?

在浏览器中输入网址按下回车后发生了什么?这里说的只是最普通的情况下最简单来说搜索浏览器自身的缓存;(浏览器会先检查是否有相应的cookie);搜索本机其它浏览器的缓存;host解析;Created with Raphaël 2.1.0输入url查找缓存DNS解析TCP连接页面展现yes一般来说(一般的的HTTP请求,没有代理等等)首先浏览器会开启一个线程来处理这个请求;浏览器检查缓存;如

2017-12-25 16:57:25 1560

原创 Ubuntu Server 14.04升级Ubuntu Server 16.04

因后台代码改写需要升级系统Ubuntu 14.04.5 LTS升级Ubuntu 16.04.3 LTS终端下执行命令,dist-upgrade可以根据依赖关系的变化,添加包,删除包。$ sudo apt-get update && sudo apt-get dist-upgrade重启系统以完成更新的安装用ssh连接的重启后从新连接$ sudo init 6用命令安装更新管理器核心update

2017-10-13 10:13:03 977

原创 《AngularJS》——scope的三种绑定策略

三种绑定符的含义:scope:{}使当前指令作用域与外界隔离开来,使其模板(template)处于non-inheriting(无继承)的状态@的含义:把当前作用域属性当字符串传递,绑定外层scope的值,在自定义指令中的属性值中插入{{}}即可;=的含义:与父scope进行双向绑定;&的含义:传递一个来自父scope的函数(即对父级作用域进行绑定,并将其中的属性(可以是任何属

2017-06-02 11:55:02 1288

原创 __proto__(隐式原型)与prototype(显式原型)

题外话:先用构造函数构造一个实例对象var log=console.log.bind(console)function Person(){ //创建一个构造函数}var person1=new Person() //构造一个实例对象person1person1.name='张三'log(person1.name)//张三// 每个函数都有一个prototype属性,这...

2017-05-17 18:28:20 1045

转载 深入理解 JavaScript 中的函数

译文链接:http://www.codeceo.com/article/javascript-function-coding.html英文原文:Understand Functions in JavaScript翻译作者:码农网 – 小峰

2017-05-12 20:00:54 272

原创 HTTP常用的状态码及其对应的含义如下:

200:服务器响应正常。表示请求成功,请继续发送请求。304:该资源在上次请求之后没有任何修改(这通常用于浏览器的缓存机制,使用GET请求时尤其需要注意)。400:无法找到请求的资源,请求有误,请求的内容无法被服务器执行。401:访问资源的权限不够,没有进行身份验证(或者无权访问)。403:没有权限访问资源。404:需要访问的资源不存在(没有找到)。405:需要访问的资源被

2017-05-04 14:26:58 536

原创 原生js轮播图

1、先进行文档的布局 > 1 2 3 4 5 2、样式的编写为了方便引入了一个reseth

2017-04-28 11:02:44 843

phantomjs-1.9.8-linux-x86_64.tar.bz2

PhantomJS是一个无界面的,可脚本编程的WebKit浏览器引擎。它原生支持多种web 标准:DOM 操作,CSS选择器,JSON,Canvas 以及SVGPhantomJS是一个无界面的,可脚本编程的WebKit浏览器引擎。它原生支持多种web 标准:DOM 操作,CSS选择器,JSON,Canvas 以及SVG

2017-10-17

空空如也

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

TA关注的人

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