您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(2570)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'组件、控件和插件的区别',
blogAbstract:'一、&&&&&&&&&&&&&概念A、&组件系统中一种物理的、可代替的部件、它封装了实现并提供了一系列可用的接口。一个组件代表一个系统中实现的物理部分，包括软件代码（源代码，二进制代码，可执行代码）或者一些类似内容，如脚本或者命令文件。简而言之，组件就是对象，是对数据和方法的简单封装。C++ Builder中叫组件，Delphi中叫部件，而在Visual BASIC中叫控件。组件可以有自己的属性和方法。属性是组件数据的简单访问者。方法则是组件的一些简单而可见的功能。&&&&&&&&&&&&&&&&&&',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:9,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}JS 插件 | Amaze UI
JS 插件Amaze UI JS 插件，使用注意事项，以及 JS 插件介绍。 目录JavaScript 基本使用 基于 jQuery 从 2.0 开始，Amaze UI JavaScript 组件转向基于
开发，使用时确保在 Amaze UI 的脚本之前引入了 jQuery 最新正式版。组件调用 组件的调用方式普通 jQuery 插件一样，具体细节请查看各个组件的文档。jQuery 和 Zepto.js 的一些差异 jQuery 和 Zepto.js 表面看起来差不多，其实一些细节上差异很大，同时支持 jQuery 和 Zepto.js 是一件吃力不讨好的事情，这应该也是
的一个原因。（）width()/height() Zepto.js: 由盒模型（box-sizing）决定jQuery: 忽略盒模型，始终返回内容区域的宽/高（不包含 padding、border）jQuery ：Note that .width() will always return the content width, regardless of the value of the CSS box-sizing property. As of jQuery 1.8, this may require retrieving the CSS width plus box-sizing property and then subtracting any potential border and padding on each element when the element has box-sizing: border-box. To avoid this penalty, use .css(&width&) rather than .width().解决方式就是在 jQuery 中使用 .css('width')，而不是 .width()。这点上 jQuery 的处理方式是值得商榷的，比如下面的例子，$('.box').css('height') 仍然返回 20px，这不是扯蛋么：&
box-sizing: border-
padding: 10px;
height: 0;
class="box"&&边框三角形宽高的获取 假设用下面的 HTML 和 CSS 画了一个小三角形： class="caret"&&.caret {
height: 0;
border-width: 0 20px 20px;
border-color: transpar
border-style:
}jQuery 使用 .width() 和 .css('width') 都返回 0，高度也一样；Zepto 使用 .width() 返回 40，使用 .css('width') 返回 0px。所以，这种场景，jQuery 使用 .outerWidth()/.outerHeight()；Zepto 使用 .width()/.height()。offset() Zepto.js: 返回 top、left、width、heightjQuery: 返回 width、height$(htmlString, attributes) )DOM 操作区别 $(function() {
var $list = $('&ul&&li&jQuery 插入&/li&&/ul&', {
id: 'insert-by-jquery'
$list.appendTo($('body'));
});jQuery 操作 ul 上的 id 不会被添加；Zepto 可以在 ul 上添加 id。事件触发区别 $script = $('&script /&', {
src: 'http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.min.js',
id: 'ui-jquery'
$script.appendTo($('body'));
$script.on('load', function() {
console.log('jQ script loaded');
});使用 jQuery 时 load 事件的处理函数不会执行；使用 Zepto 时 load 事件的处理函数会执行。其他参考链接：高级使用 默认初始化事件接口 Amaze UI 通过特定的 HTML 来绑定事件，多数 JS 组件通过 HTML 标记就可以实现调用。默认的初始化事件都在 xx.amui.data-api 命名空间下，用户可以自行关闭。关闭所有默认事件：$(document).off('.data-api');关闭特定组件的默认事件：$(document).off('.modal.amui.data-api');自定义事件 一些组件提供了自定义事件，命名的方式为 {事件名称}.{组件名称}.amui，用户可以查看组件文档了解、使用这些事件。$('#myAlert').on('close.alert.amui', function() {
});MutationObserver 双向数据绑定很酷？ 才是（或即将成为）幕后的英雄。Amaze UI 2.1 中实验性地引入了 MutationObserver，请谨慎使用。data-am-observe 在元素上添加 data-am-observe 属性以后，动态插入该元素的 Amaze UI JS 插件会自动初始化（）， 支持的插件包括 Button、Dropdown、Slider、Popover、ScrollSpy、Tabs。$().DOMObserve(options, callback) options: 监视的属性（），默认为 {childList: true, subtree: true}；callback(mutations, observer): DOM 发生变化时的处理函数，第一个参数为存储
对象的数组，第二个参数为 MutationObserver 实例本身。插入 p 元素 添加 Class 移除 p 元素DOM 变化监视演示，打开控制台查看 log id="js-do-actions"&
class="am-btn am-btn-primary" data-insert&插入 p 元素&
class="am-btn am-btn-secondary" data-addClass&添加 Class&
class="am-btn am-btn-warning" data-remove&移除 p 元素&
id="js-do-demo"&
&DOM 变化监视演示，打开控制台查看 log&
$(function() {
var $wrapper = $('#js-do-demo');
$wrapper.DOMObserve({
childList: true,
attributes: true,
subtree: true
}, function(mutations, observer) {
console.log(observer.constructor === window.MutationObserver);
console.log('#js-do-demo 的 DOM 发生变化鸟：' + mutations[0].type);
$('#js-do-actions').find('button').on('click', function(e) {
var $t = $(e.target);
if ($t.is('[data-insert]')) {
$wrapper.append('&p&插入了一个 p&/p&');
} else if($t.is('[data-remove]')) {
$wrapper.find('p').last().remove();
$wrapper.addClass('am-text-danger');
&参考链接：；模块化开发 关于前端模块化，Amaze UI 1.0 的时候曾做过一个，截止
共 1869 个投票：CMD - Sea.js 23.86% (446 votes)AMD - RequireJS 24.51% (458 votes)CommonJS - Browserify 9.58% (179 votes)其他加载工具（或者自行开发的） 8.19% (153 votes)什么是 JS 模块化？可以吃吗？ 34% (633 votes)CMDAMDCJSotherunknown显然，模块化是必然趋势， 将原生支持模块化。Amaze UI 2.0 按照
规范来组织模块（前端也像 Node.js 一样编写模块）。最终如何打包，用户可以自行选择。：结合 NPM，实现前端模块管理。很多前端模块都已经发布到 NPM，可以抛弃 Bower 这类功能很单一的工具了；：除管理本地模块以外，还可以从 GitHub 上直接获取开源项目，支持 Javascript、HTML、CSS；：把按照 CJS 编写的模块打包成 AMD 模块;。 貌似不支持直接通过源码提取依赖，使用 Sea.js 的用户可能需要自行修改打包工具。建议阅读的文章：在微信上关注我们八月工资献给了中秋，九月工资献给了国庆，十月工资献给了双十一。
人们的忽视并不影响苹果对电视的重视，客厅对于它的生态系统同样重要。
当现今国产游戏用蹩脚的风格模仿和残缺的文化营造伤害玩家眼球时，还能有人无比强势地...
毕竟iPhone才是苹果的大头，拿下就直接起飞了。
这样，欧洲的老司机们就能够更加省心了。
还有接下来的圣诞季，有望达到“史上最佳”的高度。
号称全球最先进的无线耳机，不知道是不是真的这么好用呢？
在开发和维护这些应用时，苹果也会为这些应用准备调试（Debug）菜单。
《米奇跳跃》在画面上延续了该系列一贯的逗逼风格，不过在清晰度等具体细节方面，我们...
本周，著名游戏开发商tinyBuild在苹果商店中推出了其新作《疯狂派对GO（Party Hard Go...
经典游戏《卷饼野牛复仇记》于本周推出了该系列的续作《Burrito Bison: Launcha Libre...
如果想要体验一下当宇宙海盗那种紧张刺激的生活，游戏是一个不错的选择。本周，游戏开...
这款应用用本身丰富的内容向我们讲述了一个道理：每个孩子，都是独一无二的天使。
游戏的画风偏向华丽，并且会利用大量的粒子效果来突出特效的炫酷感。
游戏采用了清新的卡通风格的画面设计，看起来还是非常休闲的，与游戏的风格搭配的恰到...
号称全球最先进的无线耳机，不知道是不是真的这么好用呢？
简单的拱形和皮革，带来了不一样的味道~
这已经不是苹果第一次发布Product(RED) 版的产品了~
尽管带Touch Bar的MBP尚未发货，但配件已经到货了。
说到KEF，也许不少传统HIFI发烧友都会对这家三大同轴专利拥有者之一的老牌英国厂商有...
我们在这里要强调一下，苹果的 USB-C 配件降价可是限时的。
鉴于Lightning接口每年都能为苹果换来数亿美元的授权费，因此为MacBook Pro换装USB-C...
用一个小配件就让 12 英寸 New MacBook 和全新的 MacBook Pro 重新获得 MagSafe 特性...
求大神们这是什么插件？
注册时间 最后登录
在线时间98 小时 UID
主题帖子人气
青苹果, 积分 111, 距离下一级还需 89 积分
左侧快捷微信回复？
(123.65 KB, 下载次数: 1)
04:19 上传
注册时间 最后登录
在线时间714 小时 UID
主题帖子人气
大哥，大晚上的那里有人回答的？

就你回答了。
注册时间 最后登录
在线时间98 小时 UID
主题帖子人气
对qiangguo于 04:27:49在2楼发表的人气:+1;
大哥，大晚上的那里有人回答的？就你回答了。
注册时间 最后登录
在线时间512 小时 UID
主题帖子人气
很吊的样子！找到了艾特我一下谢谢
注册时间 最后登录
在线时间94 小时 UID
主题帖子人气
找到了艾特我一下谢谢，需要
注册时间 最后登录
在线时间17 小时 UID
主题帖子人气
注册时间 最后登录
在线时间2147 小时 UID
主题帖子人气
冻死也要裸奔
好像很牛逼的样子，不过很少用qq了吧
注册时间 最后登录
在线时间0 小时 UID
主题帖子人气
重复发这个帖子有意思嘛
注册时间 最后登录
在线时间105 小时 UID
主题帖子人气
没想到知道
注册时间 最后登录
在线时间91 小时 UID
主题帖子人气
首先主楼越狱了没有？
威锋旗下产品
Hi~我是威威！
沪公网安备 29号　|　沪ICP备号-1
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!