几个linux常用命令记录

使用ssh登陆linux主机以后,如何能够快速的和本地机器进行文件的交互呢,也就是上传和下载文件到服务器和本地,与ssh有关的两个命令可以提供很方便的操作:
sz:将选定的文件发送(send)到本地机器
rz:运行该命令会弹出一个文件选择窗口,从本地选择文件上传到服务器(receive)

参数:
-b binary 用binary的方式上传下载,不解释字符为ascii

注:rz/sz 通过Zmodem协议传输数据,适合中小文件。我(客户端)上传,你(服务器)接收(RZ),我下载(客户端),你(服务器)发送(SZ)。

find命令——查找文件名

1.在某目录下查找名为“elm.cc”的文件

find /home/lijiajia/ -name elm.cc

2.查找文件名中包含某字符(如”elm”)的文件

find /home/lijiajia/ -name ‘*elm*’

find /home/lijiajia/ -name ‘elm*’

find /home/lijiajia/ -name ‘*elm’

 

bootstrap-datetimepicker如何只显示到日期

bootstrap-datetimepicker 一般都是设置到时分秒,有时候并不需要,怎么处理呢?

minView: “month”, //选择日期后,不会再跳转去选择时分秒

// 日历
$('.form_datetime').datetimepicker({
    minView: "month", //选择日期后,不会再跳转去选择时分秒 
    language:  'zh-CN',
    format: 'yyyy-mm-dd',
    todayBtn:  true,
    autoclose: true
});

RESTful API示例

HTTP动词

对于资源的具体操作,由HTTP动词表示
常用的HTTP动词包括一下几个,括号里是对应的SQL命令:

  • GET(SELECT): 从服务器取出资源(一个或多个)
  • POST(CREATE): 在服务器新建一个资源
  • PUT(UPDATE): 在服务器更新资源(客户端提供改变后的完整资源,即更新整一个资源)
  • PATCH(UPDATE): 在服务器更新资源(客户端提供改变的属性,即更新资源的部分属性)
  • DELETE(DELETE): 从服务器删除资源

还有两个不常用的HTTP动词

  • HEAD: 获取资源的元数据
  • OPTIONS: 获取信息,关于资源的哪些属性是客户端可以改变的

下面是若干例子:

  • GET /zoos:列出所有动物园
  • POST /zoos:新建一个动物园
  • GET /zoos/ID:获取某个指定动物园的信息
  • PUT /zoos/ID:更新某个指定动物园的信息(提供该动物园的全部信息)
  • PATCH /zoos/ID:更新某个指定动物园的信息(提供该动物园的部分信息)
  • DELETE /zoos/ID:删除某个动物园
  • GET /zoos/ID/animals:列出某个指定动物园的所有动物
  • DELETE /zoos/ID/animals/ID:删除某个指定动物园的指定动物

 

文/Harrison(简书作者)
原文链接:http://www.jianshu.com/p/00631797a60d

RESTful与jQuery ajax方法对应

访问一个网站,就代表了客户端和服务器的一个互动过程。在这个过程中,势必涉及到数据和状态的变化。

互联网通信协议HTTP协议,是一个无状态协议。这意味着,所有的状态都保存在服务器端。因此,如果客户端想要操作服务器,必须通过某种手段,让服务器端发生”状态转化”(State Transfer)。而这种转化是建立在表现层之上的,所以就是”表现层状态转化”。

客户端用到的手段,只能是HTTP协议。具体来说,就是HTTP协议里面,四个表示操作方式的动词:GET、POST、PUT、DELETE。它们分别对应四种基本操作:GET用来获取资源,POST用来新建资源(也可以用于更新资源),PUT用来更新资源,DELETE用来删除资源。

(1)每一个URI代表一种资源;
(2)客户端和服务器之间,传递这种资源的某种表现层;
(3)客户端通过四个HTTP动词,对服务器端资源进行操作,实现”表现层状态转化”。

Jquery里的POST和GET都是对ajax方法的封装,你可以自己进行封装。

$.ajax({
  url: 'www.website.com',
  type: 'DELETE',
  data: {}
});

执行后就会有Request Method:DELETE的http头被传到后端。OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE都是可以使用的Http1.1(连IE7都支持,其他浏览器不可能不支持)。至于你说的实现问题,我认为不存在,只是你服务端有没有做相应的处理,HTTP是协议不是技术。

方法GET和HEAD应该被所有的通用WEB服务器支持,其他所有方法的实现是可选的。
W3C有明确的说明。
http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html

参考:
http://www.ruanyifeng.com/blog/2011/09/restful
https://segmentfault.com/q/1010000002581227

Gentallela 学习及代码分析

Gentallela- 使用Bootstrap搭建的Admin管理模板

使用到的插件:

Font Awesome 一套绝佳的图标字体库和CSS框架,为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。
项目地址:https://github.com/FortAwesome/Font-Awesome
中文文档:http://fontawesome.dashgame.com/

Parsley.js 是一个用来对 Web 表单的输入数据进行验证的 JavaScript 库,无需另写一行 JavaScript 代码。
项目地址:https://github.com/guillaumepotier/Parsley.js

NProgress.js 可以为网页中的任何加载中内容(图片,视频等)向用户呈现进度条。它可以用在所有的元素,包括文本输入框,文本域,甚至整个页面。
项目地址:http://ricostacruz.com/nprogress/

FastClick是一个非常方便的库,在移动浏览器上发生介于轻敲及点击之间的指令时,能够让你摆脱300毫秒的延迟。FastClick可以让你的应用程序更加灵敏迅捷。支持各种移动浏览器,比如Safari、Chrome、Opera等。
项目地址:https://github.com/ftlabs/fastclick/

icheck 是一套基于 jQuery & Zepto 的自定义复选框和单选按钮,以避免在日常开发中重复造轮子。
项目地址:https://github.com/fronteed/iCheck

设计心理学摘抄

颜色可以影响情绪。Adobe列出了一些色彩和与之相符的情绪,下面是一些积极的方面:

  • 黑色:精致和力量
  • 白色:干净、精致、纯洁
  • 红色:勇气、激励、力量;也能激发欲望
  • 蓝色:冷静、安定、信任、安全
  • 黄色:乐观、欢乐
  • 绿色:平衡、可持续的增长
  • 紫色:皇权、精神意识、奢华
  • 橙色:友谊、舒适、食物
  • 粉色:平静、女性化、性

研究显示,当网站里加入了人脸,转化率会增加。

还可以根据模特的面部和视线的朝向,来引导用户的注意力。眼部追踪研究显示人们会循着别人的视线,就像跟随指示箭头一样。

还可以使用面部来传递感情。有六种公认的面部表情:

  • 快乐
  • 难过
  • 惊讶
  • 害怕
  • 厌恶
  • 愤怒

利用这项原则,你立马就能确定设计的基调,并且跨越语言的界限进行沟通。

奥卡姆剃刀原理告诉我们最简单的解决方法往往是最好的。

冯·雷斯托夫效应告诉我们,某个元素越是违反常理,就越引人注目、令人难忘。

席克定律关系到一人需要多久来做出决定。如果人们有更多选择,就需要更长的时间做出抉择。某些情况下,需要花费的时间太长了,以至于他们根本做不出决定,因为决定的负担太沉重。

费茨定律是一条科学定理,通常用于描述人机交互。它说“移动到某个目标上所需的时间,是一个由目标尺寸和目标距离构成的函数。”

这项原则可以用于网页设计中。本质上来说,点击区域越大,就越容易被点到。

摘自:http://colachan.com/post/3496

fis3 学习(2)— Glob

fis.match(selector, props);

selector :FIS3 把匹配文件路径的路径作为selector,使用 node-glob 提供 glob 支持,实现其文件匹配功能。
请参看 Glob 说明

常用的一些用法:

* 匹配0或多个除了 / 以外的字符
? 匹配单个除了 / 以外的字符
** 匹配多个字符包括 /
{} 可以让多个规则用 , 逗号分隔,起到或者的作用
! 出现在规则的开头,表示取反。即匹配不命中后面规则的文件

扩展的规则

假设匹配 widget 目录下以及其子目录下的所有 js 文件,使用 node-glob 需要这么写

widget/{*.js,**/*.js}

这样写起来比较麻烦,所以扩展了这块的语法,以下方式等价于上面的用法

widget/**.js

特殊用法(类 css 伪类)

::package 用来匹配 fis 的打包过程。
::text 用来匹配文本文件。
::image 用来匹配文件类型为图片的文件。
*.html:js 用来匹配命中的 html 文件中的内嵌的 js 部分。
*.html:css 用来匹配命中的 html 文件中内嵌的 css 部分。
*.html:inline-style 用来匹配命中的 html 文件中的内联样式。可以配置些 auto prefix 之类的插件。
*.html:scss 用来命中 html 文件中的 scss 部分

fis3 学习(1)— 介绍、常用命令

fis3是百度fex出品的前端构建工具~
安装及升级:http://fis.baidu.com/fis3/docs/beginning/install.html

原理描述:FIS3 会在配置文件中给文件添加相应属性,用于控制文件的编译、合并等各种操作;文件属性包括基本属性和插件属性。

即在 fis-conf.js (配置文件)中通过匹配规则(类似 CSS 的配置方式),对筛选出的文件进行处理,如(压缩、合并、文件指纹)等,在构建时生效。

配置文件中常用的命令:

fis.match()
语法:fis.match(selector, props);
参数:
selector :FIS3 把匹配文件路径的路径作为selector,匹配到的文件会分配给它设置的 props。
props :编译规则属性,包括文件属性和插件属性。属性列表

fis.media()
fis.media() 接口提供多种状态功能,比如有些配置是仅供开发环境下使用,有些则是仅供生产环境使用的。
例:

fis.media('prod').match('*.js', {
  optimizer: fis.plugin('uglify-js')
});

在目录命令行下使用 fis3 release ,此处为 prod

命令行中常用的命令

fis3 release
语法:fis3 release [media name]
参数:
-h, –help 帮助信息,明此命令有哪些参数并且起到什么作用
-d, –dest 编译产出到一个特定的目录
-l, –lint 启用文件格式检测
-w, –watch 会启动文件监听功能,当文件变化时会编译发布变化了的文件以及依赖它的文件
-L, –live 启动 livereload 功能,应该跟 watch 功能一起使用(-w 在开启 liveload 的前提下,自动开启),当某文档做了修改时,会自动刷新页面。
-c, –clean 清除编译缓存
-u, –unique 启用独立缓存,一般用于编译机

示例:

//构建发布到项目目录的 output 目录下
fis3 release -d ./output
 
//构建发布到项目父级目录的 dist 子目录下
fis3 release -d ../dist
 
//浏览器自动刷新
fis3 release -wL

fis3 server
FIS3 内置了一个 Web Server 提供给构建后的代码进行调试。
语法:server [options]
命令:
start 启动服务器
stop 关闭服务器
restart 重启服务器
info 输入服务器信息
open 打开目录
clean 清除目录文件
install install server framework

参考:
http://fis.baidu.com/fis3/docs/api/command.html