入静和入世
杰拉斯 | 时间:2013-04-08, Mon | 25,519 views心路历程
本文受Paul Graham的Maker’s Schedule, Manager’s Schedule启发而作,建议大家有空去读一下。
来源:王建硕
人有两种思考状态,我将一种称为入境,另一种称为入世。
本文受Paul Graham的Maker’s Schedule, Manager’s Schedule启发而作,建议大家有空去读一下。
来源:王建硕
人有两种思考状态,我将一种称为入境,另一种称为入世。
3月19日,微信公众平台更新了接口,主要变更的接口有如下几点:
新用户订阅,将由之前推送一条“Hello2BizUser”文本,变化为推送一条“subscribe”的事件,变更于3月26日正式生效。
新增通用接口,通用接口是使用HTTP请求,让开发者直接与微信服务器交互,实现媒体文件上传、媒体文件获取等功能,达到获取图片、语音、视频等媒体文件的目的。调用接口所需要的access_token必须通过获取凭证接口获取。
新增自定义菜单接口,开发者获取使用凭证后,可以使用该凭证对公众账号的自定义菜单进行创建、查询和删除等操作。
新增事件消息类型,事件推送只支持微信4.5版本,目前仅开启自定义菜单接口事件推送。
<xml> <ToUserName><![CDATA[toUser]]></ToUserName> <FromUserName><![CDATA[FromUser]]></FromUserName> <CreateTime>123456789</CreateTime> <MsgType><![CDATA[event]]></MsgType> <Event><![CDATA[EVENT]]></Event> <EventKey><![CDATA[EVENTKEY]]></EventKey> </xml>
参数 | 描述 |
---|---|
ToUserName | 接收方微信号 |
FromUserName | 发送方微信号,若为普通用户,则是一个OpenID |
CreateTime | 消息创建时间 |
MsgType | 消息类型,event |
Event | 事件类型,subscribe(订阅)、unsubscribe(取消订阅)、CLICK(自定义菜单点击事件) |
EventKey | 事件KEY值,与自定义菜单接口中KEY值对应 |
有一个同学需要在网页里用到简单的焦点图效果,在网上找了许多jQuery插件都不甚满意,有一些效果虽然不错,但是根本用不到那么多功能,大材小用不说,还会加大代码量,降低网页前端性能,于是花了十分钟写了一个最最简单的jQuery焦点图插件,麻雀虽小,五脏俱全,可定制宽高,切换延迟。代码如下:
HTML部分,自然是一个非常简单的列表结构:
<ul id="slider" class="slider">
<li><a target="_blank" href="javascript:void(0);"><img src="images/slider1.jpg" /></a></li>
<li><a target="_blank" href="javascript:void(0);"><img src="images/slider2.jpg" /></a></li>
<li><a target="_blank" href="javascript:void(0);"><img src="images/slider3.jpg" /></a></li>
<li><a target="_blank" href="javascript:void(0);"><img src="images/slider4.jpg" /></a></li>
<li><a target="_blank" href="javascript:void(0);"><img src="images/slider5.jpg" /></a></li>
</ul>
CSS部分,简单地定义一下样式:
.slider{
margin: 0 auto;
padding: 0;
width: 600px;
height: 400px;
list-style: none;
overflow: hidden;
position: relative;
}
.slider li{
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
.slider img{
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
text-align: center;
}
接下来是精髓部分,JavaScript:
(function($){
var slider = function(args){
var index = 0;
var that = this;
var config = {
width : 600,
height : 400,
delay : 3000,
};
config = $.extend({}, config, args);
$(this).width(config.width).height(config.height).children().hide().eq(0).show();
setInterval(function(){
index = (index + 1) % $(that).children('li').length;
$(that).children().stop(true, false).fadeOut().eq(index).stop(true, false).fadeIn();
}, config.delay);
};
$.prototype.slider = slider;
})(jQuery);
调用方式如下:
$('#slider').slider({
width : 720,
height : 360,
delay : 5000
});
当然,如果直接使用默认参数的话也可以直接这样调用:
$('#slider').slider();
这只是一个最简单的Slider例子,但却涵盖了一些比较好的JavaScript编写思路,还有闭包等,欢迎在此之上进行二次开发,也欢迎与我交流技术上的问题~
Demo下载地址:
// Stop chrome's autocomplete from making your input fields that nasty yellow. Yuck. if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) { $(window).load(function(){ $('input:-webkit-autofill').each(function(){ var text = $(this).val(); var name = $(this).attr('name'); $(this).after(this.outerHTML).remove(); $('input[name=' + name + ']').val(text); }); }); }
2013年2月26日,微软发布了Internet Explorer 10 for Win7正式版,支持Windows 7和Server 2008 R2。
IE10具有以下特点:
Internet Explorer 10 充分利用 Windows 8 和 Windows RT 的优势而打造,瞬间完成网站的启动和加载。它能够流畅地进行网络响应,给人脱胎换骨的感觉。你要在网上做的全部操作就是轻扫、点击或单击。
真正全屏浏览:导航条只在你需要它们的时候才出现,并在你不需要它们时安静地消失。在 Internet Explorer 10 中,滑动手指就可以向前或向后快速翻页浏览网站。(使用鼠标的用户,只需将鼠标划到屏幕左右两侧,就可以点击切换页面。)常用网站的磁贴和标签尺寸超大,点击非常方便。
流畅、直观的控件设计想你所想,地址和搜索栏共用一框,导航更加方便。可以将常用网站固定到“开始”屏幕,访问它们就像访问应用一样快捷。
采用行业领先的 SmartScreen 技术,帮助提高电脑和信息的网络安全性,并帮助防御社交工程恶意软件。内置隐私工具(如“请勿跟踪”等),点击即可轻松启用。