coosummer
- 浏览: 15156 次
- 性别:
- 来自: 深圳
-
最新评论
-
coosummer：
xiang37 写道都是HTML5的吗？是css3
知名网站按钮 css 实现（含源码） -
xiang37：
都是HTML5的吗？
知名网站按钮 css 实现（含源码）
文章列表
html:
<div id="myCarousel" class="imageHead carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active">
</li>
<li data-target="#myCarousel&qu ...
html:
<div class="inputDiv">
<input type="text" class="input" id="name">
<a href="javascript:void(0)" class="add" onclick="add()">
+
</a>
</input>
</div>
css:
.input{
border:0px;
...
折腾了一个多礼拜，终于将微信支付完成了，遇到很多坑，但回想起来，只要严格按照微信的文档开发，还是可以顺利的完成的，只不过自己在开发过程中犯了些错误，而跟微信对接，微信又没有提供友好的返回信息，导致跟踪问题的时间较长。
我们的场景如下：在线下展示产品，客户扫码后，进行支付，收到订单后，再发产品到客户指定的地址。
实现如下：
1、将链接：
https://open.weixin.qq.com/connect/oauth2/authorize?appid=yourAppId&redirect_uri=yourPageUrl&response_type=code&sc ...
本文收集了国内一些知名网站的按钮风格，并用按钮css生成器网站：http://buttoncssgenerator.com 对这些按钮做了实现，文中附上这些按钮的css源代码，希望对大家的工作和学习有所帮助。
1、
<a href='#' class='className'>百度一下</a>
.className{
line-height:39px;
height:39px;
width:102px;
color:#ffffff;
background-color:#3388ff;
font-size:16px;
...
以下按钮均由按钮css生成器： http://buttoncssgenerator.com/ 生成，并支持各大主流浏览器，
1、深蓝色专业典雅（带阴影）
html:
<a href='#' class='className'>css</a>
css:
.className{
line-height:46px;
height:46px;
width:154px;
color:#ffffff;
background-color:#ededed;
font-size:20px;
font-weight:bold;
font- ...
buttoncssgenerator.com 性能优化记录
使用baidu统计的网络速度诊断工具，诊断出网站有很多需要优化的地方，
其中启用gzip压缩是网页性能优化最简单，也是效果最好的一步，第一步就从支持gzip开始。
网站用的是tomcat，tomcat启用gzip,需要修改conf/server.xml文件中的connector项，
tomcat6修改如下：
<Connector port="9080" protocol="HTTP/1.1"
connectionTimeout="20000"
...
做了个在线生成按钮样式的网站: buttoncssgenerator.com,因为不擅长ui设计，之前做的页面很丑，被网友指正，于是在猪八戒上找了一个ui设计，帮忙设计了一个ui，又花了一个晚上，调整了一下css，终于看上去比较像回事了：
这是旧的界面：
这是新的界面：
新的还不错。
做程序员的和做ui的思路还是完全不一样的，我之前努力想把页面设计的好看点，但效果很差，还是术业有专攻啊。
做前端开发，要善于运用网上的一些有用资源，会提升开发效率，达到事半功倍的效果，以下是我开发工程中经常用到的网站：
1、http://www.w3school.com.cn/
w3school，有丰富、全面的前端开发基础知识，基本上所有前端开发用到的知识都有：html、css、js、json、jquery等等，而且提供了运行效果。不过这个网站的知识是比较基础的，不够深入，但作为参考，是非常有用的；
2、http://zh.learnlayout.com/ 学习css布局
css布局是比较难掌握的技术，很多开发人员对其中的一些概念掌握的不透彻，一知半解，这个网站深入浅出的讲解了css布局 ...
www.buttoncssgenerator.com
在线按钮css生成器，可以可视化的设置按钮各个属性，比如长、宽、背景颜色、字体、边框、圆角等，
并可即时预览效果，获取对应的css代码，另外还提供了好看的示例，为您定制化漂亮的按钮提供便捷的帮助
参考http://blog.csdn.net/muxiqingyang/article/details/6615199 MESI协议是处理器用来保证缓存一致性的协议，并尽量少的进行缓存和主内存的数据同步。M(Modified)、E(Exclusive)、S(Share)、I(Invalid)是四种状态，用两个位表示。M:当前缓存被修改，并和主内存不一致；E：当前缓存有数据，并和主内存一致，其他缓存没有数据；S:多个缓存有数据，并和主内存一致；I:当前缓存有数据，但已失效（其他缓存中有M状态的数据）。 状态转换：
作用：用来判断某个元素是否在一个集合中
优点：占用内存空间少，是使用哈希表的空间的1/8；
缺点：有一定的误判率(但不会漏判)；不可删除集合中的元素；
原理：使用M个bit的数组表示集合，将待查询的元素进行Md5摘要后生成128位串，然后分成K个字串，分别和1...k结合后，再传给hash函数生成不同的数，这些生成的数作为索引查找bit数组中的值，如果都是1，则代表元素存在于集合中；
空间占用分析：以1亿个8byte的集合为例
(1)使用Hash表作为集合，需要8*10^8*2 byte=1.6GB，乘以2，是因为Hash表的空间利用率超过50%后，查找的时间复杂度比较高（使用open addr ...
1、发送者使用公钥加密，接受者使用私钥解密，保证传输过程不泄密，
2、发送者对发送内容用hash进行摘要，然后用私钥对摘要进行加密，将原文和摘要一起发送给接受者，接受者用hash对原文进行摘要，并使用公钥对附带的摘要信息进行解密，将两个摘要进行对比，如果相同，则代表原文没有被篡改过，保证信息不会被篡改；
3、数字证书：消息发送者向权威机构CA申请数字证书，用CA的私钥对发送者的公钥和发送者信息加密得到数字证书，接受者使用CA的公钥对数字证书解密，得到发送者的公钥，保证了发送者的公钥是正确的；
4、例子：通过https访问网页，服务器返回一个数字证书，浏览器检查数字证书中的网址和访问的网址是否一致 ...
在网站中展示用户输入的信息时，hacker可以在里面放入一些脚本，执行的时候可以窃取cookie或打乱页面展现，ruby on rails中可以使用h()辅助方法将展示内容中的html标签或javascript标签过滤掉，但是对于需要展示富文本形式的网站，这种方式过于严厉，这种情况下可以使用Sanitize插件，Sanitize插件可以设置允许出现的html标签的白名单，白名单之外的标签都会被过滤，这样既保证了安全性，又可以选择性的展示富文本效果
使用方式：
1.安装：gem install sanitize
2.使用方法：参考：http://rgrove.github.com/sanitize ...
- 2009-07-12 23:29
- 浏览 1651
- 评论(0)