自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 GraphQL

简介定义一种用于API的查询语言。△GraphQL在应用中所处的位置核心思想请求你想要的数据,不多不少传统API调用后获取的内容一般是由后端决定的,哪怕前端只需要一个字段的值也会返回一个完整的res.data.result。而GraphQL提供的数据查询方式可以只获取需要的数据。获取多个资源只用一个请求不仅可以获取资源的属性,还支持关系数据的查询。使用方法先推荐一个开放A...

2019-11-20 13:20:34 241

原创 JavaScript数组方法大全

操作数组最后一项push()添加元素到一个数组的末尾var arr = [1, 2, 3];arr.push(4, 5);console.log(arr); // [1, 2, 3, 4, 5]pop()删除数组最后一项var arr = [1, 2, 3];arr.pop();console.log(arr); // [1, 2]操作数组第一项shift()删除数...

2019-09-23 13:35:04 95

原创 MongoDB(四)——GridFS

GridFSMongoDB的一个重要子模块,可基于MongoDB来持久存储文件,并且支持分布式存储和读取。持久存储:对应瞬时数据如内存,指保存到数据库中,能持久保存。分布式存储:将数据分散地存储于多个位置。存在的意义MongoDB采用BSON格式存储数据,对数据的大小限制为16M,但是在实际的系统开发中,上传的图片或文件可能尺寸会很大,此时可以使用MongoDB中的GridFS解决,...

2019-09-18 15:53:58 2028

原创 MongoDB(三)——图片存储

图片存储的两种思路和方法方法一、 直接将图片的base64编码存在MongoDB数据库中Base64是一种用64个字符来表示任意二进制数据的方法,常用于在URL、Cookie、网页中传输少量二进制数据。前台绑定input的change事件<input @change="uploadPhoto($event)" type="file">利用H5中的fileRead...

2019-09-16 10:39:17 841

原创 MongoDB(二)——Map Reduce(Node.js中实现实例)

Map ReduceMongoDB提供的一种计算模型,就是将大批量的数据进行分解,再将分解的数据合并成最终需要的结果。适合于处理数据量较大的场景,相较于group和aggtegate来说功能更强大,且更加灵活。基本语法...

2019-09-11 17:48:39 196

原创 MongoDB(一)——Mongoose

Mongoose简介MongoDB的一个对象模型工具,用于在Node.js中更加灵活简单地操作MongoDB,而且Mongoose封装了对MongoDB数据库文档的一些常用方法如增删改查等。其实,它也只是一个node模块而已。没有Mongoose是如何在Node.js中操作MongoDB的?1. 安装MongoDB依赖npm install mongodb2. 连接数据库var...

2019-09-06 15:41:11 101

原创 组件管理工具Bit

对比Git你就知道Bit是什么了‘Bit loves Git’对,这是官方文档的原话。Git大家再熟悉不过了,世界上最先进的分布式版本控制系统,没有之一,‘近朱者赤’,大概这就是Bit喜欢Git的原因了。开个玩笑,其实是因为Bit的工作流和Git很相似,也是一个分布式工具。Git是管理源文件、源代码的,Bit也是用来管理代码,但不同的是Git不管你代码的语义结构,而Bit是将代码分...

2019-09-05 19:30:35 1720

原创 Node.js(四)——回调地狱问题

回调地域????Node.js的核心特性?事件驱动、非阻塞I/O真实开发中异步回调函数我们用得很多,比如在用Node.js写接口时:router.get('/getAllWork',function(req,res){ WorkCenters.find({},function(err,data){ if(err){ console.log(err...

2019-09-04 20:46:17 97

原创 mac使用vue/cli创建的项目文件权限不足解决办法

全局安装vue/cli3之后使用vue create project_name命令搭建项目使用VS Code打开(其实不管你用啥打开都一样,编辑器无罪)编辑后保存会报错:解决办法:1. 右键点击文件夹➡️显示简介➡️共享与权限➡️

2019-09-02 11:28:47 2407 1

原创 Node.js(三)——Express

Express一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。核心特性可以设置中间件来响应 HTTP 请求原生的 Node.js 使用一个 request 处理函数应对所有请求并做出响应,而Express将一系列简单的处理函数组合起来。每一个小的处理...

2019-09-01 23:25:40 304

转载 VUE中表单验证——vuelidate

第一步:安装,导入main.js中可以通过 npm 安装npm install vuelidate --save然后导入到 `main.js` 中import Vuelidate from 'vuelidate'Vue.use(Vuelidate)第二步:在组件中使用Vuetify:Forms数据需要用 v-model 绑定, this.$v.xxx.$touch() ...

2019-08-29 11:38:13 876

原创 Node.js(二)——events

Node.js两个核心特性1. 事件驱动2. 非阻塞I/O客户端请求建立连接,提交数据等行为,会触发相应的事件。在一个时刻只能处理一个事件回调函数(单线程),处理过程中当有其它事件时,可以转而处理其它事件,然后再回来执行原事件的回调函数。例子:快餐店点餐。你到了柜台前,把你的点餐单给收银员或者给收银员直接点餐,然后等在那直到你要的食物准备好给你。收银员不能接待下一个人,除非你拿到食...

2019-08-28 23:47:53 87

原创 vuetify2.0中icon显示问题

项目中需要用到文件上传功能,经查vuetify1.5中没有此功能,vuetify2.0中才有此组件。于是在使用vue/cli3搭建的demo中安装vuetify2.0:npm install --save vuetifymain.js中引入并使用vuetify,组件中使用v-file-input标签://main.js// 引入vuetifyimport Vuetify from...

2019-08-28 13:23:58 1040

原创 数组中对象去重方法

常常存在获取后台数据后,往页面渲染需要给获取到的数组去重,但数组中是对象,无法使用new set()等方法。这里记录两个简单易用的方法来去重:获取到的数据格式:var arr = [{ key: "01", value: "Zander" },{ key: "02", value: "John" },{ key: "03", ...

2019-08-28 11:27:59 91

原创 Node.js(一)——概览及使用

真的是简介“一个基于 Chrome V8 引擎的 JavaScript 运行环境。”Node.js = 运行环境(浏览器➡️Node.js) + JavaScript库(I/O操作),阿里最先于使用其做线上大流量应用,以替代过去的PHP/Java Web。要它干啥做服务器:框架简介Express灵活的Web服务器开发框架Koa基础的企业级应用框架...

2019-08-24 17:19:20 63

原创 Sketch(四)——综合案例

效果展示准备工作1. 安装IOS UI design组件库打开Sketch的偏好设置➡️组件库➡️下载安装2. 安装iconfont插件没有此插件和iconfont字体几乎所有iconfont都会在Sketch中显示为问号插件库中搜索iconfont➡️点击What is a font bundle➡️下载压缩包➡️安装tff-files文件夹中所有字体

2019-08-21 23:22:25 363

原创 安装使用mongoose及nodeJS+mongoDB“增删改查”接口集锦

开始步骤:使用express搭建目录安装mongoose并在app.js中引入var mongoose = require('mongoose');mongoose.set('useFindAndModify', false)models文件夹下注册模块let mongoose = require('mongoose');var Schema = mongoose.Schema;...

2019-08-19 15:06:37 145

原创 Sketch(三)——插件

Runner号称全世界最快的Sketch插件,可在Sketch内部搜索并执行操作,减少设计过程中操作菜单栏的查找和选择,男人就要快!安装官网下载:Runner使用快捷键Command+',有Run、Goto、Insert、Create、Apply、Install六个功能,按tab键可切换功能。Run——运行快速调用Sketch中已有的功能,包括面板、菜单的功能和插件的功...

2019-08-18 18:54:08 269 1

原创 Express Generator生成后台目录结构并安装热更新

生成目录结构安装目录生成器:npm install express-generator -g生成一个文件夹:express 文件夹名 --view=pug进入到文件夹下安装依赖:cd 文件夹名npm install⚠️此目录结构没有models文件夹,需要自己创建生成的目录结构:/eportal_server app.js /bi...

2019-08-16 17:18:19 377

原创 mongoDB中导出/导入数据

导出集合:```mongoexport --db 数据库名字 --collection 集合名 --out 文档名.json```导入集合:```mongoeimport --db 数据库名字 --collection 集合名 —file 文档绝对路径```⚠️上述命令需要在根目录下运行,而不是在mongoDB命令行中;导出的文档也位于根目录下。...

2019-08-15 20:27:30 93

原创 解决百星官网服务页小三角问题.md

解决百星官网服务页小三角问题最开始解决思路: svg 图片 canvas询问Aaron后尝试使用CSS绘制小三角,小三角实现代码:.arrow position: absolute top: 18px right: -47px width: 8px height: 8px border-top: ...

2019-08-13 10:41:34 60

原创 VUE引入本地字体图标步骤.md

在项目目录static中新建文件夹fonts。将本地的字体文件(一般为.ttf、.otf格式)粘贴到fonts目录中。在公共样式目录下(如src/assets/css目录)创建font.css文件在font.css文件中将字体汇总:@font-face {    font-family: "SourceHanSansCN-Normal";&nbs...

2019-08-13 10:38:54 388

原创 Sketch(二)——蒙版

蒙版Mask官方定义:Sketch里的蒙版可以让你有选择性的显示出图层的一部分。比如说在一个图片上圆形蒙版,那么这张图片就只会显示出圆形内部的内容。相当于PS中的剪切蒙版,是一个形状遮罩,只会按照蒙版的形状来展示内容。提供两种Mask,Outline Mask轮廓蒙版和Alpha Mask透明度蒙版轮廓蒙版处理图像的形状,典型的应用是处理社交头像。使用方法置入形状,右...

2019-08-10 22:42:17 638

原创 Sketch(一)——基础操作

3D球体——在练习中熟悉操作效果图:具体步骤步骤一. 创建画板,绘制球体使用快捷键A,创建800*600的画布使用快捷键O+Shift,绘制一个直径为340的圆形设置填充类型为径向填充,色值为#E2CFFF-#84739D-#403055步骤二. 绘制镂空使用快捷键O先绘制一个160*112的椭圆将椭圆旋转-55°按住Option拖动椭圆,复制两个,一个放在右侧,...

2019-08-07 23:55:01 66

原创 Material Design(四)——赏析

Materia Design原则回顾1. “原质化”2. 隐喻3. 鲜明、形象、深思熟虑4. 有意义的动画效果Material Design风格网站赏析1. RumChata电商品牌网站网址:http://www.rumchata.com/age-gate△结合了MD设计的物理美学风格,通过创建与现实事物中相似的外观及功能,给用户提供了一种简约色彩缤纷、但看起来简单直观的体验...

2019-08-02 14:42:27 95

原创 Material Design(三)——图像

图像在Material Design中,图像(包括绘画和摄影)都是组建而成而非人为策划。强调场景的实质性、质感、深度,体现在让人意想不到的色彩运用,以及对环境背景的关注。看起来让用户觉得舒服、神奇但是却看不出是过度人为修饰、制作的图片原则使用能够表达个人关联、信息和令人愉悦的图像。1. 个人关联△使用能够唤起回忆的影像来建立用户和应用程序的情感联系2. 信息△传达特...

2019-07-31 16:53:55 121

原创 Axios发送各种请求的格式

get请求格式:axios.get('url',{ params: { key: value } })demo:post请求格式:axios.post('url',{ key1: value1, key2: value2, ... } })demo:delete请求格式:axios.delete('url',{ d...

2019-07-30 16:14:35 2204

原创 Material Design(二)——动画

真实的动作在Material Design设计规范中,动作不止是呈现着它美丽的一面,它还意味着在空间中的关系、功能以及在整个系统中的趋势。体积和重量物体无法在瞬间开始或者结束动作——过渡动画响应式交互响应式交互把一个应用从简单展现用户所请求的信息,提升至能与用户产生更强烈、更具体化交互的工具。让用户信任,并且吸引他们。animation表层响应接收到输入事件,如点...

2019-07-29 13:28:19 59

原创 导入本地JSON文件到mongoDB中

mongodb的可视化工具robo不能导入本地数据,只能使用命令行导入在根路径下(不是操作mongo的命令行)使用命令:mongoimport --db 数据库名 --collection 集合名 --file 文件路径如:mongoimport --db datas --collection workcenters --file ~/Desktop/proManagedat...

2019-07-26 10:55:48 1060

原创 vue中监听select下拉菜单的选中值

select部分:给select标签v-model="变量名" <v-select :items="place" placeholder="选择生产中心" v-model="chosen"></v-select>data部分:添加一个数据 变量名:""data: () => ({ allMachineInPro:[], a...

2019-07-25 17:12:39 2347

原创 vue根据条件实现动态样式绑定(改变状态)

vue做管理系统中经常会遇到这样的需求:根据获取数据中不同的值让页面显示不同的样式。如图中状态值的颜色,如果获取的status值为"0",则显示绿色;如果获取的status值为"1",则显示红色。步骤:给标签使用:绑定样式,如颜色:color="error"使用三元表达式判断获取的值然后给样式赋值,例如:<v-icon :color="props.item.status=...

2019-07-24 15:32:15 2168

原创 Material Design(一)——初识

Material Design于Google I/O 2014 大会发布(谷歌出品,必属精品)。“原质化设计”,将物理世界的体验带进屏幕。整体框架设计原则Material is the metaphor,实体感就是(通过设计方式来表达)隐喻Bold, graphic, intentional。鲜明、形象、深思熟虑Motion provides meaning,有意义的动画效果...

2019-07-24 14:11:10 63

原创 Docker的安装及使用

Docker简介一个开源的应用容器引擎,基于Go语言并遵从Apache2.0协议开源。相当于一个应用程序的搬运工、载具。应用场景Web 应用的自动化打包和发布。自动化测试和持续集成、发布。在服务型环境中部署和调整数据库或其他的后台应用从头编译或者扩展现有的 OpenShift 或 Cloud Foundry 平台来搭建自己的 PaaS 环境。安装Homebrew安...

2019-07-19 14:38:53 81

原创 Postman的安装与使用

Postman一款好用的API自动化测试工具。能够发送任何类型的HTTP 请求 (GET, POST, PUT, DELETE…),并且能附带任何数量的参数和 Headers。Postman安装Postman分为Postman Native App和Postman Chrome App两种。Postman Native App安装:Download Postman App(支持...

2019-07-18 15:12:45 466

原创 Odoo的基础使用

What is Odoo?最初的名字为TinyERP,08年5月之后称之为改名OpenERP之后又改为Odoo使用Python语言开发是一套全球开源的ERP/CRM系统是用于经营公司很好的开源管理软件Odoo的唯一价值主张:满足你需要的一切,以及一流的用户体验。What can Odoo do?Odoo是一系列开源商业应用套件,此套件可满足公司的大部分应用需求,例如,企...

2019-07-17 22:59:19 190

原创 Chrome开发者模式及debug mode的使用

Chrome devtoolsChrome开发者工具是一套内置于Google Chrome中的Web开发和调试工具,可用来对网站进行迭代、调试和分析。打开方式菜单中选择更多工具>开发者工具在页面中右键点击,选择检查使用快捷键Command+Option+I或F12+Fn面板元素面板可以自由的操作DOM和CSS来迭代布局和设计页面。控制台面板记录诊断信息,或者使用它...

2019-07-16 15:26:17 2018

原创 Linux下Nginx的安装与配置

Nginx简介一款自由的、开源的、高性能的HTTP服务器和反向代理服务器一个POP3、SMTP、IMAP代理服务器可作为一个HTTP服务器进行网站的发布处理可作为反向代理进行负载均衡的实现答疑解惑Time:POP3:Post Office Protocol 3,邮局协议的第三个版本,规定怎样将个人计算机连接到Internet的邮件服务器和下载电子邮件的电子协议。SMTP:...

2019-07-15 16:11:37 67

原创 Linux编辑工具的使用——nano

nano简介nano是Unix和类Unix系统(包括Linux)中的一个文本编辑器,是Pico的复制品。Pico是由华盛顿大学(University of Washington)计算与通讯研究所(Computing and Communications Group)编写并维护的文本编辑程序。nano特点小巧友好不需要安装提供许多额外特性交互式的查找和替换定位到制定行列自...

2019-07-15 00:02:57 451

原创 Linux基本概念与指令

Linux?UNIX?Windows?Linux(Unix-like)UNIXWindows诞生时间20 世纪 90 年代初20 世纪 60 年代末20 世纪 80 年代中期开闭源开源闭源闭源适用类别中小型服务器端大型服务器端个人桌面端图形界面命令行命令行依赖图形环境驱动程序Linux开发小组发布,安装复杂收费,安装复杂...

2019-07-12 09:52:42 49

原创 macOS高端使用技巧

macOS高端使用技巧 技巧一——空格快速预览综合评分:★★★★★windows中若需要查看文件内容就必须使用相应软件打开,而Mac中只需要一个按键——Space,不管是音频、视频、PDF、文本文档、文件夹等都会以缩略图的形式显示。 技巧二——触发角综合评分:★★★★☆去吃饭或是上厕所时短暂离开,不想关机或睡眠又不想让别人看到屏幕伤的内容,只需鼠标移动至屏幕角落,这就是触发角...

2019-07-10 18:22:09 858

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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