mac 下的 tree 命令 终端展示你的目录树结构

在 linux 下你可以很方便的使用 tree 命令来查看当前目录下的目录树机构. 但是在 mac 下,至少你需要安装一个工具. 开始,我从网上找到了一个shell 命令打印 tree 结构的方法. find . -print | sed -e 's;[^/]*/;|____;g;s;____|; |;g' 你可以在你的终端下,直接输入上面的shell 命令来查看当前目录的结构树 如何把它变成一个 命令,直接使用呢 我们想到了 alias 指定别名的方法 alias tree="find . -print | sed -e 's;[^/]*/;|____;g;s;___

chrome 浏览器 console 加入 jquery 测试调试

让你的浏览器 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 中的如何实现了双向绑定,$watch $digest $apply 帮我们同步视图和模型数据

Angular.js 中的特性,双向绑定. 多么神奇的功能,让视图的改变直接反应到数据中,数据的改变又实时的通知到视图,如何做到的? 这要归功于 scope 下面3个重要的方法: $watch $digest $apply 他们的区别是什么,我们来介绍下: $watch 这是一个监听 scope 上数据的监听器 方法说明: $scope.$watch('参数',function(newValue,oldValue){ //逻辑处理 }) 上面我们就是创建了一个监听器. '参数' 就是$scope对象下的一个对象(或者一个对象的属性),注意,这里是字符串形式. 假如你

手机上 移动端浏览器如何不显示 pc 端的广告

前一段时间写了一篇博文, 关于微信内置浏览器不显示联盟广告 根据 window.navigator.userAgent 来判断当前浏览器是否是微信内置浏览器 window.navigator.userAgent=='micromessenger' 今天要分享的内容差不多,因为之前只考虑了微信浏览器的适配,回头在移动端浏览器打开站点,发现适配问题. 有的联盟会自动屏蔽移动端,但是有的联盟就不能屏蔽,所以只能手动去判断. 根据浏览器 userAgent 判断来源 安卓设备的的 userAgent 判断 navigator.userAgent.match(/Android/i) ip

git 如何获取指定 tag 代码

查看 关于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 就是代

[投稿] 北京 朝阳门 高薪招聘 javascript 全栈 攻城狮

你有招聘/求职机会,请联系 QQ:378989619 免费发布! 地点: 北京 坐标: 朝阳门 3-5 年web开发经验 本科 职位: javascript全栈攻城狮 我们找这样的你: • 仰望星空,脚踏实地。 • 计算机、通信、数学等相关专业毕业,有激情有梦想有野心,结果导向。 • 扎实的技术功底,优秀的沟通能力,能够身先士卒完成产品迭代。 • 能从技术和工程的角度与产品团队有效沟通合作。 • 对Web frontend, server stack, API design, data visualization有较深研究 • 较好的英文沟通能力。 我

nginx 命令行参数 启动 重启 重载 停止

今天和大家分享关于 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

[投稿] 北京地区 高薪招聘 node.js 工程师 2015-10-07

你有招聘/求职机会,请联系 QQ:378989619 免费发布! 地点: 北京 坐标: 朝阳区 职位: node.js 开发工程师 领域: 移动互联网,电子商务 规模: 2000人以上 岗位职责: 负责nodejs功能模块编写 负责与前端的(ajax,websocket)数据交互 持续优化,以提高前端的用户体验; 分析项目需求,能给出良好的解决方案,并协助其他人员完开发及调试工作。 我们找这样的你: 1. 熟练 Node.js 编程风格和设计模式 2. 熟悉 Restful API 风格 3. 熟悉 MongoDB,Redis 4. 有良好编写规范代

css fixed 定位 让局部UI固定 不跟随滚动条移动

在国庆长假马上结束时,分享一篇关于 css定位的博文,收回你的玩心,开始工作了. css 中的定位是一个重点,也是难点,之前有一篇专门探讨 css中position定位的问题 达到的效果 如果你够细心的话,你会发现我的博客列表也和博文详情页右侧侧边栏有变化 之前侧边栏是跟随滚动条移动的,当右侧内容不足时,会看到一片空白,体验不好 所以我希望,当滚到到右侧无内容填补时,指点的模块能做一个固定定位,漂浮在顶部右侧,不再跟随滚动条移动 简单说,当右侧侧边栏有内容时,跟随滚动条上下移动 当滚动到右侧无内容时,最小边的模块一直漂浮在右上角,如下图 入群讨论 和 订阅公众号 模块始终

打造个性化 域名邮箱 推荐国内个人站长免费好用的的企业邮箱

不管网络发展到什么地步,Email 永远有它的一席之地,再强大的IM 也无法替代,作为 站长 你需要一个与众不同的域名邮箱. 当然前提是你需要有一个域名 其实大网络公司都是支持域名邮箱的 微软 google 网易 腾讯 阿里巴巴 新浪 搜狐 今天和大家分享国内2家比较好用的免费域名邮箱 腾讯 QQ邮箱看似很娱乐化,貌似确实也是这样的,但是不得不承认,在微信之前,QQ邮箱算是腾讯数一数二的优秀产品. 统一也是出自 张小龙 之手. 结合腾讯IM ,QQ 邮箱达到实时通讯功能,而且拦截,过滤做的也很不错 唯一的缺点: 邮件内容是过滤的,你懂的..... 腾讯企业邮箱也顺理成章的继

node.js 使用 UglifyJS2 高效率压缩 javascript 文件

UglifyJS2 这个工具使用很长时间了,但之前都是在 gulp 自动构建 时用到了 UglifyJS 算法进行压缩. 最近玩了一下 UglifyJS2 ,做了一个 在线压缩javascript工具 欢迎点击玩耍. 为什么要压缩 javascript 因为每个人开发者的书写习惯,定义参数习惯,已经使用习惯都不一样. 所以相同的功能出自不同开发者代码各异.这里牵扯到一个代码所占空间. 以前端为例来说明 大家通常都会认为,现在在网络时代,动不动就是10M光纤,拨号上网让人感觉是上个世纪的方式..... 说法是没有问题,但是,我们今天讨论的并不是终端下载速度. 而是前端压缩对服务器有何利

brew mac osx 上软件包管理工具

今天推荐 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)" 因

博客新功能 在线工具 逐步上线,完善中

工欲善其事,必先利其器 所以逐渐 开发上线一些好玩的小工具 工具可以帮助我们完成很多事情,尤其是在线工具,不需要环境支持,不需要包的依赖,纯绿色,无公害 到今天为止,2个小工具上线,同时还专为为工具打造了一个聚合页 目前博客首页无入口,你可以点击下面链接进入 http://yijiebuyi.com/tools.html 在线生成二维码工具 支持二维码大小,前景色,背景色,长链接,多文字....等等 点击这里 在线生成二维码 欢迎玩耍,有想法,意见等可以进群讨论 --> 看右侧进群方式 回头还会专门开一篇博文讲述关于二维码生成 在线压缩 javascript 如果你的项目中

webstrom 10 keygen 授权码 注册机

看着那个不靠谱的搜狗广告,先默哀一分钟...... 找到一个 webstrom 的注册机,和大家分享,如果你手里有银子,当然要支持原版了 支持 webstrom 8.0 到 10.0 下载地址 不能保证一直有效,如果打不开或者找不到,欢迎进群询问. 下载 keygen 放到一个你指定的目录,或者就在当前下载目录,随你的便. ➜ /Users/zhangzhi/Downloads > 然后给 keygen 文件赋权限 ➜ /Users/zhangzhi/Downloads >chmod 755 keygen 下面就可以启动注册机使用了 ➜

关于使用 Connect-Busboy 实现文件上传 优化说明

这篇博文完全上关于上一篇的优化 先看上一篇 node.js 在 Express4.0 框架使用 Connect-Busboy 实现文件上传 因为从上次博客改用 connect-busboy 来上传文件后,发现了明显的一个bug bug 说明 文件显示上传 100% ,然后预览的时候,偶尔会发现图片只能显示一部分 这种情况在 png 格式 图片尤其严重 昨天重新 review 代码,发现一个bug ,当然和 connect-busboy 一点关系都没有,而是涉及到流的处理过程. 这里把上一篇 blog 里贴出的上传代码在放上来分析一下 function upload(req, res

[投稿] 2015-09-25 北京地区招聘 node.js 开发工程师

你有招聘/求职机会,请联系 QQ:378989619 免费发布! 地点: 北京 坐标: 建国门 职位: node.js 开发工程师 岗位职责: 负责node.js网站后端开发。 我们找这样的你: 1. 1年以上node.js项目开发工作经验,熟悉MVC,熟悉express等开发框架 2. 熟悉linux系统 3. 良好的代码规范。对代码质量精益求精,志向于编写优美的代码 4. 善于思考,能独立分析和解决问题 5. 责任心强,具备良好的团队合作精神和承受压力的能力 我们的服务 手道轻来作为互联网健康养生020平台到家,主要包括整脊、拔罐、足底、艾灸四项服

mac 窗口状态下 激活 tab 键

tab 选择让我们的操作更快捷,有些简单的界面选择,其实你不需要鼠标 但是你会发现 Mac 系统 下这个功能默认是不开启的 注意:这里说的是在系统 windos 窗口界面使用 tab ,并不是页面或者编辑文本环境 比如下面的这个使用场景 mac 默认方式我们只能用 鼠标,触摸板去选择. 其实你可以选择用 tab 键来操作,当然需要设置一下 系统 -> 偏好设置 -> 键盘 然后我们把左小角的 "所有控制" 选中即可 当你启用 tab 键的时候,默认的确认键就不是回车了,而是 空格确认 上图弹出选择框,默认 focu 到 关机 按钮 当你

node.js 版本控制 nvm 和 n 使用 及 nvm 重启终端失效的解决方法

今天的话题包括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 版本. 为什么

CSS3 响应式布局 Media Queries 媒体查询学习

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

整理一些css 中关于 中文 英文 折行 省略 不折单词 等问题

记录规整一些 关于CSS 处理中文 /英文 折行/不折行 省略 等问题. 这些问题涉及到了几个css 属性,简单记录一下,以备以后碰到 涉及到控制上面提到的问题,必须注意一点,你的容器设定了固定的宽度 英文字母换行,只对英文字母起作用,如果是单词,可能一个单词被拦腰折断 word-break:break-all; word-break语法: word-break: normal(默认) | break-all | keep-all Firefox、Opera不能识别 normal: 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行。 break-all: 该行为与亚洲语言的

二维码的容错率起到了什么作用!

前几天和大家分享了一篇 javascript生成二维码,实现微信跳转 里面提到了一个二维码的容错率,知道今天发现了一个bug ,又重新找了找关于javascript 生成二维码的资料.回头我会整理一下,提供微信端跳出内置浏览器的最佳方案 什么是容错率 顾名思义,就是容许犯错的概率 二维码的容错率 是指生成的二维码允许犯错吗? 不是! 二维码的容错率,是指你生成的二维码就算被遮挡了一部分,或者有一部分没有完全显示出来,当时用户通过各种各样品牌的手机都能扫描成功,这个被遮挡部分在全部的比值,就相当于一个容错率 所以二维码的容错率,跟贴切的叫法是,二维码的冗余度有多大. 什么是冗余度

node.js 下定制你的 config 配置文件

在任何一个项目中都缺少不了配置文件 具有下面的特点: 数据量不大,信息需要长期保存,容易维护 当然你也可以在数据库中建一张表,去存放这些信息,一点错都没有,但是,是不是有点牛刀杀鸡的感觉 今天和大家分享的是配置文件的定制,根据你的运行环境不同动态配置一张灵活的 config 配置文件. 之前的一篇博文 根据 ENV 环境变量不同加载不同的配置文件 这一篇可以说是上一篇的子章节,上一篇说的太笼统, 这一次针对一个点,然后铺开说一个功能 我的博客全部用绝对路径 为什么? 因为总有些人直接过来 copy 我的文章,然后不加出处,不署名,这是别人辛辛苦苦的劳动果实,作为一个I

node.js 利用 sitemap 为你的站点生成站点地图

node.js 下利用 sitemap 生成站点地图. 大致的工作就是,我们生成一份提供给搜索引擎的 Sitemap 之前你获取在网络上找过各种在线生成 sitemap 工具或者服务,使用起来却都不尽人意.有的收费,有的最大抓取2层url ,还有的最大链接数限制在500个. 所以今天和大家分享的是如何用 node.js 来为站点生成 sitemap 什么是sitemap 借用百科的一段话 Sitemap 可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页。最简单的 Sitemap 形式,就是XML 文件,在其中列出网站中的网址以及关于每个网址的其他元数据(上次更新的时间、更改的

javascript 关于Date 时间类型 处理方法

上一篇博客中和大家分享了关于 字符串转时间类型 这一篇顺便整理下 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 中的 new Array() 和 var arr=[] 有何区别

javascript 中 new Array() 和 var arr=[ ] 创建数组到底有何不同? 今天就探讨一个 JavaScript 中很常见的问题. var arr=[] 这是一种字面量定义数组的方法 var arr=new Array() 这是调用数组构造函数生成的数组 上面的2种定义数组的方法到底一样不一样 目前我们大致的认同是下面这样的 用new 关键字去内存开辟一个存储地址比较耗资源,耗内存. 而字面量方式直接在内存开辟一个存储字段相对简单,不耗资源. 我们首先不去否定上面的结论对不对. 首先从功能上来说 var =arr=[] 和 var arr= new

javascript 中的 Date 类型字符串如何转化为时间类型

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]

Redis 配置文件 redis.conf 项目详解

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 # # 内存

如何预防 XSS 攻击

XSS攻击是什么 XSS又称CSS,全称Cross SiteScript,跨站脚本攻击,是Web程序中常见的漏洞,XSS属于被动式且用于客户端的攻击方式,所以容易被忽略其危害性。其原理是攻击者向有XSS漏洞的网站中输入(传入)恶意的HTML代码,当其它用户浏览该网站时,这段HTML代码会自动执行,从而达到攻击的目的。如,盗取用户Cookie、破坏页面结构、重定向到其它网站等。 XSS 攻击分为2种 非持久性的攻击 持久性攻击 非持久性攻击 顾名思义 只影响当前展示页面 大概类似下面这种情况 ========= 比如右侧你可以看到博客的搜索框, 搜索的关键词最后会在页面上方显示

关于 html4 和 html5 定义上的一些区别

关于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标准已经像地球所有人

node.js 在 Express4.0 框架使用 Connect-Busboy 实现文件上传

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')

回到顶部