在 linux 下你可以很方便的使用 tree 命令来查看当前目录下的目录树机构.
但是在 mac 下,至少你需要安装一个工具.
开始,我从网上找到了一个shell 命令打印 tree 结构的方法.
find . -print | sed -e 's;[^/]*/;|____;g;s;____|; |;g'
你可以在你的终端下,直接输入上面的shell 命令来查看当前目录的结构树
如何把它变成一个 命令,直接使用呢
我们想到了 alias 指定别名的方法
alias tree="find . -print | sed -e 's;[^/]*/;|____;g;s;___
javascript 查看更多
让你的浏览器 console 加入 query 方便测试调试.
这样我们去操作 dom 就像 javascript 文件中书写代码一样方便.
而且查找结果实时输出到 console 中
你可以很轻松的发现 jquery 选择器是不是有误
操作的结果是不是你想要的
如何实现
你需要在你的 console 中引入一段 jquery
var jquery = document.createElement(‘script’);
jquery.src = “http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”;
docu
开发工具 查看更多
Angular.js 中的特性,双向绑定.
多么神奇的功能,让视图的改变直接反应到数据中,数据的改变又实时的通知到视图,如何做到的?
这要归功于 scope 下面3个重要的方法:
$watch
$digest
$apply
他们的区别是什么,我们来介绍下:
$watch
这是一个监听 scope 上数据的监听器
方法说明:
$scope.$watch('参数',function(newValue,oldValue){
//逻辑处理
})
上面我们就是创建了一个监听器.
'参数' 就是$scope对象下的一个对象(或者一个对象的属性),注意,这里是字符串形式.
假如你
angularjs 查看更多
前一段时间写了一篇博文, 关于微信内置浏览器不显示联盟广告
根据 window.navigator.userAgent 来判断当前浏览器是否是微信内置浏览器
window.navigator.userAgent=='micromessenger'
今天要分享的内容差不多,因为之前只考虑了微信浏览器的适配,回头在移动端浏览器打开站点,发现适配问题.
有的联盟会自动屏蔽移动端,但是有的联盟就不能屏蔽,所以只能手动去判断.
根据浏览器 userAgent 判断来源
安卓设备的的 userAgent 判断
navigator.userAgent.match(/Android/i)
ip
杂谈 查看更多
查看 关于git tag 操作方法
分享一个小知识点:
git 如何获取指定 tag 代码
如果你本地有代码仓库
git tag
//查看本地tag
git checkout tag_name
如果你本地没有代码仓库
git clone git@xxx.xxx.xxx:/project_name.git
git tag
//查看本地tag
注意上面的git服务器地址,项目所在目录要替换
然后执行 checkout
git checkout tag_name
如图:
你会看到提示:
当前处于一个“detached HEAD" 状态 ,每一个 tag 就是代
开发工具 查看更多
你有招聘/求职机会,请联系 QQ:378989619 免费发布!
地点: 北京
坐标: 朝阳门
3-5 年web开发经验
本科
职位: javascript全栈攻城狮
我们找这样的你：
• 仰望星空，脚踏实地。
• 计算机、通信、数学等相关专业毕业，有激情有梦想有野心，结果导向。
• 扎实的技术功底，优秀的沟通能力，能够身先士卒完成产品迭代。
• 能从技术和工程的角度与产品团队有效沟通合作。
• 对Web frontend, server stack, API design, data visualization有较深研究
• 较好的英文沟通能力。
我
招聘 查看更多
今天和大家分享关于 nginx 的一些参数使用
首先,你应该安装了nginx CentOS 安装 nginx 这是很早之前的一篇博客,可以参考.
之前,我们如何去操作 nginx
##简单粗暴法
pkill -9 nginx
kill -TERM 主进程号
kill -QUIT 主进程号
现在我们是不是要从容优雅的去面对这些操作了
nginx -s 参数
-s 参数包括下列功能:
nginx -s stop – 快速的停止Nginx
nginx -s quit – 优雅的停止Nginx
nginx -s reload – 重载配置文件
nginx -s
开发工具 查看更多
你有招聘/求职机会,请联系 QQ:378989619 免费发布!
地点: 北京
坐标: 朝阳区
职位: node.js 开发工程师
领域: 移动互联网,电子商务
规模: 2000人以上
岗位职责:
负责nodejs功能模块编写
负责与前端的(ajax,websocket）数据交互
持续优化，以提高前端的用户体验；
分析项目需求，能给出良好的解决方案，并协助其他人员完开发及调试工作。
我们找这样的你：
1. 熟练 Node.js 编程风格和设计模式
2. 熟悉 Restful API 风格
3. 熟悉 MongoDB，Redis
4. 有良好编写规范代
招聘 查看更多
在国庆长假马上结束时,分享一篇关于 css定位的博文,收回你的玩心,开始工作了.
css 中的定位是一个重点,也是难点,之前有一篇专门探讨 css中position定位的问题
达到的效果
如果你够细心的话,你会发现我的博客列表也和博文详情页右侧侧边栏有变化
之前侧边栏是跟随滚动条移动的,当右侧内容不足时,会看到一片空白,体验不好
所以我希望,当滚到到右侧无内容填补时,指点的模块能做一个固定定位,漂浮在顶部右侧,不再跟随滚动条移动
简单说,当右侧侧边栏有内容时,跟随滚动条上下移动
当滚动到右侧无内容时,最小边的模块一直漂浮在右上角,如下图
入群讨论 和 订阅公众号 模块始终
css3 查看更多
不管网络发展到什么地步,Email 永远有它的一席之地,再强大的IM 也无法替代,作为 站长 你需要一个与众不同的域名邮箱.
当然前提是你需要有一个域名
其实大网络公司都是支持域名邮箱的
微软
google
网易
腾讯
阿里巴巴
新浪
搜狐
今天和大家分享国内2家比较好用的免费域名邮箱
腾讯
QQ邮箱看似很娱乐化,貌似确实也是这样的,但是不得不承认,在微信之前,QQ邮箱算是腾讯数一数二的优秀产品.
统一也是出自 张小龙 之手.
结合腾讯IM ,QQ 邮箱达到实时通讯功能,而且拦截,过滤做的也很不错
唯一的缺点: 邮件内容是过滤的,你懂的.....
腾讯企业邮箱也顺理成章的继
杂谈 查看更多
UglifyJS2 这个工具使用很长时间了,但之前都是在 gulp 自动构建 时用到了 UglifyJS 算法进行压缩.
最近玩了一下 UglifyJS2 ,做了一个 在线压缩javascript工具 欢迎点击玩耍.
为什么要压缩 javascript 因为每个人开发者的书写习惯,定义参数习惯,已经使用习惯都不一样.
所以相同的功能出自不同开发者代码各异.这里牵扯到一个代码所占空间.
以前端为例来说明
大家通常都会认为,现在在网络时代,动不动就是10M光纤,拨号上网让人感觉是上个世纪的方式.....
说法是没有问题,但是,我们今天讨论的并不是终端下载速度.
而是前端压缩对服务器有何利
nodejs 查看更多
今天推荐 Mac OSX 下,方便高效的包管理工具 brew
brew 的全名叫做 Homebrew
它的功能类似于 ubuntu 下同下 apt-get ,或者 Cent OS 下的 yum 等包管理工具.
我们可以很方便的 安装,更新,卸载软件
brew 的官网
http://brew.sh/index_zh-cn.html
brew 安装
打开你的 mac 终端命令行工具,输入下面的脚本
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
因
mac 查看更多
工欲善其事,必先利其器
所以逐渐 开发上线一些好玩的小工具
工具可以帮助我们完成很多事情,尤其是在线工具,不需要环境支持,不需要包的依赖,纯绿色,无公害 到今天为止,2个小工具上线,同时还专为为工具打造了一个聚合页
目前博客首页无入口,你可以点击下面链接进入
http://yijiebuyi.com/tools.html
在线生成二维码工具
支持二维码大小,前景色,背景色,长链接,多文字....等等
点击这里 在线生成二维码
欢迎玩耍,有想法,意见等可以进群讨论 --> 看右侧进群方式
回头还会专门开一篇博文讲述关于二维码生成
在线压缩 javascript
如果你的项目中
开发工具 查看更多
看着那个不靠谱的搜狗广告,先默哀一分钟......
找到一个 webstrom 的注册机,和大家分享,如果你手里有银子,当然要支持原版了
支持 webstrom 8.0 到 10.0
下载地址 不能保证一直有效,如果打不开或者找不到,欢迎进群询问.
下载 keygen 放到一个你指定的目录,或者就在当前下载目录,随你的便.
➜ /Users/zhangzhi/Downloads >
然后给 keygen 文件赋权限
➜ /Users/zhangzhi/Downloads >chmod 755 keygen
下面就可以启动注册机使用了
➜
开发工具 查看更多
这篇博文完全上关于上一篇的优化 先看上一篇 node.js 在 Express4.0 框架使用 Connect-Busboy 实现文件上传
因为从上次博客改用 connect-busboy 来上传文件后,发现了明显的一个bug
bug 说明
文件显示上传 100% ,然后预览的时候,偶尔会发现图片只能显示一部分
这种情况在 png 格式 图片尤其严重
昨天重新 review 代码,发现一个bug ,当然和 connect-busboy 一点关系都没有,而是涉及到流的处理过程.
这里把上一篇 blog 里贴出的上传代码在放上来分析一下 function upload(req, res
nodejs 查看更多
你有招聘/求职机会,请联系 QQ:378989619 免费发布!
地点: 北京
坐标: 建国门
职位: node.js 开发工程师
岗位职责: 负责node.js网站后端开发。
我们找这样的你：
1. 1年以上node.js项目开发工作经验，熟悉MVC，熟悉express等开发框架
2. 熟悉linux系统
3. 良好的代码规范。对代码质量精益求精，志向于编写优美的代码
4. 善于思考，能独立分析和解决问题
5. 责任心强，具备良好的团队合作精神和承受压力的能力
我们的服务
手道轻来作为互联网健康养生020平台到家，主要包括整脊、拔罐、足底、艾灸四项服
招聘 查看更多
tab 选择让我们的操作更快捷,有些简单的界面选择,其实你不需要鼠标
但是你会发现 Mac 系统 下这个功能默认是不开启的
注意:这里说的是在系统 windos 窗口界面使用 tab ,并不是页面或者编辑文本环境 比如下面的这个使用场景
mac 默认方式我们只能用 鼠标,触摸板去选择.
其实你可以选择用 tab 键来操作,当然需要设置一下
系统 -> 偏好设置 -> 键盘
然后我们把左小角的 "所有控制" 选中即可
当你启用 tab 键的时候,默认的确认键就不是回车了,而是 空格确认
上图弹出选择框,默认 focu 到 关机 按钮
当你
mac 查看更多
今天的话题包括2个部分
node.js 下使用 nvm 或者 n 来进行版本控制
nvm 安装node.js 版本后,重启终端 node , npm 环境变量失效
第一部分 用什么来管理 node.js 版本
首先应该欢呼庆祝一下 node.js 终于发布了有历史意义的正式版 1.0 ,虽然我们看到的是V4.0,其实他就是node.js 真正意义的 1.0, io.js 不负众望,完成了它的使命.
回头看这几年node.js 以及 io.js 的发展速度,各种版本的迭代发布,我们很有必要用一个 node.js 的版本管理工具来控制当前系统的 node.js 版本.
为什么
nodejs 查看更多
css3 响应式布局学习
响应式:就是根据不同设备,或者设备不同分辨率,动态给出对应的样式变化
响应不同的设备
涉及到 css 中的 Media Queries ,这个词组被译为 "媒体查询"
Media Queries 用法如下: <link href="css/main.css" rel="stylesheet" type="text/css" media="screen" />
或者另外一种引入css 文件的方法
<style type="text/css" media="screen">
@import url("css/sty
css3 查看更多
记录规整一些 关于CSS 处理中文 /英文 折行/不折行 省略 等问题.
这些问题涉及到了几个css 属性,简单记录一下,以备以后碰到
涉及到控制上面提到的问题,必须注意一点,你的容器设定了固定的宽度
英文字母换行,只对英文字母起作用,如果是单词,可能一个单词被拦腰折断 word-break:break-all;
word-break语法： word-break: normal(默认) | break-all | keep-all
Firefox、Opera不能识别
normal: 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行。
break-all: 该行为与亚洲语言的
css3 查看更多
前几天和大家分享了一篇 javascript生成二维码,实现微信跳转
里面提到了一个二维码的容错率,知道今天发现了一个bug ,又重新找了找关于javascript 生成二维码的资料.回头我会整理一下,提供微信端跳出内置浏览器的最佳方案
什么是容错率
顾名思义,就是容许犯错的概率
二维码的容错率
是指生成的二维码允许犯错吗? 不是!
二维码的容错率,是指你生成的二维码就算被遮挡了一部分,或者有一部分没有完全显示出来,当时用户通过各种各样品牌的手机都能扫描成功,这个被遮挡部分在全部的比值,就相当于一个容错率
所以二维码的容错率,跟贴切的叫法是,二维码的冗余度有多大.
什么是冗余度
开发工具 查看更多
在任何一个项目中都缺少不了配置文件
具有下面的特点: 数据量不大,信息需要长期保存,容易维护
当然你也可以在数据库中建一张表,去存放这些信息,一点错都没有,但是,是不是有点牛刀杀鸡的感觉
今天和大家分享的是配置文件的定制,根据你的运行环境不同动态配置一张灵活的 config 配置文件.
之前的一篇博文 根据 ENV 环境变量不同加载不同的配置文件
这一篇可以说是上一篇的子章节,上一篇说的太笼统,
这一次针对一个点,然后铺开说一个功能
我的博客全部用绝对路径
为什么?
因为总有些人直接过来 copy 我的文章,然后不加出处,不署名,这是别人辛辛苦苦的劳动果实,作为一个I
nodejs 查看更多
node.js 下利用 sitemap 生成站点地图.
大致的工作就是,我们生成一份提供给搜索引擎的 Sitemap
之前你获取在网络上找过各种在线生成 sitemap 工具或者服务,使用起来却都不尽人意.有的收费,有的最大抓取2层url ,还有的最大链接数限制在500个.
所以今天和大家分享的是如何用 node.js 来为站点生成 sitemap
什么是sitemap
借用百科的一段话
Sitemap 可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页。最简单的 Sitemap 形式，就是XML 文件，在其中列出网站中的网址以及关于每个网址的其他元数据（上次更新的时间、更改的
nodejs 查看更多
上一篇博客中和大家分享了关于 字符串转时间类型
这一篇顺便整理下 javascript 中 Date 类型的一些方法
var time = new Date();
var year=time.getYear(); //获取当前年份(2位)
var year1=time.getFullYear(); //获取完整的年份(4位,2015-????)
var moonth=time.getMonth(); //获取当前月份(0-11,0代表1月)
time.getDate(); //获取当前日(
javascript 查看更多
javascript 中 new Array() 和 var arr=[ ] 创建数组到底有何不同?
今天就探讨一个 JavaScript 中很常见的问题.
var arr=[]
这是一种字面量定义数组的方法
var arr=new Array()
这是调用数组构造函数生成的数组
上面的2种定义数组的方法到底一样不一样
目前我们大致的认同是下面这样的
用new 关键字去内存开辟一个存储地址比较耗资源,耗内存. 而字面量方式直接在内存开辟一个存储字段相对简单,不耗资源.
我们首先不去否定上面的结论对不对.
首先从功能上来说 var =arr=[] 和 var arr= new
javascript 查看更多
javascript 中对于时间类型的处理 如何把日期字符串如“2015-09-19 09:48:46”转换为Date对象
第一种方法: 我们可以按下面的方法来拆分上面的时间字符串
var str="2015-09-19 09:48:46";
var strArray=str.split(" ");
var strDate=strArray[0].split("-");
var strTime=strArray[1].split(":");
var time=new Date(strDate[0],(strDate[1]-parseInt(1)),strDate[2],strTime[0]
javascript 查看更多
Redis.conf 配置文件详解 # [Redis](http://yijiebuyi.com/category/redis.html) 配置文件
# 当配置中需要配置内存大小时，可以使用 1k, 5GB, 4M 等类似的格式，其转换方式如下(不区分大小写)
#
# 1k => 1000 bytes
# 1kb => 1024 bytes
# 1m => 1000000 bytes
# 1mb => 1024*1024 bytes
# 1g => 1000000000 bytes
# 1gb => 1024*1024*1024 bytes
#
# 内存
redis 查看更多
XSS攻击是什么
XSS又称CSS，全称Cross SiteScript，跨站脚本攻击，是Web程序中常见的漏洞，XSS属于被动式且用于客户端的攻击方式，所以容易被忽略其危害性。其原理是攻击者向有XSS漏洞的网站中输入(传入)恶意的HTML代码，当其它用户浏览该网站时，这段HTML代码会自动执行，从而达到攻击的目的。如，盗取用户Cookie、破坏页面结构、重定向到其它网站等。
XSS 攻击分为2种
非持久性的攻击
持久性攻击
非持久性攻击 顾名思义 只影响当前展示页面
大概类似下面这种情况
=========
比如右侧你可以看到博客的搜索框, 搜索的关键词最后会在页面上方显示
nodejs 查看更多
关于Html5 的一些定义 及旧的Html 规定有何区别
html 头的定义
html4 及 以下版本
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
html5
'`
DOCTYPE 这个定义在Html 页面头部的参数告诉浏览器,你当前的内容是什么类型,需要如何渲染解析
那如果你把 html4 解析的页面定义成了 html5 个规范,会发生什么情况呢?
答案是 什么情况都没有
W3C标准已经像地球所有人
html5 查看更多
node.js下四种post提交数据的方式
今天说分享的是其中一种,就是上传文件.
Express 4.0 以后,将功能原子化,高内聚,低耦合,独立出了很多中间件
今天主要分享文件上传
对于connect-multiparty ,他是专门处理此类post数据相关的依赖包,也是博客之前使用的方式
github 官方地址: https://github.com/andrewrk/connect-multiparty
安装 npm install connect-multiparty
使用 var multipart = require('connect-multiparty')
nodejs 查看更多