自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

AirCloud

这个家伙很懒,没有留下什么描述

  • 博客(164)
  • 收藏
  • 关注

原创 Linux 安装 mongodb

本文介绍一些基本的 Linux 安装 mongodb 的一些操作。我们可以首先从这里找到 mongodb 的下载链接。然后可以下载:curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-amazon-3.6.3.tgz解压缩:tar -zxvf mongodb-linux-x86_64-amazon-3.6.3.tgz将结果移动...

2018-04-06 14:27:41 182

原创 CentOS 安装 node 8.x 版本

CentOS 安装 node 8.x 版本由于一些原因需要给CentOS服务器安装8.0以上版本的node, 本来直接通过yum管理安装管理,但是没找到好办法,在此记录一下自己最后使用的简单过程:安装之前删除原来的node和npm (我原来是用yum安装的,如果是第一次安装可以省略这一步):yum remove nodejs npm -y首先我们随便进入服务器的一个目录,然后从淘宝的源拉取内容:wg

2017-12-15 12:52:34 4656

原创 backbone源码解读(一篇全)

写在前面backbone是我两年多前入门前端的时候接触到的第一个框架,当初被backbone的强大功能所吸引(当然的确比裸写js要好得多),虽然现在backbone并不算最主流的前端框架了,但是,它里面大量设计模式的灵活运用,以及令人赞叹的处理技巧,还是非常值得学习。个人认为,读懂老牌框架的源代码比会用流行框架的API要有用的多。另外,backbone的源代码最近也改了许多(特别是针对ES6),所以

2017-02-07 16:32:39 4479

原创 WebGl学习入门心得

原文章发布在自己博客:http://aircloud.10000h.top/45写在前面想写这篇文章想好久了,这半年在学校的课程中,自己最认真学习的就是图形学这门课程的内容,当然主要是因为自己想要研究一下WebGl,最终课程部分也取得了5.0的满绩, 也算是对自己一个小小的认可。WebGl和OpenGL关于WebGl的学习,虽然有Web也有Gl,但是说实话,首先要懂OpenGl(3.0+),会Ope

2017-01-25 23:50:44 10976

原创 Linux安装配置Redis CentOS 7 下安装Redis

Redis是一个高性能的,开源key-value型数据库。是构建高性能,可扩展的Web应用的完美解决方案,可以内存存储亦可持久化存储。因为要使用跨进程,跨服务级别的数据缓存,在对比多个方案后,决定使用Redis。顺便整理下Redis的安装过程,以便查阅。1 . 下载Redis 目前,最新的Redist版本为3.0,使用wget下载,命令如下:# wget http://download.redi

2016-10-04 23:52:11 25365 4

原创 jquery插件开发全指南

这大概是自己在这个上面的最后一个博客了,自己的博客搭建的差不多了,现在在写一个markdown支持插件,写好了之后将来就要迁移到自己的博客上去了,这个博客还会经常来看,毕竟记录了大二大三自己所走诸多的弯路。(当然最后这篇文章不是自己写的,从网上找来整理了一下)jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的

2016-08-15 19:47:24 2653

原创 服务端ecs使用mongodb

关于一开始mongodb怎么在服务器安装,http://appletest.lofter.com/post/1d595918_917d5b2 这个网站基本都有。之后自己命令行进入的时候遇到了点问题,不过搜到如下答案:源自:http://stackoverflow.com/questions/27375137/failed-global-initialization-badvalue-invalid

2016-08-08 22:52:52 1401

原创 css伸缩布局盒flex属性 display:flex 详解

css伸缩布局盒伸缩布局盒由伸缩容器和伸缩项目组成,首先我们创建一个伸缩容器:.flex-container { display: -webkit-flex; display: flex;}伸缩项目有如下几个参数:flex-direction伸缩流方向,默认为row,写在伸缩容器的css样式中。row:从左到右,从上到下。row-reverse: 主轴起点和主轴终点交换。如果书写模式是从

2016-08-08 12:42:13 1737

原创 nodejs连接mysql之使用连接池pool

不使用连接池的坏处想必试过的人都已经知道了,我这里给出一个使用连接池的范例,实现的较为简单,最好不要直接用。连接池范例://导入所需模块 var mysql=require("mysql"); //导入配置文件 var cfg =require("./config/db"); var pool = mysql.createPool({ host: cf

2016-08-07 18:18:04 18098 4

原创 css排雷第二部分:高级web标准解决方案

后代选择器和子类选择器: 后代选择器选择一个元素的所有后代,而子类选择器选择直接后代。子类选择器例子: .mainDiv > div{ background-color: green; }后代选择器例子:.mainDiv div{ background-color: red; }如何让有 title的属性的文字更明

2016-08-05 00:37:28 286

原创 bower简明入门

准备工作安装node环境:node.js安装Git,bower从远程git仓库获取代码包:git简易指南安装bower使用npm,打开终端,输入:npm install -g bower其中-g命令表示全局安装开始使用使用help命令查看帮助自定义包的安装目录 首先进入项目目录下,新建文件1.txt然后命令行进入项目目录下,输入命令重命名该文件为.bowerrc:rename 1.txt .

2016-08-04 16:54:57 308

原创 socket.io 实时通信在nodejs下的应用

socket.io 简介 Socket.IO aims to make realtime apps possible in every browser and mobile device, blurring the differences between the different transport mechanisms. It’s care-free realtime 100% in Jav

2016-08-04 10:46:43 3080

原创 阿里云ECS centos7.2下的nginx和nodejs

这个文章是自己刚学习配置nginx和nodejs时候记录的,比较入门,之后会不断进行丰满。实际上,如果只用一个服务器运行一个网站,是没有必要用nginx的反向代理的,但是nginx处理静态文件的效率还行,所以很多时候还是在用。但是效率这个东西,既然你都一个服务器并且只有一个网站了,仁者见仁吧。首先我们要给nginx在配置文件目录下增加一个配置文件(nodejs.conf)并且输入如下内容: ups

2016-08-03 21:16:24 3043

原创 阿里云服务器ECS centos7.2搭建nginx环境以及负载均衡

之所以要整理出这篇文章,是因为1是搭建环境的过程中会遇到大大小小各种问题,2是网上目前也没有关于centos7.2搭建nginx环境的问题整理,因此在这里记录。前置工作就不赘述了,首先ssh root@115.29.102.81 (换成你们自己的公网IP)登陆进入到自己的服务器命令行,之后开始基本的安装:1.添加资源添加CentOS 7 Nginx yum资源库,打开终端,使用以下命令(没有换行):

2016-08-03 15:29:26 11162 1

原创 backbone内存泄漏

backbone内存泄漏的一个样例代码,以及测试代码和修改后的代码:(自己现在大概没有深刻掌握,以后可以常来看看)var Task = Backbone.Model.extend({})var TaskView = Backbone.View.extend({ tagName: 'tr', template: _.template('<td><%= id %></td><td><%=

2016-07-27 10:49:31 618

原创 最近遇到的一些问题以及解决方案

好久没有写新文章啦。最近比较喜欢用印象笔记,因此一些碎碎的知识自己都用印象笔记做了,这篇文章主要是解决我遇到的一些坑,以及针对这些坑我在网上查到的解决方案 用backbone.js删除数据的时候没有向服务器发送delete请求: 解决方案:增加id属性,见 http://blog.csdn.net/wuyajun1124/article/details/41622867 用mongoo

2016-07-25 18:41:52 548

原创 Phpstrom10不用自带服务器配置apach服务器

Phpstrom 10 自带的服务器有一定的缺陷:比如说一个大的缺陷,不能POST!如果你用Phpstrom 10的话表单POST是肯定收不到数据的,这个烂坑坑了我非常久!据说升级版本会好,但是目前好像并没有直接修改的方案,这里可以只用phpstrom却不用其自带的服务器。注:如果直接改默认端口号的话,最低可以改到1024.接下来演示如何不用本机服务器配置apach,其实非常简单:直接选择in pl

2016-06-30 00:24:18 2915

原创 一个对于三只松鼠视觉稿的分析

先放上三只松鼠的两张图: 整体风格是卖萌耍贱搞促销,设计方面有如下几个点:立体风格的卡通文字。通过深浅色块来表现出三维的效果。深色块、框色块、白色块三色搭配突出主体,之后加上主题。在“01”后面加上三点。部分虚化,比如第一个图的粉色条状糖果。

2016-05-27 15:50:51 5567

原创 After Effect弹性表达式的用法

弹性表达式的意思是对于某一个元素,运动到头之后拥有几次反弹的效果。这里先给出一个弹性表达式的例子:freq = 6;decay = 10;n = 0;if (numKeys > 0){ n = nearestKey(time).index; if (key(n).time > time) n--;}if (n > 0){ t = time - key(n).time; amp = velo

2016-04-22 21:01:39 20893

原创 通用设计方法精选

组件分析:对于物体的材质、美学和互动特点结合情景做的系统性检查。行为地图:行为地图分为以地点为中心和以个人为中心。身体风暴:把头脑风暴运用在身体中,具有动态性、经验性、衍生性。源自表演方法。头脑风暴图像组织法:结合可视化框架(头脑风暴图、树形图、流程图)来进行交流沟通。未完待续

2016-04-16 11:29:51 829

原创 通用设计法则精选

笔者阅读通用设计法则一书,从中精选了一些。无障碍使用:无障碍使用的几大要素:易读性,易操作性,简易性和包容性。简单的说,就是让用户知晓如何做->方便操作->包容错误。引导手册:引导手册有两种:说明型引导手册和比较型引导手册。功能可见性:比如把门把手去掉来说明这个门是用来推的。物品拟人型:物品拥有人型特别是女人的曲线线条(比如化妆品)通常能起到更好的效果。面积对齐:有些时候居中对齐反而显得不齐

2016-04-15 12:22:04 2205 1

原创 从设计心理学理解交互设计的原则

1、可视性:正确的操作部位必须显而易见,而且还要向用户传达出正确的信息。例:加关注概念模式:一个好的概念模式使我们能够预测操作行为的效果。例:发博客自然匹配:利用物理环境类比和文化标准理念,设计出让用户一看就明白如何使用的产品。例:查看下一篇文章反馈原则:向用户提供信息,使用户知道某一操作是否已经完成以及操作所产生的结果。例:加载信息5.如何限制用户的行为?增加行为实现的难度。例:删除好友

2016-04-11 21:12:48 2224

原创 情感化设计

作者提出了三个层次:本能的,行为的,反思的。本能的设计关注外形,外形上有比较良好的视觉体验,而行为的设计与使用者的乐趣和效率有关,我认为就是在行为交互上的一种良好体验,反思的设计考虑产品的合理化和理智化,比如和它有关的故事,是否迎合了自我形象和自尊,是否情感共鸣等。比如专为受虐狂设计的茶壶。书中的实验强调,“美”能够影响产品的可用性,美的物品被认为是好用的愉快的人较善于发现解决问题的方法? 实验

2016-04-10 20:13:52 995

原创 点石成金:访客至上的网页设计秘笈

第一个原则:别让我思考。 我们认为的 “精心准备的文字’,在用户看来更像是 ”以每小时100英里驶过的广告牌“ 事实上,大多数时候我们不会做最佳选项,而是选择第一个合理的选项,这就是满意策略。勉强应付。 我们会点击第一个我们看起来不错的按钮。 降低视觉噪声:包括背景,以及省略不必要的文字,不用在web上面发扬你的写作艺术,从而降低噪声并且让重点更为突出。其实仅仅导航栏

2016-04-08 14:05:39 487

原创 工法1&2 读书笔记

脱蜡铸造 脱蜡铸造是玻璃加工成形方法之一,其主要过程是将玻璃加热到高温使其具有流动性,流入预先制好的模壳内成形。由于模壳是经由加热后脱除蜡模而制得,故称脱蜡铸造。翻模铸造 比如警察根据脚印判断嫌疑犯真空成型 真空成型(Vacuum Forming)常称为吸塑,是一种塑料加工工艺,主要原理是将平展的塑料硬片材加热变软后,采用真空吸附于模具表面,冷却后成型,广泛用于塑料包装、灯饰、广告、装饰等行业

2016-03-09 19:38:12 374

原创 ps制作一种特效人像

所有的图都是直接截图而非原图,清晰度一般噢。这个作品只是一个丑陋的demo,之后改进的空间非常的大。先上成品:细节图放大:做这个的话要先用AI做出编辑用的条纹来:具体方法:先拉一条横线或者竖线。对其进行效果-扭曲和变换-波浪效果,然后简单调整一下参数。然后摁住shift+alt对这条线进行平移复制。全选,用对象-混合-混合选项,间距选指定的步数比如400,然后保存。对象-混合-建立。之后

2016-02-23 12:56:27 663

原创 ps一些比较有用的要点

文件->自动->Photomerge:自动拼接全景图,可以类比编辑菜单中的自动对齐图层和自动混合图层。图像处理器:可以支持将一组图片转化为jpeg等格式,或者调整图片的大小、转化格式等。编辑->渐隐:这个是一个比较重要的命令,渐隐命令是对目前的操作进行后续的调整,决定着上一个步骤进行多少的程度,并且注意还可以选择叠加方式。图像->修边:去除选择工具之后的杂边。选择->修改:用于修改选区,给

2016-02-15 01:07:01 438

原创 摄影拍摄时需要注意的问题

刚学会一个技巧,拍摄的时候关于光圈的问题,当光圈因素不是主要因素的时候,自己最好调到8,这个时候是成像最好的时候。拍摄风光的时候比较容易出现的问题过多的空旷天空,我们在拍摄的时候,习惯性的把重点的景物放在中间,这样就导致了差不多有小一半景物是天空,不要以为这样会比较自然,实际上很丑的。补救方法: 适当俯视压低视角,镜头向下,并且突出表现,如下图: 还有几个其他的摄影方面的技巧 样例:

2016-02-04 19:32:26 555

原创 摄影作品后期处理心得

摄影作品的后期非常重要,自己今天去了华家池和之江去拍照,关于后期方面自己也算是积累一点心得吧。窗边怎么做?其实很多图片拍了窗户,无奈窗户后面的景色并不好看,这个时候就需要进行一个简单的后期处理了,自己通常的步骤是:通过通道选取选中图像窗户外面的东西,之后进行选择性贴入背景,然后进行调光调色处理:处理前:处理后:其实之后再用hdr调整降低细节会更好。HDR的应用HDR的应用,ps自带的HDR 可以有很

2016-01-13 22:58:33 2876

转载 中国设计的智慧

当我们走进购物中心,身边总被熟悉的品牌所笼罩,从优衣库、H&M、ZARA到无印良品,我们在享受这些品牌所带来的便利,慢慢变成一种习惯,而基于中国文化传统的品牌则销声匿迹。当我们在瑞士旅行,你会发现奢侈品商店都是操着各种口音的中国人,甚至连营业员都是,大家在热火朝天的抢购名表。从表面来看这属于企业经营行为,与管理、开发设计、供应链整合和品牌营销有关,究其本质则是文化,只有令世界尊重的文化才会有引起消费

2016-01-12 13:17:04 616

原创 思维拓展训练中的创新游戏设计

游戏设计的三个环节,开始,探索和结束。结束也可以理解为收敛。注意点:不要同时强调创造性和批判性,人类的思维模式并非如此,创造性是扩展增多,而批判性带来的结果是收敛。凡事都要有始有终,一开始只做一件事情,但是做了就必须完成,否则就会浪费团队精力。游戏风暴的十个要素: 1、 开始和结束 2、 点火,点火的目的就是激发想象力。最有效的点火方式是提出问题,另外一种点火方式是填空,比如填空“我想

2016-01-11 22:46:45 2289

原创 点石成金:访客至上的网页设计秘笈

第一个原则:别让我思考。我们认为的 “精心准备的文字’,在用户看来更像是 ”以每小时100英里驶过的广告牌“事实上,大多数时候我们不会做最佳选项,而是选择第一个合理的选项,这就是满意策略。勉强应付。降低视觉噪声:包括背景,以及省略不必要的文字,不用在web上面发扬你的写作艺术,从而降低噪声并且让重点更为突出。其实仅仅导航栏里面

2016-01-10 20:37:08 788

原创 一个字体的设计

今天闲来无事,看到有的海报曾经用过一种类似如下的字体,于是自己思考了一下怎么做,下面是自己做的效果图:[放大看效果比较好]首先,本文用到的一个比较重要的知识点是ps中的滤镜->扭曲->波浪,其实这个功能可以做出很多特效,文中的特效就是主要用这个。首先建立一块黑色画布[大约横向A4即可],选取一个无衬线字体进行随便输入,比如”dreamble”,调整大小。然后进行珊格化合并图层之后用滤镜->扭曲->波

2016-01-10 20:30:10 336

原创 如何拍摄一组照片

一组照片是怎么产生的,从哪里入手开始拍摄呢?一次漫无目的的拍摄大多会以失败告终,因为你都不知道你在拍什么,又怎么能指望读者看懂你在拍什么呢,无法产生共鸣的照片是我们需要避免的。那一组照片从何而来,和写文章,画画一样,照片必须言之有物,必须要有表现的主题,主题可以多种多样,比如这次我要拍红色,拍孤独,拍人的手,拍人在看书,拍蛋糕,无论主题是什么,有多简单,但必须要有。 一组照片的起源,就是从这个你想

2016-01-10 15:13:41 704

原创 堆栈和蒙板

堆栈的应用不借助任何滤镜系统,只有裸机裸镜,在强光下玩超长慢门效果 让夜景、星轨的噪点彻底消失,从此不再惧怕高ISO和长曝噪点 这并非空穴来风,也不是什么神机妖镜,您和您手头的设备就可以做到! 你只需要不停地按下快门,剩下的会由后期搞定 这就是堆栈技术,也可以叫做连拍叠加法,或者俗点的说法就是:裸拍法 :D堆栈技术的前后期都很简单,关键词:无ND、上脚架、多张连拍、后期叠加合成 一.无ND

2016-01-02 14:37:43 1469

原创 可读性设计规范

1.行宽我们可以想象一下:如果一行文字过长,视线移动距离长,很难让人注意到段落起点和终点,阅读比较困难;如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。因此我们可以让内容区的每一行承载合适的字数,来提高易读性。传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。中文在14号字体时,建议35—45个文字。比如下图:2.间距行距是影响易读性非常重要的因素,过宽的行距会会让文

2015-12-29 23:49:50 1078

转载 10个有关快门的必学知识

(一) 快门速度是用秒来做单位 这个应该大部分同学也知道吧?因此当你告诉别人你的快门速度时,记得要说成 1/250 秒 而不是 1/250,而当在相机内显示 250 时,记得是 1/250 秒 而不是 250 秒,若果是等于或超过一秒的话,相机通常会显示成 2” ,是有「”」的。(二) 通常你也应该使用 1/60秒 或更快的快门速度 在大多数时间你也会手持拍摄,若果你的相机或镜头没有防手震功能

2015-12-27 20:06:48 391

原创 写给做设计的自己的四个建议

结束。

2015-12-14 15:47:09 268

原创 PS特效

这次主要是让自己记录一下最近学的ps的新的一些知识点。字体问题首先解决ps第一个问题: 选用一种字体,如果没有这个字了怎么办?字体产地的判断通常不同产地的字体在字库里安装以后,会自动按照不同产地进行归类。以设计软件Adobe IllustratorCS6为例,通常大陆地区的字体以及简化字字体会出现在最上面,外国英文字体次之,第三顺位的是日文字体,第四顺位的是港台正体中文字体,第五顺位的是韩文中文字

2015-12-13 22:17:04 702

原创 ps中的各个混合模式

Adobe 官网上有各种混合模式的计算方法,但还是有点抽象。将混合模式根据效果分为六类 组合(正常、溶解) 加深(变暗、正片叠底、颜色加深、线性加深) 减淡(变亮、滤色、颜色减淡、线性减淡) 对比(叠加、柔光、强光、亮光、线性光、点光、实色混合) 比较(差值、排除) 色彩混合(色相、饱和度、颜色、亮度)。前提:执行混合的时候PS会查看每个通道中的颜色信息,并比较每一个像素。下面说的比较和

2015-12-13 15:14:58 703

空空如也

空空如也

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

TA关注的人

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