- 博客(45)
- 收藏
- 关注
RSS订阅原创 使用vscode 搭建node.js 和 mysql 实现一个简单接口的增删改查 教程
首先，我们需要知道一个概念，mysql是一个关系型数据库管理系统，我们需要下载相应的图形化（GUI）界面去操作它，例如：phpMyAdmin、Navicat for MySql等等许多数据库IDE那现在我们开始从头开始搭建node.js+mysql开发接口的步骤吧：一、下载并安装node.js及其环境变量，网上有很多教程，这里不多做赘述了二、在vscode里新建一个项目learn-...
2019-04-28 15:30:54
5578
8
转载 MySQL下载和安装 win10 64位 MySQL8.0
第一步：到Mysql官网下载。 从[https://dev.mysql.com/downloads/mysql/](https://dev.mysql.com/downloads/mysql/)找到需要的win10 64位mysql 下载到硬盘里就是这样： 解压后就是这样：注意解压之后的文件夹路径要想清楚，因为这个路径就确定了是mysql数据...
2019-04-28 14:17:11
1482
转载 npm更换成淘宝镜像源以及cnpm
1.需求由来由于node安装插件是从国外服务器下载，受网络影响大，速度慢且可能出现异常。所以如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队（阿里巴巴旗下业务阿里云）干了这事。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。也就是说我们可以使用阿里布置在国内的服务器来进行node安装。...
2019-04-26 17:10:49
367
转载 漫画：什么是微服务？
单体架构的痛点缺点一：项目过于臃肿当大大小小的功能模块都集中在同一项目的时候，整个项目必然会变得臃肿，让开发者难以维护。缺点二：资源无法隔离就像刚刚小灰的经历一样，整个单体系统的各个功能模块都依赖于同样的数据库、内存等资源，一旦某个功能模块对资源使用不当，整个系统都会被拖垮。缺点三：无法灵活扩展当系统的访问量越来越大的时候，单体系统固然可以进行水平扩展，部署在多台机器上组成集群：...
2019-04-26 14:31:09
101
转载 jenkins下载并启动（浏览器GUI图形界面）
最近接了公司的挺多运维的活，刚开始很新鲜，后面天天部署各种项目的测试环境和生产环境，加上每个项目n个服务，我就变成了骚是骚，就是太累了。于是我想到了之前一直想用的jenkinsjenkins的作用和它的图标表现出来的一样，就是为了做工作的时候，能够比较轻松，像一个绅士一样游刃有余。一、安装1、进入官网，找到download找来找去，在最下面有个.war因为我是做...
2019-04-25 18:09:45
1523
原创 Docker为什么发展如此迅速
Docker的发展起源于开发人员与运维人员的相爱相杀，we konw，开发完成编码工作，确定能在本地（本机开发环境或测试环境）运行后，会交付给运维人员部署上线，这个时候，开发人员会交给运维人员一张运行环境配置清单给运维人员，运维人员依照清单去下载软件环境配置依赖等，由于运行项目需要各种环境配置支持，少了一样或者错了一样，或者版本不一样都可能导致项目跑不起来，这个时候，运维人员就会跟开发人员说：“兄...
2019-04-25 15:45:06
608
转载 自动化部署之jenkins及简介
一、什么是持续集成？（1）Continuous integration（CI）持续集成是一种软件开发实践，即团队开发成员经常集成他们的工作，通常每个成员至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽快地发现集成错误。许多团队发现这个过程可以大大减少集成的问题，让团队能够更快的开发内聚的软件。（2）没有持续集成...
2019-04-25 14:38:12
81
转载 Kubernetes（k8s）概述
官方文档url：https://www.kubernetes.org.cn/k8s简介Kubernetes是一个开源的，用于管理云平台中多个主机上的容器化的应用，Kubernetes的目标是让部署容器化的应用简单并且高效（powerful）,Kubernetes提供了应用部署，规划，更新，维护的一种机制。Kubernetes一个核心的特点就是能够自主的管理容器来保证云平台中的容器按照用...
2019-04-25 14:37:00
167
转载 史上最全的Ceph介绍、原理、架构
1. Ceph架构简介及使用场景介绍1.1 Ceph简介Ceph是一个统一的分布式存储系统，设计初衷是提供较好的性能、可靠性和可扩展性。Ceph项目最早起源于Sage就读博士期间的工作（最早的成果于2004年发表），并随后贡献给开源社区。在经过了数年的发展之后，目前已得到众多云计算厂商的支持并被广泛应用。RedHat及OpenStack都可与Ceph整合以支持虚拟机镜像的后端存储。...
2019-04-25 14:35:25
955
转载 Ceph百科介绍
Ceph（分布式文件系统）编辑讨论Linux持续不断进军可扩展计算空间，特别是可扩展存储空间。Ceph 最近加入到 Linux 中令人印象深刻的文件系统备选行列，它是一个分布式文件系统，能够在维护 POSIX 兼容性的同时加入了复制和容错功能。外文名Ceph性质分布式文件系统属于Linux PB 级最初关于存储系统的 ...
2019-04-25 14:33:34
399
转载 Ceph基本介绍(版本二)
应该是在四月份的时候，偶然看到这篇分析浅谈分布式存储系统数据分布方法，虽然在几年前就知道一致性hash的原理及应用，但是文中提到的CRUSH不是很清楚，就没有去关注。然后今天在知乎上关注列表中，有位同行分析了下ceph的相关读写过程，才去搜了下资料，原来是个分布式存储系统，就在网上查了些资料，然后看到里面的CRUSH算法，以及原理和应用，也和一致性HASH的不同，比如在节点增加和减少时，数据迁移方...
2019-04-25 14:21:15
1354
转载 Ceph是什么
由来其命名和UCSC（Ceph 的诞生地）的吉祥物有关，这个吉祥物是 “Sammy”，一个香蕉色的蛞蝓，就是头足类中无壳的软体动物。这些有多触角的头足类动物，是对一个分布式文件系统高度并行的形象比喻。Ceph 最初是一项关于存储系统的 PhD 研究项目，由 Sage Weil 在 University of California, SantaCruz（UCSC）实施。Ceph是什么...
2019-04-24 17:59:44
1020
转载 前端应该知道的web登录
还记得在上家公司做全干工程师的时候，基本从页面写到运维，当时做登录这块的时候，被session、cookie、token各种概念差点整蒙圈了，上网查询相关概念，发现很多人都是类似的疑惑，比如：来了字节跳动之后，前端很少接触HTTP请求之后的事情，而且登录相关的SDK封装的很好，所以这篇文章就简单的学习记录一下。为什么会有登录这回事首先这是因为HTTP是无状态的协议，所谓...
2019-04-24 17:40:01
346
转载 CEPH分布式集群搭建
1 概述1.2 集群概述Ceph集群是一个集Monitors[1]、OSDs[2]、MDs[3]三种节点组成的一种集群。这里我所做的Ceph集群的搭建步骤主要以Monitor+OSDs为核心来搭建该集群，若掌握了这两个搭建集群的方法，理解其搭建流程，再在此基础上添加MDs就会变得很简单。总的来说，搭建集群难点在于集群前期的搭建以及让这个集群达到active（激活）状态，之后再添加OSD...
2019-04-24 15:23:11
352
原创 磁盘阵列与集群的区别 分布式文件系统
磁盘阵列的目的就是防止某个服务器故障以后，其他服务器依然能支撑系统的运行，而集群也是同样目的。两者之间有什么区别呢？这不是一个级别的概念。阵列是指磁盘，集群是指服务器。 磁盘阵列（Redundant Arrays of Independent Disks，RAID），有“独立磁盘构成的具有冗余能力的阵列”之意。是由很多价格较便宜的磁盘，组合成一个容量巨大的磁盘组，利用个别磁盘提供数据...
2019-04-24 15:04:50
1315
转载 浅谈一下我了解的PWA
Progressive Web Apps,简称PWA，中文翻译过来就是渐进式网页应用，个人觉得它可以算是Web应用的下一个进化方向之一， 毕竟技术的发展有时候是不可预估的，谁也无法预料技术的走向，但至少它代表了一种可能性，下面我们就一起来了解下这种新兴技术。以下仅代表个人见解和认知，有结合其他大神的文章的分析，如有不足之处欢迎指正！一、什么是Progressive Web Apps?...
2019-04-22 10:52:49
672
转载 摆脱令人抓狂的ESlint 语法检测配置说明
ESlint语法检测真是令人抓狂！！！有些时候项目一个人做，项目小，不想搞这些麻烦事，就想单纯的不使用或者限定使用某些eslint规则，然而，默认的eslint总是那么的不友好。。。调试代码太难了。好吧进入正题...关闭eslint这里只说vue-cli脚手架的关闭方法，其实很简单，就是把build/webpack.base.conf.js配置文件中的eslint rules注...
2019-04-19 16:57:33
256
转载 插件 html-webpack-plugin 的详解
PS:本篇文章属于转载，原作者是https://segmentfault.com/a/1190000013883242?utm_source=tag-newest转载目的是为了让自己之后的复习会更方便一些，如有侵权请联系删除，万分感谢最近在学习webpack，接触到的第一个插件就是html-webpack-plugin,那么今天就来详解一下它的用法吧。先来上一个例子：var h...
2019-04-19 14:47:28
576
原创 ctorParameters.map is not a function
前因：今天接手了前同事留给我的一个angular2项目，遇到了一个问题ctorParameters.map is not a function ，由于博主不曾做过ng系列的项目，为了排查这个问题出现的位置及原因，这个问题花了我接近一天的时间去发现问题并解决了。。。代价重大，因此记录以防未来又碰到这个坑，出现这个问题的主要原因是dragula或ng-dragula依赖的版本与@angular依赖不...
2019-04-18 17:28:33
597
转载 正则表达式对照表
表达式全集字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。 ^ 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。 $ 匹配输入字符串的结束位置...
2019-04-18 17:19:28
356
原创 pureComponent导致的setState数据变化后不更新
以下是一个racct-native代码示例，展示PureComponent 的检查导致的数据更新后，一直不触发render的现象首先，我们都知道，PureComponent 其实就是帮我们做了shouldComponentUpdate生命周期里的逻辑-->【浅比较】 其次，PureComponent 重写的SCU（shouldComponentUpdate）其实就是shallow e...
2019-04-16 18:02:33
841
原创 react-native代码改动 夜神模拟器怎么热更新
下载好了夜神模拟器，然后react-native也在我windows系统上装好环境并且安装好脚手架了，现在在控制台输入npm start，一切都很顺利(๑′ᴗ‵๑)Ｉ Lᵒᵛᵉᵧₒᵤ❤然鹅，当我command+R打开dos运行react-native run-android命令后，项目是成功在夜神模拟器上执行了，我又修改了App.js的内容，回过头来看夜神模拟器上的界面，嗯！？内容没更新？？？...
2019-04-16 14:18:02
2423
3
转载 react-native使用模拟器调试步骤（安卓机）
摘抄自https://www.cnblogs.com/zhangzonghua/p/react-native.html这位博友的文章，我这边已经成功安装了react-native环境并且能够真机调试了，只缺模拟器，因此以下内容中，模拟器部分是经过确认无误的，是正确的步骤：1.在cmd界面搭建react-native 环境： 可参考https://reactnative.cn/docs/0....
2019-04-16 09:53:11
4971
原创 JSON.parse报错 不能序列化成功的原因之一
最近开发一个项目，需要后台返回一个字符串对象数组（json格式的属性值），结果我将请求回来的数据JSON.parse(objStr)序列化后报错了，后来发现是后台返回的属性值字符串，带有换行和空格，让后台去掉换行符和空格就不报错了。。。有位同胞与我有相同的遭遇。。。附上链接https://blog.csdn.net/qq_35430000/article/details/84852207...
2019-04-15 17:48:16
2983
1
原创 后端请求回来的base64头像 前端如何展示成图片
假定生成的代码为"data:image/jpeg;base64, ....."，那么你只需要全部复制，然后在插入图片的时候，url或src地址填写这段代码即可。 CSS中使用：background-image: url("data:image/png;base64,iVBORw0KGgo=..."); HTML中使用：<img src="data:image/png;base64,iV...
2019-04-15 17:41:30
5780
转载 nginx服务器有什么作用? 什么叫反向代理? 为什么要使用反向代理?
1.背景介绍nginx是什么？Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器,其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等2.知识剖析nginx服务器有什么作用?1、反向代理：反向代理（Rever...
2019-04-15 17:06:45
900
转载 启动node.js服务的几种方式
下面是以express框架为例，启动node服务的三种方法（已测试），使用express安装的文件如下：一 、使用node命令启动node server/bin/www二、使用webStorm启动1，打开webStorm,点击运行（run）下的编辑配置（Edit Configuration）2，添加新的配置3，命名并选择要执行的文件选择要执行bin...
2019-04-15 11:39:40
6257
原创 windows 下搭建react-native运行环境（Android真机+Android模拟器）
首先给想搞懂这一个过程的你打打气， 这个过程并不难，不要偏听偏信react-native官网说的很复杂安装指导文章：https://www.cnblogs.com/yuying0527/archive/2017/07/24/7230203.htmlPS：以上文章的“一”步骤我没有做，因为本机已经有了环境了可以自己下载SDK：https://www.oracle.com/tech...
2019-04-12 17:45:57
442
1
原创 antd Calendar 只显示当前月份怎么做
经过尝试， 貌似官网提供的api无法做到只显示当前月份的日期以上红圈选中的都是我们不想显示的，但是博主没有发现（改源码之外）的方法去除，没关系，我们也可以在渲染数据的时候，过滤掉下一个月份的数据：getListData = value => { const { dayList } = this.props.boardForm let t = moment(val...
2019-04-11 15:10:00
7616
19
原创 antd 样式不起效
情景一： 使用 :global（css3底层api， 局部使用时， 需要为特定模块增加一个容器）此法在此不作详细赘述情景二：使用 className=‘’events“， 而events样式写在了index.less文件里index.less：.events { list-style: none; margin: 0; padding: 0;}...
2019-04-11 15:02:35
2203
原创 echarts 调出列表横向（x轴）滑动条
解决办法：我们需要为option添加以下属性【dataZoom】：dataZoom: [{type: 'slider',show: true, //flase直接隐藏图形xAxisIndex: [0],left: '9%', //滚动条靠左侧的百分比bottom: -5,start: 0,//滚动条的起始位置end: 50 //滚动...
2019-04-11 11:43:41
3820
转载 js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
js字符串转化时间戳可以使用自带函数 Date(要转化的时间字符串)先转化为Date类型，之后再将Date类型转化为时间戳类型，其中时间字符串有要求，形式必须是 yyyy-MM-dd HH:mm:ss 的形式，当然，也可以只是 yyyy-MM-dd， 就是 2013-08-30，如下：此处会得到一个 Date 类型的数据，获得时间戳数据，需要对日期对象进行操作，将日期转化为时间戳有三种方式...
2019-04-11 11:38:46
191
原创 antd dateRangePicker组件新人上手
const d = new Date()const startDefault = moment(d.setMonth(d.getMonth())).format('YYYY-MM-DD') // 2019-04-10const endDefault = moment(d.setMonth(d.getMonth() + 1)).format('YYYY-MM-DD') // 2019-05-1...
2019-04-10 18:02:28
576
原创 echarts pie饼图初始化的时候没数据
原因：我们在componentDidMount生命周期里初始化了Pie（echarts的饼图）componentDidMount() { this.showPieChart()}showPieChart = () => { let myChart = echarts.init(document.getElementById('PieWrap')) let...
2019-04-10 16:56:35
2038
原创 vscode 的保存自动格式化与eslint不匹配
由于我下载了多个格式化插件， 因此vscode会提示我， 选择其中一个， 我选择使用prettier-Code formatter【当然还有其他的，诸如：Beautify之类的】再勾选 【首选项】-->【设置】-->【搜索框输入格式化】-->【找到保存格式化打勾选中】OK， 现在保存试试...
2019-04-10 10:19:34
1967
原创 request.js 处理的脏活
这是底层请求处理函数（utils.js）：import fetch from 'dva/fetch'import { notification } from 'antd'import store from '../index'import { getCookie, removeCookie } from './cookie'// 检查ajax返回的状态function che...
2019-04-09 11:36:40
2235
原创 git推送push时 eslint报错
有时候，我们在做一个小项目，直接在master分支上开发了，在我们愉快的敲入git push后，eslint报错了！？什么情况？于是乎我们使劲地查文档，新建了.eslintignore文件，并且输入src/（此时只有输入src/，没有其他的，但是我的项目组件、工具等都在里边，按理说，就它就够了），继续push，然鹅，没有卵用。。。经过多次尝试，就在我即将暴走之时，我键入了以下内容：s...
2019-04-09 11:17:21
1657
1
原创 Updates were rejected because the remote contains work that you do
相信大家使用git 推送到远端master分支的时候， 偶尔会碰到Updates were rejected because the remote contains work that you do为什么会出现这个情况呢？ 因为master分支（其他分支也是如此，这里以master举例）还没有和本地master分支建立关联，注意！出现这个现象，是因为我们只是建立了本地仓库与远端仓库的连接，然后...
2019-04-09 10:00:46
1980
原创 如何在React中使用echarts【常见错误】
必须用ID，不能用className 否则会报错 无法找到该dom元素 必须在componentDidMount或之后的生命周期才能初始化echarts， 因为，dom元素可能还没挂载完成， 无法找到该dom元素 dom容器必须设置宽、高，否则无法看到效果主要代码（忽略一些不相关的代码）：我只展示全局引入，按需引入请参照官网https://echarts.baidu.com/tut...
2019-04-08 17:45:31
1999
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人