- 浏览: 17407 次
- 性别:
最新评论
-
chenyue1:
还能坚持写博客,很不错啊!我一直记得你实习的事情的,好像我的同 ...
纯Css制作页面的平滑切换及页面内容动画效果
文章列表
最近,公司安排我把南天的读卡器接口加进程序里面,因为没搞过这些事情,最开始有些头痛,好在时间不长就解决了此事
首先,这个读卡器是没有驱动,所以最初怎么也想不通设备没有驱动怎样才能与程序交互。后来联系了厂家,才明白要在浏览器里面安装插件。。。而且又是ie8(万恶的ie8)
厂家提供接口文档和插件。要先注册一下注册表,成功之后就比较简单了,启用测试网页,看看是否可以成功的获取到卡片的信息了,假若成功了,恭喜你,你已经成功了90%,剩下的就是把测试网页的源码拿来修改为己用了,比较简单
先来源码
<OBJECT id = "StartOcx" ...
关于ie8 的80020101报错
- 博客分类:
- javascript
最近几个月,又有些懒惰,写篇博客,再次督促自己
工作之后,正式开始接触java,近几个月来,明显感到java有些臃肿,和简洁敏捷的rails相比,很是怀念,不过现在接触时间尚短,还是继续慢慢观察吧
工作中要用到ext.js,最近也慢慢开始了解,由于客户使用ie8浏览器,实在是非常脆弱,兼容性也不怎么好,和强壮的FF,chorm相比实在是有点差劲。但是上帝要用它,也没别的办法。。。(还好不是ie6)
比如这个报错: 80020101
原因主要有两个:
1:,页面里面多了html注释
<!-- --> ...
在ie浏览器中,尤其是低版本ie浏览器,并不支持document.getElementsByClassName,今天解决一下这个问题,利用document.getElementsByTagName方法来解决。
有时候,页面元素的类名或id通常不止一个,如"aaa bbb ccc"这样
要选取其中的aaa的话,我们通常分为三种情况:"aaa "与 "空格+aaa"与"aaa+空格"
这样,所有情况都会照顾到
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
...
最近在毕设中,解决了这样一个需求:当我们点击加入购物车时,对应商品图片会飞入购物车内。首先要感谢涛涛帮我解决了上传图片的问题。
其实早就有大神做了一个fly插件,效果是图片呈抛物线轨迹飞入购物车,但是自己在用的时候调用destroy方法失败,图片总是销毁不了,只能动手写一个简单的了(没有抛物线效果,以后可以自己尝试写一下)。
首先是基本原理:在对应的商品图片处克隆一个完全相同的图片,然后让克隆出来的图片飞入购物车就好。
首先,获取图片,用clone方法克隆一个位置大小完全相同的图片出来,只是透明度不同,略做区别。
其次,获取购物车位置。
最后,自然是animate实现动 ...
给大家推荐一个相当简单好用的rails分页工具--- will_paginate
首先,安装gem
gem ‘will_paginate’
然后bundle install 重新起服务
例:从数据库里取出分类为食品饮料的商品,5个为一页
在controller里
@foods = Product.where(:special => '食品饮料').all.order(id: :desc).paginate( :page => params[:page], :per_page => 5 )
对应的页面 ...
使用Css制作的炫酷的页面平滑切换(学自慕课网)
其实这种东西使用js或jquery也可以实现,代码量也不大,但是纯css制作比较新鲜嘛。就是css代码略多。。。我们也可以添加不同的字体来使页面更加好看。
基本原理:
主要用了css的check hover after 以及定义动画等方法
1,首先利用radio制作导航,固定在底部
2,主体部分:写一个容器充满屏幕,里面是5个section,设置其寬高均为100%(相当于5个页面),容器设置溢出隐藏属性,切换的原理是通过css选择器使我们点击每个导航使其对应的section向上移动n*1 ...
rails 的数据库小结
- 博客分类:
- ruby on rails
好久没有写博客了,监督一下自己
由于接触rails时间不久,接触之前数据库的基础为零,遇到数据库的问题总是很蛋疼。今天总结一下rails数据库的一些小问题(ubuntu14.04 rails 4.4.2 ruby 2.2.0 rubymine7.0 mysql)
1,rails 命令修改数据库(比较复杂的话)
rails g migrataion ChangeForUsers;
在db/migrate中会生成一个新的rb文件,然后修改里面的内容,有如下方法:
remove_column :删除字段rename_column :更改字段 ...
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScrip 的,它简洁灵活,使得 Web 开发更加快捷。
我们利用Bootstrap模板可以做出相当美观的菜单,导航,图标,按钮等各种各样的布局组件,它可以帮助我们节省大量的时间
首先要进行Bootstrap的环境安装
我们可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本
在下载页面中
Download Bootstrap:下载 Bootstrap。点击该按钮,下载 Bootstra ...
ruby 数组与散列哈希小结
- 博客分类:
- ruby
首先安装 ruby
安装 rvm => ruby => rubymine
首先是数组的创建
names = [ ] #定义一个空数组
names = Array.new #创建数组
names = Array.new(20) #设置数组的大小
我们还可以返回数组的长度
names = Array.new(20)
puts names.size # 返回 20
puts names.length # 返回 20
数组的运算
<< :追加元素
+ :串联方法
- ...
要安装ruby,首先要安装rvm,借助rvm安装ruby
rvm 的全称是 Ruby Version Manager ,是一款由 Wayne E. Seguin 开发的一款命令行工具。rvm 能够让你轻松的安装、管理 ruby 生产力环境,诸如不同版本的解释器和 gem 。它实际上就是ruby的版本管理器。
打开终端,输入命令(安装的时候不要心急,耐心等一下)
curl -L get.rvm.io | bash -s stable
然后
echo "source ~/.bashrc" >> ~/.bash_p ...
在web前端开发中,利用WebStorm编程软件 我们经常会用到html5,css与jQuery
我们大多会用html5来进行页面框架的搭建,通过引入css来满足网页越来越丰富的表现力,通过引入javascript来实现事件,从而做出漂亮的网页
一 html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">//在head下引入css,js文件
<title></t ...
我们应该保持良好的代码格式,选用一套管理代码格式的简单规则,然后贯彻这些规则
1,格式的目的
格式的目地在于沟通,所以代码格式很重要,且不可忽略
2,向报纸学习
我们看看写的很好的报纸是什么样的,首先,有个头条,告诉我们故事的主题,第一段是故事的大纲,接着读下去,细节读逐渐增加,直至了解所有的东西
源文件也要向报纸文章那样,名称简单一目了然,细节应往下一依次展开,直至找到源文件中最底层的函数和细节
3,概念间垂直方向的的区隔
在封包声明,导入声明和每个函数之间,都有空白行隔开,这条简单的规则将极大的影响到代码的视觉外观,每个空白行都是一 ...
有时候,ubuntu 需要截图,下面有几种方法
1 ubuntu 12.04中设置快捷键
设置 按下Ctrl+Alt +A 来实现区域截图(qq的方式,本人比较喜欢)
依次打开 系统设置 > 键盘 > 快捷键 > 自定义快捷键 > +,在 名称 输入 screenshot(喜欢的名字就好) , 命令 输入 gnome-screenshot -a ,点击 应用 后,点击 禁用,再点击取消禁用。
2,使用命令
gnome-screenshot + ''
-w, –window 抓取窗口,而不是整个屏幕
踏破铁鞋无觅处,得来全不费功夫
关于这个问题 其实很简单
有这样一个简单的解决方案
win8系统定义了一个快速启动的功能。当此功能启用的时候,win8系统并不是真实完全地关闭计算机,而是进入一个“休眠关 ...
clean code 之注释规范
- 博客分类:
- clean code
第四章 注释
其实,注释的存在在某种方面是一种失败,因为在这个时候我们无法用代码来表达意图或者表达的不准确,若程序有足够的表达力,就根本不需要注释。
为什么要这样说注释呢?
代码总是在不停的演化,重构,注释存在的时间越久,就离其所描述的代码越远,越来越不准确,它会提供错误的信息,这时候它的破坏力是难以估计的——它们满口胡言,它们预期的东西永不能实现,它们设定了无需也不应遵循的旧规则。
为什么?程序员不能坚持维护注释
...