自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端include file

后台模板引擎渲染页面,都可以做到相同html的拆分引入,那如何在前台也这样实现呢?搜索了一下,可以用shtml实现。我们新建两个文件:a.shtml,b.shtml a.shtml的内容:<!DOCTYPE html><html><head> <title>b</title></head&...

2016-05-10 17:16:03 377

原创 修改webkit内核浏览器滚动条

::-webkit-scrollbar{ width: 30px;height: 30px;}::-webkit-scrollbar-thumb{ border-radius:9999px;background:linear-gradient(#3D4450,#6b778c) repeat scroll 0 0 #3D4450;}::-webkit-...

2016-05-05 17:51:03 143

手机端开发自我总结一

做手机端时为了适应大部分手机,很多都是百分比的,但是在做一个简单模块布局时,需要满屏,这是就发现高度也要使用百分比了,好头疼。 直接设置height百分比是不管用的,首先需要设置它的父元素的height值,才能在子元素中是使用height百分比。  <div style="height: 50px">父元素 <div class="height: ...

2015-09-09 18:16:46 132

判断浏览器类型的一些方法

在做项目时总会要调整IE浏览器兼容性,在html中,通常可以使用条件注释法,这也是IE专有的hack方法。 <!--[if IE]> 只在IE浏览器显示<![endif]--><!--[if !IE]> 只在非IE浏览器显示<![endif]--> <!--[if IE 6]> 只在IE6浏...

2015-09-05 19:12:40 103

关于IE不支持new Date('yyyy-mm-dd')

在做一个时间控件时,需要做时间的限制,于是用到了new Date('yyyy-mm-dd').getTime()来比较时间,后来测试发现,在ie上竟然功能不能实现,经过排查发现,在ie下,new Date('yyyy-mm-dd') 返回的值是NaN。 这时查找了一下,原来ie下支持new Date(yyyy,mmm,dd)形式。这时就又要麻烦改写格式了: var time = ...

2015-09-01 16:14:18 561

原创 关于ie8不支持rgba

 在调试ie8兼容性的问题时,发现ie8不支持rgba。关于rgba(),即为颜色设置的方法函数,rgb代表颜色,a代表透明度。如rgba(0,0,0,0.1)表示透明值为0.1的黑色。 <div style="height:100px;width:100px;rgba(196, 50, 61,0.7)"></div> 如上,是一个红色透明的...

2015-08-21 16:47:48 537

ubuntu 安装简本qq

在ubuntu上开发时,有时还是需要用到qq的,但一直用webqq总感觉不方便,不能记住密码。下面就来介绍一下简单的qq的安装方法:sudo add-apt-repository ppa:lainme/pidgin-lwqqsudo apt-get updatesudo apt-get install pidgin-lwqqsudo apt-get install pidgi...

2014-10-12 17:30:16 75

weinre安装配置

在做手机端的web开发时调样式相当的不方便,可以安装weinre,让工程跑在手机上,在电脑上调节,即使在手机上看到效果。 1.首先安装weinre  npm -g install weinre  2.让weinre跑起来  weinre --boundHost -all-  此时终端会显示服务器的端口号,比如我的现在是8080。 3....

2014-09-07 08:07:26 143

原创 ruby数组和哈希学习笔记

一.数组1.数组的定义 a = Array.new #定义一个数组ab = Array.new(5) #定义一个含5个nil元素的数组c = Array.new(5,1) #定义一个含5个1元素的数组d = [] #定义一个空数组d 2.数组的运算 << :追加元素+ :串联方法- :数组...

2014-08-28 20:18:19 158

linux 安装MongoDB及一些简单的操作

首先安装MongoDB,在终端输入: sudo apt-get install mongodb 然后启动数据库MongoDB: mongod 可能会出现这样的错误: mongod --help for help and startup optionsmongod: symbol lookup error: mongod: undefined symb...

2014-08-26 12:35:15 138

原创 AngularJs原理

要想很好的把握AngularJs,首先要了解AngularJs的运行机制,它的原理,清楚的知道它每一步都做了什么。 启动 1.浏览器加载html,然后解析成DOM; DOM(Document Object Model,文档对象模型)可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。DOM是以面向对象方式描述的文档模型,定义了表示和修改文档所需要的对象,这些...

2014-08-26 10:53:46 162

原创 web服务器访问流程

一.DNS解析 域名系统(英文:Domain Name System,缩写:DNS)是因特网的一项服务。DNS是域名和IP地址相互映射的一个数据库。采用分布式,层次数据库,没有一台DNS服务器具有因特网上所有主机的映射关系,映射分布在所有的DNS服务器上。 DNS服务器分为四种类型:   *根域名服务器(13个根域名服务器)   *顶级域名服务器(负责顶级域名和所有...

2014-08-25 23:09:51 438

ruby基本类型学习笔记(2)

一.遍历,搜索 enum.all?{|obj| block}判断所有元素都满足模中条件,元素都通过条件block返回true,否则返回false[1,2,3,4,5].all?{|i| i >= 1} #返回true[1,2,3,4,5].all?{|i| i > 1} #返回false enum.any?{|obj| block}  判断...

2014-08-21 19:50:00 81

nvm安装node

前段时间学习,配置了一下环境,当时也没太注意,现在按照原先的方法配置node,安装yo时会出现一些错误,会没有权限,因为node安装在文件系统。终端输入:which node会显示/usr/local/bin/node 这时可以像rvm安装ruby一样,在终端输入:which ruby会显示/home/moneyinto/.rvm/rubies/ruby-1.9....

2014-08-20 12:33:57 104

原创 ruby基本类型学习笔记(1)

一.整数运算符方法 abs            返回数字的绝对值     例:-1.abs => 1chr             返回数字对应的ASCII编码对应的符号      例:65.chr => Atimes         循环整数次数的迭代方法,后面跟随代码块       例:3.times{|3| puts i},依次输出0,1,2downto...

2014-08-19 18:17:19 80

rails路由了解

学习了一段时间的rails on ruby,对rails路由有了些了解,做个总结。首先进入工程文件夹下输入:rails g controller users这时生成users_controller.rb以及对应的控制器Users,生成的Users控制器会自动更新路由文件(route),rails通过这个文件寻找URL和网页之间的对应关系。 比如现在在views/users中...

2014-08-18 13:44:58 101

原创 $http通信

       在做活动通的同步功能时,需要手机端向服务器端提交数据,这时需要用到$http,使用post请求方式。在网上了解到http通信中有POST和GET的请求方式。GET可以获得静态页面,也可以把参数放在URL字符串后面,传递给服务器。POST方法的参数放在Http请求中。       对于两者的比较,我了解到,POST请求向服务器传送数据,数据放在HTML HEADER内一起传...

2014-08-15 16:28:25 81

数据库资料表的操作

首先初始化一个数据库: rake db:create;rake db:migrate   接着生成一个数据库和资料表: rails g model user name:string password_digest:string token:string rake db:migrate 资料表有name和password_digest两个属性(passwor...

2014-08-12 12:07:55 90

render和redirect_to

       简略的说,redirect_to是执行页面的跳转,发送请求重定向页面,执行对应的action,重新加载服务器数据,不保留页面原有数据;       render是简单的页面渲染,可以指定渲染页面和布局文件,不会发送请求,不会执行action函数,不会重新加载服务器数据。       这里举个例子说明一下: users_controller.rb:def cr...

2014-08-10 19:29:10 179

nginx安装与部署rails工程

1.在安装nginx和部署rails工程之前,先让rails工程在production下跑起来我这里说的是sqlite3的数据库,在Gemfile中添加:gem 'yaml_db' 接着在工程文件夹下: bundle installrake db:dump //迁移数据库 在config/database.yml文件添加如下内容: produc...

2014-08-04 22:20:01 114

ruby变量类型及页面链接传值

1.ruby页面链接中值的获取{:controller =>'demo',:action => 'index',:page =>3 :per_page =>10} 当Rails建连接时,按照顺序查看各个参数的值。首先查看指向的Controller的名字用“controller”表示,如果没有指定则缺省为当前页面对应的Controller。Action名字用“ac...

2014-08-04 21:28:16 233

rails-signUp

1.用rails搭建工程rails -v //查看rails是否安装rails new baby //建一个名为baby的工程 2.登录注册推荐大家看看这样一个视频:http://happycasts.net/episodes/84?autoplay=true首先初始化一下数据库:rake db:create;rake db:migrate 生成u...

2014-08-04 20:57:42 145

测试驱动开发

TDD是Test Driven Development的简称,即为测试驱动开发,是极限编程中倡导的开发方法,倡导先写测试再写功能。这里主要以我做的一个练习测试随机四位数的例子来讲讲。首先,下载一个写测试的工程。推荐网址:http://jasmine.github.io/2.0/introduction.html先介绍一下 测试的基本模块:describe("print_numb...

2014-07-27 12:33:24 88

三种数据结构

首先看看这三种数据结构:第一种,只存一个数组:activities = [ { name: "first activity", sign_ups:[], bids:[] }, { name: "second activity", sig...

2014-07-24 20:48:23 710

原创 AngularJs路由和双向绑定

AngularJs用的是前端路由,页面是一个单页面,先对指定的ng-app,定义路由规则(routeProvider),然后通过不同的URL,告诉ng-app加载哪个HTML,渲染到视图(ng-view)上。 使用路由机制:$routeProvider提供了定义路由表的两个核心方法when(path,route)和otherwise(params)首先看when(path,ro...

2014-07-24 01:20:47 106

原创 git命令

大家写代码一般会用到github的库,上传每次实现功能的代码,我想讲讲git是如何创建库以及一些我认为常用的命令。首先要有个github的帐号,在环境变量配置里已经讲到了,这里就不多说了。登录到github,会看到+new repository,点击一下进入,输入要创建的库的名称,然后创建。接着输入如下命令:cd ............ //进入自己工程目录下git...

2014-07-22 22:19:20 55

party_bid重构小结

关于party_bid项目代码的重构,就我目前的了解做一基础的小结。这里我主要讲如何缩减代码。关于缩减代码,现在我用的主要是underscore的一些方法。1.用find方法去除for循环嵌套if判断语句看下面一段代码:for (var n = 0; n < activities.length; n++) { if (activities[n].nam...

2014-07-21 23:12:50 83

原创 party_bid第四张卡小结

1.弹窗弹窗,常用的有confirm()和alert()两种,这里想介绍以下自定义的弹窗。 大家可以登录http://v3.bootcss.com/javascript/下载JavaScript插件,解压后在自己的工程里引入相关的js,css文件。然后找到模态框,点击进入可以看到很多不同样式的模态框以及相对应的代码,还有用法的简介,可以找寻适合自己工程的模态框,然后拷贝对应的代...

2014-07-20 13:23:22 80

原创 party_bid第二三张卡总结

      party_bid 的第二张卡和第三张卡都涉及到接受信息和回复信息,并对收到的信息进行处理。这里我把两张卡合并起来一起总结。       1.首先是对接收到的信息进行处理,信息分为报名和竞价,报名是以“bm”开头的信息,竞价是“jj”开头。我们要处理的主要是它们后面的信息。这里需要用到正则表达式: var message = json_message.message...

2014-07-19 21:38:12 226

linux 基础常用的快捷键和终端命令

      对于一个经常在linux系统下写程序的人,了解了解一些linux的基础的快捷键和终端的一些命令还是挺重要的,可以方便自己的操作,提高速度。      下面就来简单的总结一些:       快捷键,linux可以有多达6个终端,可以通过Ctrl+Alt+T来打开终端,Ctrl+D来关闭终端,如果想用全屏的终端可以Ctrl+Alt+F1(F1~F6可以打开6个终端操作界面,F7...

2014-07-09 00:52:13 133

party_bid第一张卡小结

        party_bid这个项目的第一张卡已经做完有一段时间了,现在就开始这个项目使用的东西做一下简单的总结。        1.首先说一下yeoman。yeoman是google团队和外部贡献者团队合作开发的,yeoman主要有三个部分组成:yo(脚手架工具),grunt(构建工具),bower(包管理器)。通过yeoman我们可以快速的构建一个web项目工程。      ...

2014-07-05 20:28:15 101

原创 linux 环境变量配置

1.首先要了解一下自己安装的linux系统是32位的还是64位的。        第一种方法:可以在开机的时候看到自己的linux是多少位的;        第二种方法:在终端输入file /bin/ls //file功能是识别文件类型,ls中保存有linux的版本以及位数信息   2.安装skype,ibus,google chrome        都可在...

2014-07-02 21:27:26 86

空空如也

空空如也

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

TA关注的人

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