你在逗我吗 纽约最适合住半年了但绝不能多住一秒 除非你能克服这个问题富的流油 这句
点击联系发帖人
时间：2016-09-30 12:30
盾冬Evanstan的喜欢 | LOFTER（乐乎） - 让兴趣，更有趣
LOFTER for ipad —— 让兴趣，更有趣
盾冬Evanstan 的喜欢
  被喜欢
  被喜欢
{list posts as post}
{if post.type==1 || post.type == 5}
{if !!post.title}${post.title|escape}{/if}
{if !!post.digest}${post.digest}{/if}
{if post.type==2}
{if post.type == 3}
{if !!post.image}
{if post.type == 4}
{if !!post.image}
{if !!photo.labels && photo.labels.length>0}
{var wrapwidth = photo.ow < 500?photo.ow:500}
{list photo.labels as labs}
{var lbtxtwidth = Math.floor(wrapwidth*(labs.ort==1?labs.x:(100-labs.x))/100)-62}
{if lbtxtwidth>12}
{if !!labs.icon}
{list photos as photo}
{if photo_index==0}{break}{/if}
品牌${make||'-'}
型号${model||'-'}
焦距${focalLength||'-'}
光圈${apertureValue||'-'}
快门速度${exposureTime||'-'}
ISO${isoSpeedRatings||'-'}
曝光补偿${exposureBiasValue||'-'}
镜头${lens||'-'}
{if data.msgRank == 1}{/if}
{if data.askSetting == 1}{/if}
{if defined('posts')&&posts.length>0}
{list posts as post}
{if post_index < 3}
{if post.type == 1 || post.type == 5}
{if !!post.title}${post.title|escape}{/if}
{if !!post.digest}${post.digest}{/if}
{if post.type == 2}
{if post.type == 3}
{if post.type == 4}
{if post.type == 6}
{if drlist.length>0}
更多相似达人：
{list drlist as dr}{if drlist.length === 3 && dr_index === 0}、{/if}{if drlist.length === 3 && dr_index === 1}、{/if}{if drlist.length === 2 && dr_index === 0}、{/if}{/list}
暂无相似达人，
{if defined('posts')&&posts.length>0}
{list posts as post}
{if post.type == 2}
{if post.type == 3}
{if post.type == 4}
{if post.type == 6}
this.p={ dwrMethod:'queryLikePosts',fpost:'1e4e92_81d3392',userId:,blogListLength:3};&p&呐，谢谢 &a class=&member_mention& href=&///people/cea98c543a89d9e49689& data-hash=&cea98c543a89d9e49689& data-hovercard=&p$b$cea98c543a89d9e49689&&@大果&/a&&a class=&member_mention& href=&///people/f09e3e8649aafa1cf82d8& data-hash=&f09e3e8649aafa1cf82d8& data-hovercard=&p$b$f09e3e8649aafa1cf82d8&&@朱小渊&/a& 邀请。&/p&&br&&p&基本款，好问题。&/p&&br&&p&&b&更新第十八部：&a href=&/question//answer/?from=profile_answer_card& class=&internal&&男生基本款的春装有哪些？&/a&&/b&&/p&&br&&p&第二部：&a href=&/question//answer/& class=&internal&&男生基本款的裤子有哪些？&/a&
第三部：&a href=&/question//answer/& class=&internal&&男生基本款的外套有哪些？&/a&
第四部：&a href=&/question//answer/& class=&internal&&男生基本款的衬衫有哪些？ &/a&
第五部：&a href=&/question//answer/& class=&internal&&男生基本款的包袋有哪些？&/a&
第六部：&a href=&/question//answer/& class=&internal&&男生基本款的夏装有哪些？&/a&&/p&&p&第七部：&a href=&/question//answer/& class=&internal&&男生基本款的腰带有哪些？&/a&&/p&&p&第八部：&a href=&/question//answer/& class=&internal&&男生基本款的手表有哪些？&/a&&/p&&p&第九部：&a href=&/question//answer/& class=&internal&&男生基本款的领带有哪些？ &/a& &/p&&p&第十部：&a href=&/question//answer/& class=&internal&&男生基本款的秋装有哪些？ &/a&
第十一部：&a href=&/question//answer/& class=&internal&&男生基本款女朋友有哪些？&/a&
第十二部：&a href=&/question//answer/& class=&internal&&男生基本款的内裤有哪些？&/a&&/p&&p&第十三部：&a href=&/question//answer/& class=&internal&&男生基本款的配饰有哪些&/a&？&/p&&p&第十四部：&a href=&/question//answer/& class=&internal&&男生基本款的袜子有哪些？&/a&&/p&&p&第十五部：&a href=&/question//answer/& class=&internal&&男生基本款的帽子有哪些？&/a&&/p&&p&第十六部：&a href=&/question//answer/& class=&internal&&男生基本款的围巾有哪些&/a&？
&/p&&p&第十七部：&a href=&/question//answer/& class=&internal&&男生基本款的冬装有哪些？&/a&&/p&&br&&p&－－－－－－－－&/p&&br&&p&大陆有一位企业家，当年曾坐拥万人团队，专门成立了一个部门给自己著书立传，如今团队规模缩减到300人，搬到北京五环外的亦庄开始研究如何做一件基本款的衬衫；&/p&&br&&p&东瀛也有一家快品牌，最畅销的是基本款绒毛外套和排汗背心，考究的是车工走线和穿着质感，出货量去年逆服装市场颓势增长40%；&/p&&br&&p&我一直认为如何穿衣服是一种生活的哲学，就像每个人总会向往灯红酒绿的生活，身边也总有长袖善舞的朋友。但是真正长久的情谊却只存在于那几个普通朋友之中：最容易被忽视，却总在危难时想起；久不联系，但坐在一起依旧谈笑风生；在一起时，不说话也不觉尴尬。&/p&&br&&p&&b&基本款，就是一群普通朋友。&/b&&/p&&br&&p&当你扫视衣橱时，从来不会首先看到他们，但穿过一两次后就束之高阁的，绝不是他们；多次搬家还会带上的，仍是他们；买了再买的，还是他们。&/p&&br&&p&发情完毕。&/p&&br&&p&这是一篇良心干货，建议每个男人认真阅读，如果你还没有这五双鞋子，不用再多思考，往死里买，往好的品牌里买。&/p&&br&&p&－－－－－－－－－－&/p&&br&&p&&b&第一双鞋：职场新鲜人&/b&&/p&&ul&&li&&b&Black Derby－黑色德比鞋&/b&&/li&&/ul&&p&适合场合：正式场合／简单休闲&/p&&p&挨揍指数：极度危险&/p&&p&投资建议：必备一双&/p&&p&搭配服装：正装套装（黑色／灰色／海军蓝）&/p&&br&&p&适合正式场合的鞋，是最难挑选的。对于一个20多岁的男生来说，可能穿了20年球鞋，买了无数双AJ，但穿西服和正装鞋的次数可能比性经验也多不了几次。&/p&&br&&p&记不记得那天，你第一次哆哆嗦嗦地试着套上那个东西，有的地方很紧很难穿，有的地方很松很顺畅，你慢慢地在镜子前扭动，摩擦摩擦，感觉很别扭，着急地浑身都出了汗，却又不知道哪里出了问题，这时，耳边传来你妈的吼声：明天面试别穿你爸的西服了，妈带你买去！&/p&&br&&p&欢迎你来到社会！&/p&&br&&p&很不幸，作为一个职场新鲜人，总要开始参加面试，婚礼，甚至在收到的第一份Offer里看到&b&「&/b&请穿着正装上班&b&」&/b&，所以，你需要一双正装鞋。&/p&&br&&p&为什么推荐德比鞋而不是普遍认为更严肃的牛津鞋？是因为牛津鞋过于正经。穿牛津鞋时，你的领子得是那样的，领结得是那样的，参加的活动地点得是那样的，最好还是开车去的。&/p&&br&&p&一个20多岁的男生穿一双黑色牛津鞋，坐晚高峰地铁甚至还背个双肩包的话，可能会冲出一群被黑中介坑过钱的码农，将你围起胖揍一顿，挨揍指数简直飙到不忍看。&/p&&br&&p&大部分年轻的工作场合即使严肃，也是工作后可能去吃个麻辣烫的，也是可能坐坐地铁，约个妹子喝咖啡的。所以推荐购买德比鞋款式，不那么严肃。而黑色款又能在即使参加婚礼时也显得足够尊重，应变性和随机性都很强，也足够伴随你很长时间。&/p&&br&&p&那什么是牛津鞋，什么是德比鞋？&/p&&br&&p&图右为牛津鞋，左图为德比鞋，最大的区别在于鞋舌一个外，一个内。即：牛津鞋鞋舌和鞋面断开，德比鞋鞋舌与鞋面一体。&/p&&br&&p&基本款是指Cap toe，显得更正式一些。Plain toe其实也凑合，但是太考验皮质和鞋型，价格上不去，气场上不去穿着容易像随性的东北大哥，不夹个小包，没个扒蒜小妹可不好。&/p&&img src=&/v2-f3a2cebdedb06ab8d56eca59bc52fdd1_b.jpg& data-rawwidth=&939& data-rawheight=&659& class=&origin_image zh-lightbox-thumb& width=&939& data-original=&/v2-f3a2cebdedb06ab8d56eca59bc52fdd1_r.jpg&&&p&木下总统告诉你：我在奥斯卡红毯上穿Cap-toe Derby Shoes，我为德比代言！&/p&&img src=&/acf2b1af58fa11_b.jpg& data-rawwidth=&360& data-rawheight=&541& class=&content_image& width=&360&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&lifestyledepartment &i class=&icon-external&&&/i&&/a&
原文链接：&a href=&///?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&lifestyledepartment &i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&&b&第二双鞋：我是坏男孩&/b&&/p&&ul&&li&&b&Brown Brogues－棕色厚底布洛克&/b&&/li&&/ul&&p&适合场合：日常工作／日常休闲&/p&&p&挨揍指数：高度危险&/p&&p&投资建议：可选一双&/p&&p&服装建议：正装套装（棕褐色）／牛仔裤&/p&&br&&p&布洛克鞋是一种雕花皮鞋，根据接头和纹饰的不同，可以分为Full、Semi，Quarter，Longwing，如图示：&/p&&img src=&/5e291e5b3b0ffba_b.png& data-rawwidth=&400& data-rawheight=&439& class=&content_image& width=&400&&&br&&blockquote&原作者姓名 : &a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A///blog/mens-dress-shoe-guide& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&The Ultimate Men’s Dress Shoe Guide&i class=&icon-external&&&/i&&/a&
原文链接：&a href=&///?target=http%3A///blog/mens-dress-shoe-guide& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&/blog/mens-dress-shoe-guide &i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&布洛克介于正式的正装鞋和休闲鞋之间，既不会太正式，又不会太随便。在品味上远高于其他乱七八糟的嫁接鞋款，实乃上得厅堂下得厨房，当属鞋界全能战士。&/p&&br&&img src=&/f22d51bb4f8570e2bab7ffe8_b.jpg& data-rawwidth=&500& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/f22d51bb4f8570e2bab7ffe8_r.jpg&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=https%3A///ahoyu/sneakers/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&/ahoyu/sne&/span&&span class=&invisible&&akers/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&下面答记者问：&/p&&br&&p&为什么是布洛克呢？因为布洛克既闷骚又能在关键时刻伪装一下正装鞋，你才20多岁，不骚谁信。&/p&&p&为什么是棕色的呢？因为棕色耐操，没人能避免在下雨下雪天还要在外面走动，其他色一定花脸。&/p&&p&为什么是厚底的呢？因为薄低鞋穿起来还要经常走动很要命，尤其是避免不了每天走动的情况下。&/p&&br&&p&那这么多布洛克我该怎么选？&/p&&br&&p&基本款是Longwing Brogues，属于Brogue中最不严肃的一款，搭配度高，任何款式的牛仔裤穿在一起都容易出彩；容易买到厚底，走路不费劲，但千万别太厚，买成松糕鞋容易被干；穿好后一出门就是一个雅痞坏男孩的形象，再在鞋带上做做文章，简直炸裂！&/p&&br&&br&&img src=&/486fff7c14bd37e0fbdeffc_b.jpg& data-rawwidth=&360& data-rawheight=&540& class=&content_image& width=&360&&&br&&br&&blockquote&原作者姓名：&a href=&///?target=https%3A///lisadale809/mens-dress-casual-shoe/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=https%3A///lisadale809/mens-dress-casual-shoe/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&/lisadale8&/span&&span class=&invisible&&09/mens-dress-casual-shoe/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&这张图充分说明了布洛克鞋的全天候战斗属性。&/p&&br&&img src=&/65b92a69c3a0eb998cda54e6d4b83d89_b.jpg& data-rawwidth=&360& data-rawheight=&538& class=&content_image& width=&360&&&br&&blockquote&图片源自网络&/blockquote&&br&&p&&b&第三双鞋：御寒好帮手&/b&&/p&&ul&&li&&b&Chukka Boots－高帮马靴&/b&&/li&&/ul&&p&适合场合：日常工作／日常休闲&/p&&p&挨揍指数：一般危险&/p&&p&投资建议：必备一双&/p&&p&服装建议：牛仔裤／直筒裤&/p&&br&&p&一年总有春夏秋冬，有人在这个回答：&a href=&/question//answer/& class=&internal&&秋冬季男生还可以穿什么鞋？&/a&的评论里说穿皮鞋啊，布洛克啊脚容易冻掉，脚能冻掉冻掉的地方出门去镇上大集买这种大棉鞋好嘛？！管暖和！！！&/p&&br&&img src=&/7b42bcf2adfae150dc495839_b.jpg& data-rawwidth=&500& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/7b42bcf2adfae150dc495839_r.jpg&&&br&&blockquote&图片源自网络&/blockquote&&br&&p&作为个人，我更喜欢切尔西靴或者高帮布洛克。但是作为基本款，切尔西靴略娘炮，高帮布洛克略风骚，适用面都不够广，所以冬季基本款一定是高帮马靴，下图左边切尔西靴，右边高帮马靴，注意：最正统的经典马靴只有三个鞋带孔，两个鞋带孔也常见，如果看到一排孔数不清，那不叫Chukka，叫马扎，用来坐的。&/p&&br&&p&Chukka如此经典，以至于无数的高帮球鞋都以Chukka进行命名，鞋面干净百搭，日常场合都可以穿着，不论棕色，黑色，还是翻毛皮都可以，穿久了还有一种别样的味道，最！关！键！没！人！说！Gay！！！基本款三个字简直就是这种鞋款而生。&/p&&br&&img src=&/113dc46d30e18955f6bdfb2ba2da392b_b.jpg& data-rawwidth=&500& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/113dc46d30e18955f6bdfb2ba2da392b_r.jpg&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Waporlima Fashion&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A///chukka-boots-for-women/womens-chukka-boots/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Womens Chukka Boots: Chukka Boots For Women&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&img src=&/005bc59f4fa7e_b.jpg& data-rawwidth=&500& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/005bc59f4fa7e_r.jpg&&&br&&blockquote&图片源自网络&/blockquote&&br&&p&简单＋干净＋实用＝基本款&/p&&br&&img src=&/307ffe27c61deae67a5dd2_b.jpg& data-rawwidth=&360& data-rawheight=&539& class=&content_image& width=&360&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A////no-ldj-com-camiseta-de-manga-comprida/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A////no-ldj-com-camiseta-de-manga-comprida/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&No LDJ: Com Camiseta De Manga Comprida&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&&b&第四双鞋：街头好少年&/b&&/p&&ul&&li&&b&Sneaker－球鞋&/b&&/li&&/ul&&p&适合场合：特殊行业宽松工作（IT）／日常休闲&/p&&p&挨揍指数：毫无危险&/p&&p&投资建议：必备一双&/p&&p&服装建议：随便，瞎穿&/p&&br&&p&抱歉，我从来不觉得N字头的鞋是必备鞋款，风格单调，穿上一股浓浓的泡菜味道，便宜的质量不行，贵的性价比低，只是还不错的鞋。前一段时间浏览知乎，非常纳闷为什么会有这么多人逢问题便荐此鞋，可能我不太符合知乎主流价值观？&/p&&br&&p&况且韩国真正会穿的人还真不怎么穿，首尔街头的Derby ＋ Chukka；&/p&&br&&img src=&/e9bf9dcabd280bdfb96af3f1ed115ff9_b.jpg& data-rawwidth=&360& data-rawheight=&540& class=&content_image& width=&360&&&br&&blockquote&图片源自网络&/blockquote&&br&&p&杂志上的球鞋是Superstar；&/p&&img src=&/ef4f625a4ed08bd11c0e1bfa93e75e66_b.jpg& data-rawwidth=&360& data-rawheight=&451& class=&content_image& width=&360&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A///post//jung-hoyeon-and-jung-hyuk-by-j-dukhwa-for-vogue& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A///post//jung-hoyeon-and-jung-hyuk-by-j-dukhwa-for-vogue& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&KOREAN MODEL o Jung Hoyeon and Jung Hyuk by J. Dukhwa for Vogue...&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&但要在如海的经典球鞋中选出一个基本款，绝对是件得罪人的事情，此刻我感觉自己很高危，分分钟要得罪人，要被干。&/p&&br&&p&对不起！Superstar！对不起！old skool！对不起！AJ……！对不起！AF1！&/p&&br&&p&我要推荐的基本款球鞋是：Converse &b&Chuck Taylor All Star&/b&&/p&&br&&p&下面就是原因，请静静欣赏：&/p&&br&&p&Elvis Presley&/p&&br&&img src=&/a0c4cc7ed21bc4b1bea70_b.jpg& data-rawwidth=&360& data-rawheight=&456& class=&content_image& width=&360&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A//sandinista.centerblog.net/384.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&sandinista.centerblog.net&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A//sandinista.centerblog.net/384.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Let's Rock !&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&George Harrison&/p&&br&&img src=&/bbd695b896f3c4b771b4cb15_b.jpg& data-rawwidth=&198& data-rawheight=&300& class=&content_image& width=&198&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A///musicians.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A///musicians.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Musicians Wearing Chucks&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&Paul McCartney&/p&&img src=&/dde34f00ba900e3168bcce_b.jpg& data-rawwidth=&360& data-rawheight=&496& class=&content_image& width=&360&&&br&&blockquote&原作者姓名：&a href=&///?target=https%3A///prettynails4u/paul-mccartney/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=https%3A///prettynails4u/paul-mccartney/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&/prettynai&/span&&span class=&invisible&&ls4u/paul-mccartney/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&Slash&/p&&br&&img src=&/0f63d6e3b778be2a345f58_b.jpg& data-rawwidth=&360& data-rawheight=&431& class=&content_image& width=&360&&&br&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Listal - List the stuff you love! Movies, TV, music, games and books&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A///viewimage/5471030& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Picture of Slash&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&Kurt Cobain&/p&&br&&img src=&/61e1fd7a0370dca4faa1e8cacb0de5ba_b.jpg& data-rawwidth=&500& data-rawheight=&288& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/61e1fd7a0370dca4faa1e8cacb0de5ba_r.jpg&&&br&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A//www.blue17.co.uk/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vintage Clothing shops online UK. Mens & Womens&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A//www.blue17.co.uk/true-classics-vintage-converse/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vintage Converse&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&啥也别说，去买吧，白色的，高帮的。&/p&&img src=&/36c48bbf06dcddc00f7b6af_b.jpg& data-rawwidth=&360& data-rawheight=&480& class=&content_image& width=&360&&&br&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A//fansport.sk/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&fansport.sk&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A//fansport.sk/sk/panske-tramky/30970-converse-tramky-all-star-hi.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CONVERSE tramky ALL STAR HI&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&br&&p&&b&第五双鞋：喜欢啥买啥&/b&&/p&&ul&&li&&b&Athletic Shoes－运动鞋&/b& &/li&&/ul&&br&&p&第五双鞋不是鞋，是保持运动的心态。到了这个境界，已经是：&b&心中有鞋而脚上无鞋&/b&。&/p&&br&&p&喜欢跑步？那么这双鞋就是一双跑步鞋。&/p&&p&喜欢户外？那么这双鞋就是一双户外鞋。&/p&&p&喜欢足球？那么这双鞋就是一双足球鞋。&/p&&br&&p&绝对不可以放弃运动，哪怕运动玩的菜，也要认真的买一双鞋去运动。&/p&&br&&p&当然，不管什么运动，都可以穿一双最经典的白色布鞋，往往只有这样的人，才能踮起脚尖就扣篮。&/p&&br&&br&&p&&b&番外：小TIPS&/b&&/p&&ul&&li&&b&皮鞋保养一定要用鞋楦和皮鞋保养工具。&/b&皮鞋穿完务必擦好上油上鞋楦，不然穿几次就会光泽减退，皱褶加深，很多人的第一双皮鞋都毁在保养上。&/li&&li&&b&衣服买小，皮鞋买大，不然穿脱费劲，后跟磨脚。&/b&你们都见过女孩穿高跟鞋要贴创可贴，买大点，不然你也这样。&/li&&li&&b&如果鞋已经买小了，去买一个Shoe Horn，俗称：鞋拔子。&/b&&/li&&li&&b&袜子一定不能是白色的，尤其在穿皮鞋的时候。&/b&&/li&&li&&b&一秒钟摆脱屌丝气质？换鞋。&/b&扔掉露指凉鞋，扔掉莫名奇妙牌子的运动鞋，扔掉某宝爆款，好好买双正经的鞋，好好对待穿鞋这件事情。&/li&&/ul&&br&&p&以上，观众老爷们可以点赞了。&/p&&br&&img src=&/aa3af0e83d29a225aaf8_b.jpg& data-rawwidth=&500& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/aa3af0e83d29a225aaf8_r.jpg&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=https%3A///pin/340695/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&/pin/49821&/span&&span class=&invisible&&5/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&－－－－－－－－&/p&&br&&p&图片来源于网络&/p&&br&&p&欢迎个人点赞，或关注微信号：Shaofeidu&/p&&p&如需转载请私信获得授权，注意节操！&/p&&p&&a href=&///?target=http%3A///r/tEiGnrfEReo6rfP99x2m& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/r/tEiGnrf&/span&&span class=&invisible&&EReo6rfP99x2m&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& (二维码自动识别)&/p&
邀请。 基本款，好问题。 更新第十八部： 第二部：
&p&&/p&&p&&b&1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构?&/b&&/p&&blockquote&基本数据类型：Undefined、Null、Boolean、Number、String&br&值类型：数值、布尔值、null、undefined。&br&引用类型：对象、数组、函数。&br&堆栈数据结构：是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出!&br&js数组中提供了以下几个方法可以让我们很方便实现堆栈：&br&shift:从数组中把第一个元素删除，并返回这个元素的值。&br&unshift: 在数组的开头添加一个或更多元素，并返回新的长度&br&push:在数组的中末尾添加元素，并返回新的长度&br&pop:从数组中把最后一个元素删除，并返回这个元素的值。&/blockquote&&p&&br&&/p&&p&&b&2.声明函数作用提升?声明变量和声明函数的提升有什么区别?&/b&&/p&&blockquote&(1) 变量声明提升：变量申明在进入执行上下文就完成了。&br&只要变量在代码中进行了声明，无论它在哪个位置上进行声明， js引擎都会将它的声明放在范围作用域的顶部；&br&&br&(2) 函数声明提升：执行代码之前会先读取函数声明，意味着可以把函数申明放在调用它的语句后面。&br&只要函数在代码中进行了声明，无论它在哪个位置上进行声明， js引擎都会将它的声明放在范围作用域的顶部；&br&&br&(3) 变量or函数声明：函数声明会覆盖变量声明，但不会覆盖变量赋值。&br&同一个名称标识a，即有变量声明var a，又有函数声明function a() {}，不管二者声明的顺序，函数声明会覆盖变量声明，也就是说，此时a的值是声明的函数function a() {}。注意：如果在变量声明的同时初始化a，或是之后对a进行赋值，此时a的值变量的值。eg: var c = 1; a = 1; function a() { } console.log(a); &/blockquote&&p&&br&&/p&&p&&b&3.判断数据类型? &/b&&/p&&blockquote&typeof返回的类型都是字符串形式，可以判断function的类型；在判断除Object类型的对象时比较方便。&br&判断已知对象类型的方法： instanceof，后面一定要是对象类型，并且大小写不能错，该方法适合一些条件选择或分支。&/blockquote&&p&&br&&/p&&p&&b&4.异步编程？ &/b&&/p&&blockquote&方法1：回调函数，优点是简单、容易理解和部署，缺点是不利于代码的阅读和维护，各个部分之间高度耦合（Coupling），流程会很混乱，而且每个任务只能指定一个回调函数。&br&&br&方法2：时间监听，可以绑定多个事件，每个事件可以指定多个回调函数，而且可以“去耦合”（Decoupling），有利于实现模块化。缺点是整个程序都要变成事件驱动型，运行流程会变得很不清晰。&br&&br&方法3：发布/订阅，性质与“事件监听”类似，但是明显优于后者。&br&&br&方法4：Promises对象，是CommonJS工作组提出的一种规范，目的是为异步编程提供统一接口。&br&简单说，它的思想是，每一个异步任务返回一个Promise对象，该对象有一个then方法，允许指定回调函数。&/blockquote&&p&&br&&/p&&p&&b&5.事件流?事件捕获？事件冒泡？&/b&&/p&&blockquote&事件流：从页面中接收事件的顺序。也就是说当一个事件产生时，这个事件的传播过程，就是事件流。&br&&br&IE中的事件流叫事件冒泡；事件冒泡：事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点（文档）。对于html来说，就是当一个元素产生了一个事件，它会把这个事件传递给它的父元素，父元素接收到了之后，还要继续传递给它的上一级元素，就这样一直传播到document对象（亲测现在的浏览器到window对象，只有IE8及下不这样&br&&br&事件捕获是不太具体的元素应该更早接受到事件，而最具体的节点应该最后接收到事件。他们的用意是在事件到达目标之前就捕获它；也就是跟冒泡的过程正好相反，以html的click事件为例，document对象（DOM级规范要求从document开始传播，但是现在的浏览器是从window对象开始的）最先接收到click事件的然后事件沿着DOM树依次向下传播，一直传播到事件的实际目标；&/blockquote&&p&&br&&/p&&p&&b&6.如何清除一个定时器?&/b&&/p&&blockquote&window.clearInterval();&br&window.clearTimeout();&/blockquote&&p&&br&&/p&&p&&b&7.如何添加一个dom对象到body中?innerHTML和innerText区别?&/b&&/p&&blockquote&body.appendChild(dom元素)；&br&innerHTML:从对象的起始位置到终止位置的全部内容,包括Html标签。&br&innerText:从起始位置到终止位置的内容, 但它去除Html标签 &br&分别简述五个window对象、属性&br&&br&成员对象
&br&window.event
window.document
window.history
&br&window.screen
window.navigator
window.external&br&Window对象的属性如下：&br&window //窗户自身&br&window.self //引用本窗户window=window.self
&br&window.name //为窗户命名
&br&window.defaultStatus //设定窗户状态栏信息
&br&window.location //URL地址,配备布置这个属性可以打开新的页面 &/blockquote&&p&&br&&/p&&p&&b&8.数据持久化技术(ajax)?简述ajax流程&/b&&/p&&blockquote&1)客户端产生js的事件&br&2)创建XMLHttpRequest对象&br&3)对XMLHttpRequest进行配置&br&4)通过AJAX引擎发送异步请求&br&5)服务器端接收请求并且处理请求，返回html或者xml内容&br&6)XML调用一个callback()处理响应回来的内容&br&7)页面局部刷新&/blockquote&&p&&br&&/p&&p&&b&9.回调函数?&/b&&/p&&blockquote&回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。&/blockquote&&p&&br&&/p&&p&&b&10.什么是闭包?*
堆栈溢出有什么区别？ 内存泄漏? 那些操作会造成内存泄漏？怎么样防止内存泄漏？&/b&&/p&&blockquote&闭包：就是能够读取其他函数内部变量的函数。&br&堆栈溢出：就是不顾堆栈中分配的局部数据块大小，向该数据块写入了过多的数据，导致数据越界，结果覆盖了别的数据。经常会在递归中发生。&br&内存泄露是指：用动态存储分配函数内存空间，在使用完毕后未释放，导致一直占据该内存单元。直到程序结束。指任何对象在您不再拥有或需要它之后仍然存在。&br&&br&造成内存泄漏：&br&setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏。&br&闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环）&br&防止内存泄露：&br&1、不要动态绑定事件；&br&2、不要在动态添加，或者会被动态移除的dom上绑事件，用事件冒泡在父容器监听事件；&br&3、如果要违反上面的原则，必须提供destroy方法，保证移除dom后事件也被移除，这点可以参考Backbone的源代码，做的比较好；&br&4、单例化，少创建dom，少绑事件。&/blockquote&&p&&br&&/p&&p&&b&11.平时工作中怎么样进行数据交互?如果后台没有提供数据怎么样进行开发?mock数据与后台返回的格式不同意怎么办?&/b&&/p&&blockquote&由后台编写接口文档、提供数据接口实、前台通过ajax访问实现数据交互；&br&在没有数据的情况下寻找后台提供静态数据或者自己定义mock数据；&br&返回数据不统一时编写映射文件 对数据进行映射。&/blockquote&&p&&br&&/p&&p&&b&12 简述ajax执行流程&/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&nx&&基本步骤&/span&&span class=&err&&：&/span&
&span class=&kd&&var&/span& &span class=&nx&&xhr&/span& &span class=&o&&=&/span&&span class=&kc&&null&/span&&span class=&p&&;&/span&&span class=&c1&&//创建对象 &/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&XMLHttpRequest&/span&&span class=&p&&){&/span&
&span class=&nx&&xhr&/span& &span class=&o&&=&/span& &span class=&k&&new&/span& &span class=&nx&&XMLHttpRequest&/span&&span class=&p&&();&/span&
&span class=&p&&}&/span&&span class=&k&&else&/span&&span class=&p&&{&/span&
&span class=&nx&&xhr&/span& &span class=&o&&=&/span& &span class=&k&&new&/span& &span class=&nx&&ActiveXObject&/span&&span class=&p&&(&/span&&span class=&s2&&&Microsoft.XMLHTTP&&/span&&span class=&p&&);&/span&
&span class=&p&&}&/span&
&span class=&nx&&xhr&/span&&span class=&p&&.&/span&&span class=&nx&&open&/span&&span class=&p&&(&/span&&span class=&err&&“&/span&&span class=&nx&&方式&/span&&span class=&err&&”&/span&&span class=&p&&,&/span&&span class=&err&&”&/span&&span class=&nx&&地址&/span&&span class=&err&&”&/span&&span class=&p&&,&/span&&span class=&err&&”&/span&&span class=&nx&&标志位&/span&&span class=&err&&”&/span&&span class=&p&&);&/span&&span class=&c1&&//初始化请求 &/span&
&span class=&nx&&xhr&/span&&span class=&p&&.&/span&&span class=&nx&&setRequestHeader&/span&&span class=&p&&(&/span&&span class=&err&&“”&/span&&span class=&p&&,&/span&&span class=&err&&””&/span&&span class=&p&&);&/span&&span class=&c1&&//设置http头信息 &/span&
&span class=&nx&&xhr&/span&&span class=&p&&.&/span&&span class=&nx&&onreadystatechange&/span& &span class=&o&&=&/span&&span class=&kd&&function&/span&&span class=&p&&(){}&/span&&span class=&c1&&//指定回调函数 &/span&
&span class=&nx&&xhr&/span&&span class=&p&&.&/span&&span class=&nx&&send&/span&&span class=&p&&();&/span&&span class=&c1&&//发送请求 &/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&13.自执行函数?用于什么场景？好处?&/b&&/p&&blockquote&自执行函数:1、声明一个匿名函数2、马上调用这个匿名函数。&br&作用：创建一个独立的作用域。&br&&br&好处：防止变量弥散到全局，以免各种js库冲突。隔离作用域避免污染，或者截断作用域链，避免闭包造成引用变量无法释放。利用立即执行特性，返回需要的业务函数或对象，避免每次通过条件判断来处理&br&&br&场景：一般用于框架、插件等场景&/blockquote&&p&&br&&/p&&p&&b&14.html和xhtml有什么区别?&/b&&/p&&blockquote&HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的标记语言。&br&1.XHTML 元素必须被正确地嵌套。&br&2.XHTML 元素必须被关闭。&br&3.标签名必须用小写字母。&br&4.空标签也必须被关闭。&br&5.XHTML 文档必须拥有根元素。&/blockquote&&p&&br&&/p&&p&&b&15. 什么是构造函数？与普通函数有什么区别?&/b&&/p&&blockquote&构造函数：是一种特殊的方法、主要用来创建对象时初始化对象，总与new运算符一起使用，创建对象的语句中构造函数的函数名必须与类名完全相同。&br&与普通函数相比只能由new关键字调用，构造函数是类的标示&/blockquote&&p&&br&&/p&&p&&b&16. 通过new创建一个对象的时候，函数内部有哪些改变&/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&function&/span& &span class=&nx&&Person&/span&&span class=&p&&(){}&/span&
&span class=&nx&&Person&/span&&span class=&p&&.&/span&&span class=&nx&&prototype&/span&&span class=&p&&.&/span&&span class=&nx&&friend&/span& &span class=&o&&=&/span& &span class=&p&&[];&/span&
&span class=&nx&&Person&/span&&span class=&p&&.&/span&&span class=&nx&&prototype&/span&&span class=&p&&.&/span&&span class=&nx&&name&/span& &span class=&o&&=&/span& &span class=&s1&&''&/span&&span class=&p&&;&/span&
&span class=&c1&&// var a = new Person();&/span&
&span class=&c1&&// a.friend[0] = '王琦';&/span&
&span class=&c1&&// a.name = '程娇';&/span&
&span class=&c1&&// var b = new Person();&/span&
&span class=&c1&&// b.friend？&/span&
&span class=&c1&&// b.name?&/span&
&/code&&/pre&&/div&&blockquote&1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。 &br&2、属性和方法被加入到 this 引用的对象中。&br&3、新创建的对象由 this 所引用，并且最后隐式的返回 this 。&/blockquote&&p&&br&&/p&&p&&b&17.事件委托？有什么好处?&/b&&/p&&blockquote&（1）利用冒泡的原理，把事件加到父级上，触发执行效果&br&（2）好处：新添加的元素还会有之前的事件；提高性能。&/blockquote&&p&&br&&/p&&p&&b&18.window.onload ==? DOMContentLoaded ?&/b&&/p&&blockquote&一般情况下，DOMContentLoaded事件要在window.onload之前执行，当DOM树构建完成的时候就会执行DOMContentLoaded事件，而window.onload是在页面载入完成的时候，才执行，这其中包括图片等元素。大多数时候我们只是想在DOM树构建完成后，绑定事件到元素，我们并不需要图片元素，加上有时候加载外域图片的速度非常缓慢。&/blockquote&&p&&br&&/p&&p&&b&19.节点类型?判断当前节点类型?&/b&&/p&&blockquote&1. 元素节点
&br&2. 属性节点
&br&3. 文本节点
&br&8. 注释节点
&br&9. 文档节点
&br&通过nodeObject.nodeType判断节点类型：其中，nodeObject 为DOM节点（节点对象）。该属性返回以数字表示的节点类型，例如，元素节点返回 1，属性节点返回 2 。&/blockquote&&p&&br&&/p&&p&&b&20.如何合并两个数组？数组删除一个元素?&/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&//三种方法。&/span&
&span class=&err&&（&/span&&span class=&mi&&1&/span&&span class=&err&&）&/span&&span class=&kd&&var&/span& &span class=&nx&&arr1&/span&&span class=&o&&=&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&,&/span&&span class=&mi&&2&/span&&span class=&p&&,&/span&&span class=&mi&&3&/span&&span class=&p&&];&/span&
&span class=&kd&&var&/span& &span class=&nx&&arr2&/span&&span class=&o&&=&/span&&span class=&p&&[&/span&&span class=&mi&&4&/span&&span class=&p&&,&/span&&span class=&mi&&5&/span&&span class=&p&&,&/span&&span class=&mi&&6&/span&&span class=&p&&];&/span&
&span class=&nx&&arr1&/span& &span class=&o&&=&/span& &span class=&nx&&arr1&/span&&span class=&p&&.&/span&&span class=&nx&&concat&/span&&span class=&p&&(&/span&&span class=&nx&&arr2&/span&&span class=&p&&);&/span&
&span class=&nx&&console&/span&&span class=&p&&.&/span&&span class=&nx&&log&/span&&span class=&p&&(&/span&&span class=&nx&&arr1&/span&&span class=&p&&);&/span&
&span class=&err&&（&/span&&span class=&mi&&2&/span&&span class=&err&&）&/span&&span class=&kd&&var&/span& &span class=&nx&&arr1&/span&&span class=&o&&=&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&,&/span&&span class=&mi&&2&/span&&span class=&p&&,&/span&&span class=&mi&&3&/span&&span class=&p&&];&/span&
&span class=&kd&&var&/span& &span class=&nx&&arr2&/span&&span class=&o&&=&/span&&span class=&p&&[&/span&&span class=&mi&&4&/span&&span class=&p&&,&/span&&span class=&mi&&5&/span&&span class=&p&&,&/span&&span class=&mi&&6&/span&&span class=&p&&];&/span&
&span class=&nb&&Array&/span&&span class=&p&&.&/span&&span class=&nx&&prototype&/span&&span class=&p&&.&/span&&span class=&nx&&push&/span&&span class=&p&&.&/span&&span class=&nx&&apply&/span&&span class=&p&&(&/span&&span class=&nx&&arr1&/span&&span class=&p&&,&/span&&span class=&nx&&arr2&/span&&span class=&p&&);&/span&
&span class=&nx&&console&/span&&span class=&p&&.&/span&&span class=&nx&&log&/span&&span class=&p&&(&/span&&span class=&nx&&arr1&/span&&span class=&p&&);&/span&
&span class=&err&&（&/span&&span class=&mi&&3&/span&&span class=&err&&）&/span&&span class=&kd&&var&/span& &span class=&nx&&arr1&/span&&span class=&o&&=&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&,&/span&&span class=&mi&&2&/span&&span class=&p&&,&/span&&span class=&mi&&3&/span&&span class=&p&&];&/span&
&span class=&kd&&var&/span& &span class=&nx&&arr2&/span&&span class=&o&&=&/span&&span class=&p&&[&/span&&span class=&mi&&4&/span&&span class=&p&&,&/span&&span class=&mi&&5&/span&&span class=&p&&,&/span&&span class=&mi&&6&/span&&span class=&p&&];&/span&
&span class=&k&&for&/span& &span class=&p&&(&/span&&span class=&kd&&var&/span& &span class=&nx&&i&/span&&span class=&o&&=&/span&&span class=&mi&&0&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span& &span class=&o&&&&/span& &span class=&nx&&arr2&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&++&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&arr1&/span&&span class=&p&&.&/span&&span class=&nx&&push&/span&&span class=&p&&(&/span& &span class=&nx&&arr2&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&]&/span& &span class=&p&&);&/span&
&span class=&p&&}&/span&
&span class=&nx&&console&/span&&span class=&p&&.&/span&&span class=&nx&&log&/span&&span class=&p&&(&/span&&span class=&nx&&arr1&/span&&span class=&p&&);&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&21.强制转换 显式转换 隐式转换? &/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&//强制类型转换：&/span&
&span class=&nb&&Boolean&/span&&span class=&p&&(&/span&&span class=&mi&&0&/span&&span class=&p&&)&/span&
&span class=&c1&&// =& false - 零&/span&
&span class=&nb&&Boolean&/span&&span class=&p&&(&/span&&span class=&k&&new&/span& &span class=&nx&&object&/span&&span class=&p&&())&/span&
&span class=&c1&&// =& true - 对象&/span&
&span class=&nb&&Number&/span&&span class=&p&&(&/span&&span class=&kc&&undefined&/span&&span class=&p&&)&/span&
&span class=&c1&&// =&
NaN&/span&
&span class=&nb&&Number&/span&&span class=&p&&(&/span&&span class=&kc&&null&/span&&span class=&p&&)&/span&
&span class=&c1&&// =& 0&/span&
&span class=&nb&&String&/span&&span class=&p&&(&/span&&span class=&kc&&null&/span&&span class=&p&&)&/span&
&span class=&c1&&// =& &null&&/span&
&span class=&nb&&parseInt&/span&&span class=&p&&(&/span& &span class=&p&&)&/span&
&span class=&nb&&parseFloat&/span&&span class=&p&&(&/span& &span class=&p&&)&/span&
&span class=&nx&&JSON&/span&&span class=&p&&.&/span&&span class=&nx&&parse&/span&&span class=&p&&(&/span& &span class=&p&&)&/span&
&span class=&nx&&JSON&/span&&span class=&p&&.&/span&&span class=&nx&&stringify&/span& &span class=&p&&(&/span& &span class=&p&&)&/span&
&/code&&/pre&&/div&&blockquote&隐式类型转换：&br&在使用算术运算符时，运算符两边的数据类型可以是任意的，比如，一个字符串可以和数字相加。之所以不同的数据类型之间可以做运算，是因为JavaScript引擎在运算之前会悄悄的把他们进行了隐式类型转换的&br&（例如：x+&&
//等价于String(x)&br&
//等价于Number(x)&br&
//同上&br&
//等价于Boolean(x),是双叹号）&br&&br&显式转换： &br&如果程序要求一定要将某一类型的数据转换为另一种类型，则可以利用强制类型转换运算符进行转换，这种强制转换过程称为显示转换。&br&显示转换是你定义让这个值类型转换成你要用的值类型，是底到高的转换。例 int 到float就可以直接转，int i=5,想把他转换成char类型，就用显式转换（char）i&/blockquote&&p&&br&&/p&&p&&b&22. Jq中如何实现多库并存? &/b&&/p&&blockquote&Noconfict 多库共存就是“$ ”符号的冲突。 &br&&br&方法一： 利用jQuery的实用函数$.noConflict();这个函数归还$的名称控制权给另一个库，因此可以在页面上使用其他库。这时，我们可以用&jQuery &这个名称调用jQuery的功能。 $.noConflict();
&br&jQuery('#id').hide();
&br&.....&br&//或者给jQuery一个别名
&br&var $j=jQuery
&br&$j('#id').hide();
&br&.....&br&&br&方法二： (function($){})(jQuery) &br&&br&方法三： jQuery(function($){}) &br&通过传递一个函数作为jQuery的参数，因此把这个函数声明为就绪函数。 我们声明$为就绪函数的参数，因为jQuery总是吧jQuery对象的引用作为第一个参数传递，所以就保证了函数的执行。&/blockquote&&p&&br&&/p&&p&&b&23.Jq中get和eq有什么区别？ &/b&&/p&&blockquote&get() :取得其中一个匹配的元素。num表示取得第几个匹配的元素，get多针对集合元素，返回的是DOM对象组成的数组 eq():获取第N个元素，下标都是从0开始，返回的是一个JQuery对象
&/blockquote&&p&&br&&/p&&p&&b&24.如何通过原生js 判断一个元素当前是显示还是隐藏状态? &/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&k&&if&/span&&span class=&p&&(&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementById&/span&&span class=&p&&(&/span&&span class=&s2&&&div&&/span&&span class=&p&&).&/span&&span class=&nx&&css&/span&&span class=&p&&(&/span&&span class=&s2&&&display&&/span&&span class=&p&&)&/span&&span class=&o&&===&/span&&span class=&s1&&'none'&/span&&span class=&p&&)&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementById&/span&&span class=&p&&(&/span&&span class=&s2&&&div&&/span&&span class=&p&&).&/span&&span class=&nx&&css&/span&&span class=&p&&(&/span&&span class=&s2&&&display&&/span&&span class=&p&&)&/span&&span class=&o&&===&/span&&span class=&s1&&'block'&/span&&span class=&p&&)&/span&
&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s2&&&#div&&/span&&span class=&p&&).&/span&&span class=&nx&&is&/span&&span class=&p&&(&/span&&span class=&s2&&&:hidden&&/span&&span class=&p&&);&/span& &span class=&c1&&// 判断是否隐藏&/span&
&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s2&&&#div&&/span&&span class=&p&&).&/span&&span class=&nx&&is&/span&&span class=&p&&(&/span&&span class=&s2&&&:visible&&/span&&span class=&p&&)&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&25.Jq如何判断元素显示隐藏？ &/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&//第一种：使用CSS属性 &/span&
&span class=&kd&&var&/span& &span class=&nx&&display&/span& &span class=&o&&=&/span&&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s1&&'#id'&/span&&span class=&p&&).&/span&&span class=&nx&&css&/span&&span class=&p&&(&/span&&span class=&s1&&'display'&/span&&span class=&p&&);&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&display&/span& &span class=&o&&==&/span& &span class=&s1&&'none'&/span&&span class=&p&&){&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s2&&&我是隐藏的！&&/span&&span class=&p&&);&/span& &span class=&p&&}&/span&
&span class=&c1&&//第二种：使用jquery内置选择器 &/span&
&span class=&o&&&&/span&&span class=&nx&&div&/span& &span class=&nx&&id&/span&&span class=&o&&=&/span&&span class=&s2&&&test&&/span&&span class=&o&&&&/span& &span class=&o&&&&/span&&span class=&nx&&p&/span&&span class=&o&&&&/span&&span class=&nx&&仅仅是测试所用&/span&&span class=&o&&&&/span&&span class=&err&&/p& &/div&&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s2&&&#test&&/span&&span class=&p&&).&/span&&span class=&nx&&is&/span&&span class=&p&&(&/span&&span class=&s2&&&:hidden&&/span&&span class=&p&&)){&/span&
&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s2&&&#test&&/span&&span class=&p&&).&/span&&span class=&nx&&show&/span&&span class=&p&&();&/span&
&span class=&c1&&//如果元素为隐藏,则将它显现 }else{
$(&#test&).hide();
//如果元素为显现,则将其隐藏 }&/span&
&span class=&c1&&//第三种：jQuery判断元素是否显示 是否隐藏&/span&
&span class=&kd&&var&/span& &span class=&nx&&node&/span&&span class=&o&&=&/span&&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s1&&'#id'&/span&&span class=&p&&);&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&node&/span&&span class=&p&&.&/span&&span class=&nx&&is&/span&&span class=&p&&(&/span&&span class=&s1&&':hidden'&/span&&span class=&p&&)){&/span& &span class=&c1&&//如果node是隐藏的则显示node元素，否则隐藏&/span&
&span class=&nx&&node&/span&&span class=&p&&.&/span&&span class=&nx&&show&/span&&span class=&p&&();&/span&
&span class=&p&&}&/span&&span class=&k&&else&/span&&span class=&p&&{&/span&
&span class=&nx&&node&/span&&span class=&p&&.&/span&&span class=&nx&&hide&/span&&span class=&p&&();&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&26.移动端上什么是点击穿透? &/b&&/p&&blockquote&点击穿透现象有3种：&br&点击穿透问题：点击蒙层（mask）上的关闭按钮，蒙层消失后发现触发了按钮下面元素的click事件跨页面点击穿透问题：如果按钮下面恰好是一个有href属性的a标签，那么页面就会发生跳转另一种跨页面点击穿透问题：这次没有mask了，直接点击页内按钮跳转至新页，然后发现新页面中对应位置元素的click事件被触发了&br&&br&解决方案：&br&1、只用touch&br&最简单的解决方案，完美解决点击穿透问题&br&把页面内所有click全部换成touch事件（ touchstart 、’touchend’、’tap’）&br&&br&2、只用click&br&下下策，因为会带来300ms延迟，页面内任何一个自定义交互都将增加300毫秒延迟&br&&br&3、tap后延迟350ms再隐藏mask&br&改动最小，缺点是隐藏mask变慢了，350ms还是能感觉到慢的&br&&br&4、pointer-events&br&比较麻烦且有缺陷， 不建议使用mask隐藏后，给按钮下面元素添上 pointer-events: 样式，让click穿过去，350ms后去掉这个样式，恢复响应缺陷是mask消失后的的350ms内，用户可以看到按钮下面的元素点着没反应，如果用户手速很快的话一定会发现&/blockquote&&p&&br&&/p&&p&&b&27.Jq绑定事件的几种方式？on bind ?&/b&&/p&&blockquote&jQuery中提供了四种事件监听方式，分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off&br&&br&Bind( )是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数;&br&&br&Live( )可以对后生成的元素也可以绑定相应的事件,处理机制就是把事件绑定在DOM树的根节点上，而不是直接绑定在某个元素上;&br&&br&Delegate( )采用了事件委托的概念，不是直接为子元素绑定事件，而是为其父元素（或祖先元素也可）绑定事件，当在div内任意元素上点击时，事件会一层层从event target向上冒泡，直至到达你为其绑定事件的元素；&br&&br&on( )方法可以绑定动态添加到页面元素的事件，on()方法绑定事件可以提升效率；&/blockquote&&p&&br&&/p&&p&&b&28.Jq中如何将一个jq对象转化为dom对象？ &/b&&/p&&blockquote&方法一：&br&jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。 &br&如：var $v =$(&#v&) ; //jQuery对象 &br&var v=$v[0]; //DOM对象 &br&alert(v.checked) //检测这个checkbox是否被选中 &br&&br&方法二：&br&jQuery本身提供，通过.get(index)方法，得到相应的DOM对象 &br&如：var $v=$(&#v&); //jQuery对象 &br&var v=$v.get(0); //DOM对象 &br&alert(v.checked) //检测这个checkbox是否被选中&/blockquote&&p&&br&&/p&&p&&b&29.Jq中有几种选择器?分别是什么? &/b&&/p&&blockquote&层叠选择器、基本过滤选择器、内容过滤选择器、可视化过滤选择器、属性过滤选择器、子元素过滤选择器、表单元素选择器、表单元素过滤选择器 &/blockquote&&p&&br&&/p&&p&&b&30.Jq中怎么样编写插件? &/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&//第一种是类级别的插件开发：&/span&
&span class=&c1&&//1.1 添加一个新的全局函数 添加一个全局函数，我们只需如下定义： &/span&
&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&foo&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This is a test. This is only a test.'&/span&&span class=&p&&);&/span&
&span class=&p&&};&/span&
&span class=&c1&&//1.2 增加多个全局函数 添加多个全局函数，可采用如下定义： &/span&
&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&foo&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This is a test. This is only a test.'&/span&&span class=&p&&);&/span&
&span class=&p&&};&/span&
&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&bar&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&¶m&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This function takes a parameter, which is &'&/span& &span class=&o&&+&/span& &span class=&nx&¶m&/span& &span class=&o&&+&/span& &span class=&s1&&'&.'&/span&&span class=&p&&);&/span&
&span class=&p&&};&/span&
&span class=&nx&&调用时和一个函数的一样的&/span&&span class=&o&&:&/span&&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&foo&/span&&span class=&p&&();&/span&&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&bar&/span&&span class=&p&&();&/span&&span class=&nx&&或者$&/span&&span class=&p&&.&/span&&span class=&nx&&foo&/span&&span class=&p&&();&/span&&span class=&nx&&$&/span&&span class=&p&&.&/span&&span class=&nx&&bar&/span&&span class=&p&&(&/span&&span class=&s1&&'bar'&/span&&span class=&p&&);&/span&
&span class=&c1&&//1.3 使用jQuery.extend(object); &/span&
&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&extend&/span&&span class=&p&&({&/span&
&span class=&nx&&foo&/span&&span class=&o&&:&/span& &span class=&kd&&function&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This is a test. This is only a test.'&/span&&span class=&p&&);&/span&
&span class=&p&&},&/span&
&span class=&nx&&bar&/span&&span class=&o&&:&/span& &span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&¶m&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This function takes a parameter, which is &'&/span& &span class=&o&&+&/span& &span class=&nx&¶m&/span& &span class=&o&&+&/span&&span class=&s1&&'&.'&/span&&span class=&p&&);&/span&
&span class=&p&&}&/span&
&span class=&p&&});&/span&
&span class=&c1&&//1.4 使用命名空间&/span&
&span class=&c1&&// 虽然在jQuery命名空间中，我们禁止使用了大量的javaScript函数名和变量名。&/span&
&span class=&c1&&// 但是仍然不可避免某些函数或变量名将于其他jQuery插件冲突，因此我们习惯将一些方法&/span&
&span class=&c1&&// 封装到另一个自定义的命名空间。&/span&
&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&myPlugin&/span& &span class=&o&&=&/span& &span class=&p&&{&/span&
&span class=&nx&&foo&/span&&span class=&o&&:&/span&&span class=&kd&&function&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This is a test. This is only a test.'&/span&&span class=&p&&);&/span&
&span class=&p&&},&/span&
&span class=&nx&&bar&/span&&span class=&o&&:&/span&&span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&¶m&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This function takes a parameter, which is &'&/span& &span class=&o&&+&/span& &span class=&nx&¶m&/span& &span class=&o&&+&/span& &span class=&s1&&'&.'&/span&&span class=&p&&);&/span&
&span class=&p&&}&/span&
&span class=&p&&};&/span&
&span class=&c1&&//采用命名空间的函数仍然是全局函数，调用时采用的方法： &/span&
&span class=&nx&&$&/span&&span class=&p&&.&/span&&span class=&nx&&myPlugin&/span&&span class=&p&&.&/span&&span class=&nx&&foo&/span&&span class=&p&&();&/span&
&span class=&nx&&$&/span&&span class=&p&&.&/span&&span class=&nx&&myPlugin&/span&&span class=&p&&.&/span&&span class=&nx&&bar&/span&&span class=&p&&(&/span&&span class=&s1&&'baz'&/span&&span class=&p&&);&/span&
&span class=&c1&&//通过这个技巧（使用独立的插件名），我们可以避免命名空间内函数的冲突。&/span&
&span class=&c1&&//第二种是对象级别的插件开发&/span&
&span class=&c1&&//形式1： &/span&
&span class=&p&&(&/span&&span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&&$&/span&&span class=&p&&){&/span&
&span class=&nx&&$&/span&&span class=&p&&.&/span&&span class=&nx&&fn&/span&&span class=&p&&.&/span&&span class=&nx&&extend&/span&&span class=&p&&({&/span&
&span class=&nx&&pluginName&/span&&span class=&o&&:&/span&&span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&&opt&/span&&span class=&p&&,&/span&&span class=&nx&&callback&/span&&span class=&p&&){&/span&
&span class=&c1&&// Our plugin implementation code goes here.
&span class=&p&&}&/span&
&span class=&p&&})&/span&
&span class=&p&&})(&/span&&span class=&nx&&jQuery&/span&&span class=&p&&);&/span&
&span class=&c1&&//形式2：&/span&
&span class=&p&&(&/span&&span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&&$&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&$&/span&&span class=&p&&.&/span&&span class=&nx&&fn&/span&&span class=&p&&.&/span&&span class=&nx&&pluginName&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&c1&&// Our plugin implementation code goes here.
&span class=&p&&};&/span&
&span class=&p&&})(&/span&&span class=&nx&&jQuery&/span&&span class=&p&&);&/span&
&span class=&c1&&//形参是$，函数定义完成之后,把jQuery这个实参传递进去.立即调用执行。&/span&
&span class=&c1&&//这样的好处是,我们在写jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&31.$('div+.ab')和$('.ab+div') 哪个效率高？ &/b&&/p&&blockquote&$('div+.ab')效率高 &/blockquote&&p&&br&&/p&&p&&b&32.$.map和$.each有什么区别 &/b&&/p&&blockquote&map()方法主要用来遍历操作数组和对象，会返回一个新的数组。$.map()方法适用于将数组或对象每个项目新阵列映射到一个新数组的函数；&br&each()主要用于遍历jquery对象，返回的是原来的数组，并不会新创建一个数组。&/blockquote&&p&&br&&/p&&p&&b&33.编写一个 getElementsByClassName 封装函数? &/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&o&&&&/span&&span class=&nx&&body&/span&&span class=&o&&&&/span&
&span class=&o&&&&/span&&span class=&nx&&input&/span& &span class=&nx&&type&/span&&span class=&o&&=&/span&&span class=&s2&&&submit&&/span& &span class=&nx&&id&/span& &span class=&o&&=&/span& &span class=&s2&&&sub&&/span& &span class=&kr&&class&/span&&span class=&o&&=&/span&&span class=&s2&&&ss confirm btn&&/span& &span class=&nx&&value&/span&&span class=&o&&=&/span&&span class=&s2&&&提交&&/span&&span class=&o&&/&&/span&
&span class=&o&&&&/span&&span class=&nx&&script&/span&&span class=&o&&&&/span& &span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&onload&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&(){&/span&
&span class=&c1&&//方法一
&span class=&kd&&var&/span& &span class=&nx&&Opt&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementById&/span&&span class=&p&&(&/span&&span class=&s1&&'sub'&/span&&span class=&p&&);&/span&
&span class=&kd&&var&/span& &span class=&nx&&getClass&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&&className&/span&&span class=&p&&,&/span&&span class=&nx&&tagName&/span&&span class=&p&&){&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByTagName&/span&&span class=&p&&){&/span&
&span class=&kd&&var&/span& &span class=&nx&&Inp&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByTagName&/span&&span class=&p&&(&/span&&span class=&nx&&tagName&/span&&span class=&p&&);&/span&
&span class=&k&&for&/span&&span class=&p&&(&/span&&span class=&kd&&var&/span& &span class=&nx&&i&/span&&span class=&o&&=&/span&&span class=&mi&&0&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&&&/span&&span class=&nx&&Inp&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&++&/span&&span class=&p&&){&/span&
&span class=&k&&if&/span&&span class=&p&&((&/span&&span class=&k&&new&/span& &span class=&nb&&RegExp&/span&&span class=&p&&(&/span&&span class=&s1&&'(\\s|^)'&/span& &span class=&o&&+&/span&&span class=&nx&&className&/span& &span class=&o&&+&/span&&span class=&s1&&'(\\s|$)'&/span&&span class=&p&&)).&/span&&span class=&nx&&test&/span&&span class=&p&&(&/span&&span class=&nx&&Inp&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&className&/span&&span class=&p&&)){&/span&
&span class=&k&&return&/span& &span class=&nx&&Inp&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&];&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&&span class=&k&&else&/span& &span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByClassName&/span&&span class=&p&&){&/span&
&span class=&k&&return&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByClassName&/span&&span class=&p&&(&/span&&span class=&nx&&className&/span&&span class=&p&&);&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&c1&&//方法二&/span&
&span class=&kd&&var&/span& &span class=&nx&&aa&/span& &span class=&o&&=&/span& &span class=&nx&&getClass&/span&&span class=&p&&(&/span&&span class=&s2&&&confirm&&/span&&span class=&p&&,&/span& &span class=&s2&&&input&&/span&&span class=&p&&);&/span&
&span class=&kd&&function&/span& &span class=&nx&&getClass&/span&&span class=&p&&(&/span&&span class=&nx&&className&/span&&span class=&p&&,&/span& &span class=&nx&&targetName&/span&&span class=&p&&){&/span&
&span class=&kd&&var&/span& &span class=&nx&&ele&/span& &span class=&o&&=&/span& &span class=&p&&[];&/span&
&span class=&kd&&var&/span& &span class=&nx&&all&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByTagName&/span&&span class=&p&&(&/span&&span class=&nx&&targetName&/span& &span class=&o&&||&/span& &span class=&s2&&&*&&/span&&span class=&p&&);&/span&
&span class=&k&&for&/span&&span class=&p&&(&/span&&span class=&kd&&var&/span& &span class=&nx&&i&/span&&span class=&o&&=&/span&&span class=&mi&&0&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&&&/span&&span class=&nx&&all&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&++&/span&&span class=&p&&){&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&all&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&className&/span&&span class=&p&&.&/span&&span class=&nx&&match&/span&&span class=&p&&(&/span&&span class=&k&&new&/span& &span class=&nb&&RegExp&/span&&span class=&p&&(&/span&&span class=&s1&&'(\\s|^)'&/span&&span class=&o&&+&/span&&span class=&nx&&confirm&/span&&span class=&o&&+&/span&&span class=&s1&&'(\\s|$)'&/span&&span class=&p&&))){&/span&
&span class=&nx&&ele&/span&&span class=&p&&[&/span&&span class=&nx&&ele&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&p&&]&/span& &span class=&o&&=&/span& &span class=&nx&&all&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&];&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&k&&return&/span& &span class=&nx&&ele&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&c1&&//方法三&/span&
&span class=&kd&&function&/span& &span class=&nx&&getObjsByClass&/span&&span class=&p&&(&/span&&span class=&nx&&tagName&/span&&span class=&p&&,&/span& &span class=&nx&&className&/span&&span class=&p&&){&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByClassName&/span&&span class=&p&&){&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s2&&&document.getElementsByClassName&&/span&&span class=&p&&);&/span&
&span class=&k&&return&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByClassName&/span&&span class=&p&&(&/span&&span class=&nx&&className&/span&&span class=&p&&);&/span&
&span class=&p&&}&/span&&span class=&k&&else&/span&&span class=&p&&{&/span&
&span class=&kd&&var&/span& &span class=&nx&&el&/span& &span class=&o&&=&/span& &span class=&p&&[];&/span&
&span class=&kd&&var&/span& &span class=&nx&&_el&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByTagName&/span&&span class=&p&&(&/span&&span class=&nx&&tagName&/span&&span class=&p&&);&/span&
&span class=&k&&for&/span&&span class=&p&&(&/span&&span class=&kd&&var&/span& &span class=&nx&&i&/span&&span class=&o&&=&/span&&span class=&mi&&0&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&&&/span&&span class=&nx&&_el&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&++&/span&&span class=&p&&){&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&_el&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&className&/span&&span class=&p&&.&/span&&span class=&nx&&indexOf&/span&&span class=&p&&(&/span&&span class=&nx&&className&/span&&span class=&p&&)&/span& &span class=&o&&&&/span& &span class=&o&&-&/span&&span class=&mi&&1&/span&&span class=&p&&){&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&nx&&_el&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&]);&/span&
&span class=&nx&&el&/span&&span class=&p&&[&/span&&span class=&nx&&_el&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&p&&]&/span& &span class=&o&&=&/span& &span class=&nx&&_el&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&];&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&nx&&el&/span&&span class=&p&&);&/span&
&span class=&k&&return&/span& &span class=&nx&&el&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&o&&&&/span&&span class=&err&&/script&&/span&
&span class=&o&&&&/span&&span class=&err&&/body&&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&34.简述下工作流程 &/b&&/p&&blockquote&我在之前的公司工作流程大概是这样的：公司定稿会结束以后，会进行简单的技术研讨，然后我们前端会进行先期的技术准备。前端切图人员会进行psd设计稿切图，并且将css文件进行整合。我们主要编写JS部分，其中包括搭建前端框架（大项目），编写js业务和数据持久化操作，我们也会编写js插件并且进行封装方便使用，还有就是编写JS前端组建和JS测试单元，最后将完成的JS部分与切图人员提供的HTML页面进行整合。最后对完成的页面进行功能测试、页面兼容、产品还原。然后对产品进行封存，提交测试。如果出现BUG会返回给我们开发人员进行修改，再提交测试，最后测试成功，进行版本封存。等到程序全部上线的时候进行线上测试。&/blockquote&&p&&br&&/p&&p&&b&35.一般使用什么版本控制工具?svn如何对文件加锁&/b&&/p&&blockquote&svn加锁目的：为了避免多个人同一时间对同一个文件改动的相互覆盖，版本控制系统就必须有一套冲突处理机制。&br&&br&svn加锁两种策略：乐观加锁：所有签出的文件都是可读写的，对文件的修改不必获得文件的锁，当你修改完文件签入时，会首先要求你更新本地文件，版本控制系统不会覆盖你的本地修改，而是会让你自己合并冲突后签入。&br&&br&严格加锁：所有签出的文件都是只读的，任何对文件的修改必须要获得文件的锁，如果其他人没有拥有该文件的锁，那么版本控制系统就会授权给你文件的锁，并将文件设置为可编辑的。&br&&br&svn两种加锁步骤：乐观加锁：选择你想要获取锁定的文件，然后右键菜单点击TortoiseSVN 选取获取锁定。&br&&br&严格加锁：在想要采取严格加锁的文件或目录上点击右键，使用TortoiseSVN 属性菜单，点击新建属性，选择需要锁定。&/blockquote&&p&&br&&/p&&p&&b&36. git 和 svn的区别? &/b&&/p&&blockquote&SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽够大，速度够快，如果在互联网下，如果网速慢的话，就纳闷了。&br&&br&Git是分布式版本控制系统，那么它就没有中央服务器的，每个人的电脑就是一个完整的版本库，这样，工作的时候就不需要联网了，因为版本都是在自己的电脑上。既然每个人的电脑都有一个完整的版本库，那多个人如何协作呢？比如说自己在电脑上改了文件A，其他人也在电脑上改了文件A，这时，你们两之间只需把各自的修改推送给对方，就可以互相看到对方的修改了。&/blockquote&&p&&br&&/p&&p&&b&37. jquery和zepto有什么区别?&/b&&/p&&blockquote&1.针对移动端程序，Zepto有一些基本的触摸事件可以用来做触摸屏交互（tap事件、swipe事件），Zepto是不支持IE浏览器的，这不是Zepto的开发者Thomas Fucks在跨浏览器问题上犯了迷糊，而是经过了认真考虑后为了降低文件尺寸而做出的决定，就像jQuery的团队在2.0版中不再支持旧版的IE（6 7 8）一样。因为Zepto使用jQuery句法，所以它在文档中建议把jQuery作为IE上的后备库。那样程序仍能在IE中，而其他浏览器则能享受到Zepto在文件大小上的优势，然而它们两个的API不是完全兼容的，所以使用这种方法时一定要小心，并要做充分的测试。&br&&br&2.Dom操作的区别：添加id时jQuery不会生效而Zepto会生效。&br&&br&3.zepto主要用在移动设备上，只支持较新的浏览器，好处是代码量比较小，性能也较好。&br&jquery主要是兼容性好，可以跑在各种pc，移动上，好处是兼容各种浏览器，缺点是代码量大，同时考虑兼容，性能也不够好。&/blockquote&&p&&br&&/p&&p&&b&38. $(function(){})和window.onload 和 $(document).ready(function(){})&/b&&/p&&blockquote&window.onload:用于当页面的所有元素，包括外部引用文件，图片等都加载完毕时运行函数内的函数。load方法只能执行一次，如果在js文件里写了多个，只能执行最后一个。&br&&br&$(document).ready(function(){})和$(function(){})都是用于当页面的标准DOM元素被解析成DOM树后就执行内部函数。这个函数是可以在js文件里多次编写的，对于多人共同编写的js就有很大的优势，因为所有行为函数都会执行到。而且$(document).ready()函数在HMTL结构加载完后就可以执行，不需要等大型文件加载或者不存在的连接等耗时工作完成才执行，效率高。&/blockquote&&p&&br&&/p&&p&&b&39. Jq中 attr 和 prop 有什么区别&/b&&/p&&blockquote&对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。&br&对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。&/blockquote&&p&&br&&/p&&p&&b&40. 简述下 this 和定义属性和方法的时候有什么区别?Prototype？&/b&&/p&&blockquote&this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。&br&&br&prototype本质上还是一个JavaScript对象。 并且每个函数都有一个默认的prototype属性。&br&&br&在prototype上定义的属性方法为所有实例共享，所有实例皆引用到同一个对象，单一实例对原型上的属性进行修改，也会影响到所有其他实例。&/blockquote&&p&&br&&/p&&p&&b&41. 什么是预编译语音|预编译处理器? &/b&&/p&&blockquote&Sass是一种CSS预处理器语言，通过编程方式生成CSS代码。因为可编程，所以操控灵活性自由度高，方便实现一些直接编写CSS代码较困难的代码。&br&&br&同时，因为Sass是生成CSS的语言，所以写出来的Sass文件是不能直接用的，必须经过编译器编译成CSS文件才能使用。&br&&br&CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更见简洁，适应性更强，代码更直观等诸多好处。最常用的css预处理器有sass、less css、 stylus。&/blockquote&&p&&br&&/p&&p&&b&42.ajax 和 jsonp ？&/b&&/p&&blockquote&ajax和jsonp的区别：&br&相同点：都是请求一个url&br&不同点：ajax的核心是通过xmlHttpRequest获取内容&br&jsonp的核心则是动态添加&script&标签来调用服务器 提供的js脚本。&/blockquote&&p&&br&&/p&&p&&b&43.ajax执行流程？&/b&&/p&&blockquote&1. 创建XMLHttpRequest对象,也就是创建一个异步调用对象&br&2. 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息&br&3. 设置响应HTTP请求状态变化的函数&br&4. 发送HTTP请求&br&5. 获取异步调用返回的数据&br&6. 使用JavaScript和DOM实现局部刷新&/blockquote&&p&&br&&/p&&p&&b&44.xhr对象 status ? readystate?&/b&&/p&&blockquote&status是XMLHttpRequest对象的一个属性，表示响应的HTTP状态码。&br&readyState是XMLHttpRequest对象的一个属性，用来标识当前XMLHttpRequest对象处于什么状态。&/blockquote&&p&&br&&/p&&p&&b&45}
LOFTER for ipad —— 让兴趣，更有趣
盾冬Evanstan 的喜欢
  被喜欢
  被喜欢
{list posts as post}
{if post.type==1 || post.type == 5}
{if !!post.title}${post.title|escape}{/if}
{if !!post.digest}${post.digest}{/if}
{if post.type==2}
{if post.type == 3}
{if !!post.image}
{if post.type == 4}
{if !!post.image}
{if !!photo.labels && photo.labels.length>0}
{var wrapwidth = photo.ow < 500?photo.ow:500}
{list photo.labels as labs}
{var lbtxtwidth = Math.floor(wrapwidth*(labs.ort==1?labs.x:(100-labs.x))/100)-62}
{if lbtxtwidth>12}
{if !!labs.icon}
{list photos as photo}
{if photo_index==0}{break}{/if}
品牌${make||'-'}
型号${model||'-'}
焦距${focalLength||'-'}
光圈${apertureValue||'-'}
快门速度${exposureTime||'-'}
ISO${isoSpeedRatings||'-'}
曝光补偿${exposureBiasValue||'-'}
镜头${lens||'-'}
{if data.msgRank == 1}{/if}
{if data.askSetting == 1}{/if}
{if defined('posts')&&posts.length>0}
{list posts as post}
{if post_index < 3}
{if post.type == 1 || post.type == 5}
{if !!post.title}${post.title|escape}{/if}
{if !!post.digest}${post.digest}{/if}
{if post.type == 2}
{if post.type == 3}
{if post.type == 4}
{if post.type == 6}
{if drlist.length>0}
更多相似达人：
{list drlist as dr}{if drlist.length === 3 && dr_index === 0}、{/if}{if drlist.length === 3 && dr_index === 1}、{/if}{if drlist.length === 2 && dr_index === 0}、{/if}{/list}
暂无相似达人，
{if defined('posts')&&posts.length>0}
{list posts as post}
{if post.type == 2}
{if post.type == 3}
{if post.type == 4}
{if post.type == 6}
this.p={ dwrMethod:'queryLikePosts',fpost:'1e4e92_81d3392',userId:,blogListLength:3};&p&呐，谢谢 &a class=&member_mention& href=&///people/cea98c543a89d9e49689& data-hash=&cea98c543a89d9e49689& data-hovercard=&p$b$cea98c543a89d9e49689&&@大果&/a&&a class=&member_mention& href=&///people/f09e3e8649aafa1cf82d8& data-hash=&f09e3e8649aafa1cf82d8& data-hovercard=&p$b$f09e3e8649aafa1cf82d8&&@朱小渊&/a& 邀请。&/p&&br&&p&基本款，好问题。&/p&&br&&p&&b&更新第十八部：&a href=&/question//answer/?from=profile_answer_card& class=&internal&&男生基本款的春装有哪些？&/a&&/b&&/p&&br&&p&第二部：&a href=&/question//answer/& class=&internal&&男生基本款的裤子有哪些？&/a&
第三部：&a href=&/question//answer/& class=&internal&&男生基本款的外套有哪些？&/a&
第四部：&a href=&/question//answer/& class=&internal&&男生基本款的衬衫有哪些？ &/a&
第五部：&a href=&/question//answer/& class=&internal&&男生基本款的包袋有哪些？&/a&
第六部：&a href=&/question//answer/& class=&internal&&男生基本款的夏装有哪些？&/a&&/p&&p&第七部：&a href=&/question//answer/& class=&internal&&男生基本款的腰带有哪些？&/a&&/p&&p&第八部：&a href=&/question//answer/& class=&internal&&男生基本款的手表有哪些？&/a&&/p&&p&第九部：&a href=&/question//answer/& class=&internal&&男生基本款的领带有哪些？ &/a& &/p&&p&第十部：&a href=&/question//answer/& class=&internal&&男生基本款的秋装有哪些？ &/a&
第十一部：&a href=&/question//answer/& class=&internal&&男生基本款女朋友有哪些？&/a&
第十二部：&a href=&/question//answer/& class=&internal&&男生基本款的内裤有哪些？&/a&&/p&&p&第十三部：&a href=&/question//answer/& class=&internal&&男生基本款的配饰有哪些&/a&？&/p&&p&第十四部：&a href=&/question//answer/& class=&internal&&男生基本款的袜子有哪些？&/a&&/p&&p&第十五部：&a href=&/question//answer/& class=&internal&&男生基本款的帽子有哪些？&/a&&/p&&p&第十六部：&a href=&/question//answer/& class=&internal&&男生基本款的围巾有哪些&/a&？
&/p&&p&第十七部：&a href=&/question//answer/& class=&internal&&男生基本款的冬装有哪些？&/a&&/p&&br&&p&－－－－－－－－&/p&&br&&p&大陆有一位企业家，当年曾坐拥万人团队，专门成立了一个部门给自己著书立传，如今团队规模缩减到300人，搬到北京五环外的亦庄开始研究如何做一件基本款的衬衫；&/p&&br&&p&东瀛也有一家快品牌，最畅销的是基本款绒毛外套和排汗背心，考究的是车工走线和穿着质感，出货量去年逆服装市场颓势增长40%；&/p&&br&&p&我一直认为如何穿衣服是一种生活的哲学，就像每个人总会向往灯红酒绿的生活，身边也总有长袖善舞的朋友。但是真正长久的情谊却只存在于那几个普通朋友之中：最容易被忽视，却总在危难时想起；久不联系，但坐在一起依旧谈笑风生；在一起时，不说话也不觉尴尬。&/p&&br&&p&&b&基本款，就是一群普通朋友。&/b&&/p&&br&&p&当你扫视衣橱时，从来不会首先看到他们，但穿过一两次后就束之高阁的，绝不是他们；多次搬家还会带上的，仍是他们；买了再买的，还是他们。&/p&&br&&p&发情完毕。&/p&&br&&p&这是一篇良心干货，建议每个男人认真阅读，如果你还没有这五双鞋子，不用再多思考，往死里买，往好的品牌里买。&/p&&br&&p&－－－－－－－－－－&/p&&br&&p&&b&第一双鞋：职场新鲜人&/b&&/p&&ul&&li&&b&Black Derby－黑色德比鞋&/b&&/li&&/ul&&p&适合场合：正式场合／简单休闲&/p&&p&挨揍指数：极度危险&/p&&p&投资建议：必备一双&/p&&p&搭配服装：正装套装（黑色／灰色／海军蓝）&/p&&br&&p&适合正式场合的鞋，是最难挑选的。对于一个20多岁的男生来说，可能穿了20年球鞋，买了无数双AJ，但穿西服和正装鞋的次数可能比性经验也多不了几次。&/p&&br&&p&记不记得那天，你第一次哆哆嗦嗦地试着套上那个东西，有的地方很紧很难穿，有的地方很松很顺畅，你慢慢地在镜子前扭动，摩擦摩擦，感觉很别扭，着急地浑身都出了汗，却又不知道哪里出了问题，这时，耳边传来你妈的吼声：明天面试别穿你爸的西服了，妈带你买去！&/p&&br&&p&欢迎你来到社会！&/p&&br&&p&很不幸，作为一个职场新鲜人，总要开始参加面试，婚礼，甚至在收到的第一份Offer里看到&b&「&/b&请穿着正装上班&b&」&/b&，所以，你需要一双正装鞋。&/p&&br&&p&为什么推荐德比鞋而不是普遍认为更严肃的牛津鞋？是因为牛津鞋过于正经。穿牛津鞋时，你的领子得是那样的，领结得是那样的，参加的活动地点得是那样的，最好还是开车去的。&/p&&br&&p&一个20多岁的男生穿一双黑色牛津鞋，坐晚高峰地铁甚至还背个双肩包的话，可能会冲出一群被黑中介坑过钱的码农，将你围起胖揍一顿，挨揍指数简直飙到不忍看。&/p&&br&&p&大部分年轻的工作场合即使严肃，也是工作后可能去吃个麻辣烫的，也是可能坐坐地铁，约个妹子喝咖啡的。所以推荐购买德比鞋款式，不那么严肃。而黑色款又能在即使参加婚礼时也显得足够尊重，应变性和随机性都很强，也足够伴随你很长时间。&/p&&br&&p&那什么是牛津鞋，什么是德比鞋？&/p&&br&&p&图右为牛津鞋，左图为德比鞋，最大的区别在于鞋舌一个外，一个内。即：牛津鞋鞋舌和鞋面断开，德比鞋鞋舌与鞋面一体。&/p&&br&&p&基本款是指Cap toe，显得更正式一些。Plain toe其实也凑合，但是太考验皮质和鞋型，价格上不去，气场上不去穿着容易像随性的东北大哥，不夹个小包，没个扒蒜小妹可不好。&/p&&img src=&/v2-f3a2cebdedb06ab8d56eca59bc52fdd1_b.jpg& data-rawwidth=&939& data-rawheight=&659& class=&origin_image zh-lightbox-thumb& width=&939& data-original=&/v2-f3a2cebdedb06ab8d56eca59bc52fdd1_r.jpg&&&p&木下总统告诉你：我在奥斯卡红毯上穿Cap-toe Derby Shoes，我为德比代言！&/p&&img src=&/acf2b1af58fa11_b.jpg& data-rawwidth=&360& data-rawheight=&541& class=&content_image& width=&360&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&lifestyledepartment &i class=&icon-external&&&/i&&/a&
原文链接：&a href=&///?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&lifestyledepartment &i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&&b&第二双鞋：我是坏男孩&/b&&/p&&ul&&li&&b&Brown Brogues－棕色厚底布洛克&/b&&/li&&/ul&&p&适合场合：日常工作／日常休闲&/p&&p&挨揍指数：高度危险&/p&&p&投资建议：可选一双&/p&&p&服装建议：正装套装（棕褐色）／牛仔裤&/p&&br&&p&布洛克鞋是一种雕花皮鞋，根据接头和纹饰的不同，可以分为Full、Semi，Quarter，Longwing，如图示：&/p&&img src=&/5e291e5b3b0ffba_b.png& data-rawwidth=&400& data-rawheight=&439& class=&content_image& width=&400&&&br&&blockquote&原作者姓名 : &a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A///blog/mens-dress-shoe-guide& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&The Ultimate Men’s Dress Shoe Guide&i class=&icon-external&&&/i&&/a&
原文链接：&a href=&///?target=http%3A///blog/mens-dress-shoe-guide& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&/blog/mens-dress-shoe-guide &i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&布洛克介于正式的正装鞋和休闲鞋之间，既不会太正式，又不会太随便。在品味上远高于其他乱七八糟的嫁接鞋款，实乃上得厅堂下得厨房，当属鞋界全能战士。&/p&&br&&img src=&/f22d51bb4f8570e2bab7ffe8_b.jpg& data-rawwidth=&500& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/f22d51bb4f8570e2bab7ffe8_r.jpg&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=https%3A///ahoyu/sneakers/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&/ahoyu/sne&/span&&span class=&invisible&&akers/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&下面答记者问：&/p&&br&&p&为什么是布洛克呢？因为布洛克既闷骚又能在关键时刻伪装一下正装鞋，你才20多岁，不骚谁信。&/p&&p&为什么是棕色的呢？因为棕色耐操，没人能避免在下雨下雪天还要在外面走动，其他色一定花脸。&/p&&p&为什么是厚底的呢？因为薄低鞋穿起来还要经常走动很要命，尤其是避免不了每天走动的情况下。&/p&&br&&p&那这么多布洛克我该怎么选？&/p&&br&&p&基本款是Longwing Brogues，属于Brogue中最不严肃的一款，搭配度高，任何款式的牛仔裤穿在一起都容易出彩；容易买到厚底，走路不费劲，但千万别太厚，买成松糕鞋容易被干；穿好后一出门就是一个雅痞坏男孩的形象，再在鞋带上做做文章，简直炸裂！&/p&&br&&br&&img src=&/486fff7c14bd37e0fbdeffc_b.jpg& data-rawwidth=&360& data-rawheight=&540& class=&content_image& width=&360&&&br&&br&&blockquote&原作者姓名：&a href=&///?target=https%3A///lisadale809/mens-dress-casual-shoe/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=https%3A///lisadale809/mens-dress-casual-shoe/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&/lisadale8&/span&&span class=&invisible&&09/mens-dress-casual-shoe/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&这张图充分说明了布洛克鞋的全天候战斗属性。&/p&&br&&img src=&/65b92a69c3a0eb998cda54e6d4b83d89_b.jpg& data-rawwidth=&360& data-rawheight=&538& class=&content_image& width=&360&&&br&&blockquote&图片源自网络&/blockquote&&br&&p&&b&第三双鞋：御寒好帮手&/b&&/p&&ul&&li&&b&Chukka Boots－高帮马靴&/b&&/li&&/ul&&p&适合场合：日常工作／日常休闲&/p&&p&挨揍指数：一般危险&/p&&p&投资建议：必备一双&/p&&p&服装建议：牛仔裤／直筒裤&/p&&br&&p&一年总有春夏秋冬，有人在这个回答：&a href=&/question//answer/& class=&internal&&秋冬季男生还可以穿什么鞋？&/a&的评论里说穿皮鞋啊，布洛克啊脚容易冻掉，脚能冻掉冻掉的地方出门去镇上大集买这种大棉鞋好嘛？！管暖和！！！&/p&&br&&img src=&/7b42bcf2adfae150dc495839_b.jpg& data-rawwidth=&500& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/7b42bcf2adfae150dc495839_r.jpg&&&br&&blockquote&图片源自网络&/blockquote&&br&&p&作为个人，我更喜欢切尔西靴或者高帮布洛克。但是作为基本款，切尔西靴略娘炮，高帮布洛克略风骚，适用面都不够广，所以冬季基本款一定是高帮马靴，下图左边切尔西靴，右边高帮马靴，注意：最正统的经典马靴只有三个鞋带孔，两个鞋带孔也常见，如果看到一排孔数不清，那不叫Chukka，叫马扎，用来坐的。&/p&&br&&p&Chukka如此经典，以至于无数的高帮球鞋都以Chukka进行命名，鞋面干净百搭，日常场合都可以穿着，不论棕色，黑色，还是翻毛皮都可以，穿久了还有一种别样的味道，最！关！键！没！人！说！Gay！！！基本款三个字简直就是这种鞋款而生。&/p&&br&&img src=&/113dc46d30e18955f6bdfb2ba2da392b_b.jpg& data-rawwidth=&500& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/113dc46d30e18955f6bdfb2ba2da392b_r.jpg&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Waporlima Fashion&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A///chukka-boots-for-women/womens-chukka-boots/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Womens Chukka Boots: Chukka Boots For Women&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&img src=&/005bc59f4fa7e_b.jpg& data-rawwidth=&500& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/005bc59f4fa7e_r.jpg&&&br&&blockquote&图片源自网络&/blockquote&&br&&p&简单＋干净＋实用＝基本款&/p&&br&&img src=&/307ffe27c61deae67a5dd2_b.jpg& data-rawwidth=&360& data-rawheight=&539& class=&content_image& width=&360&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A////no-ldj-com-camiseta-de-manga-comprida/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A////no-ldj-com-camiseta-de-manga-comprida/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&No LDJ: Com Camiseta De Manga Comprida&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&&b&第四双鞋：街头好少年&/b&&/p&&ul&&li&&b&Sneaker－球鞋&/b&&/li&&/ul&&p&适合场合：特殊行业宽松工作（IT）／日常休闲&/p&&p&挨揍指数：毫无危险&/p&&p&投资建议：必备一双&/p&&p&服装建议：随便，瞎穿&/p&&br&&p&抱歉，我从来不觉得N字头的鞋是必备鞋款，风格单调，穿上一股浓浓的泡菜味道，便宜的质量不行，贵的性价比低，只是还不错的鞋。前一段时间浏览知乎，非常纳闷为什么会有这么多人逢问题便荐此鞋，可能我不太符合知乎主流价值观？&/p&&br&&p&况且韩国真正会穿的人还真不怎么穿，首尔街头的Derby ＋ Chukka；&/p&&br&&img src=&/e9bf9dcabd280bdfb96af3f1ed115ff9_b.jpg& data-rawwidth=&360& data-rawheight=&540& class=&content_image& width=&360&&&br&&blockquote&图片源自网络&/blockquote&&br&&p&杂志上的球鞋是Superstar；&/p&&img src=&/ef4f625a4ed08bd11c0e1bfa93e75e66_b.jpg& data-rawwidth=&360& data-rawheight=&451& class=&content_image& width=&360&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A///post//jung-hoyeon-and-jung-hyuk-by-j-dukhwa-for-vogue& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A///post//jung-hoyeon-and-jung-hyuk-by-j-dukhwa-for-vogue& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&KOREAN MODEL o Jung Hoyeon and Jung Hyuk by J. Dukhwa for Vogue...&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&但要在如海的经典球鞋中选出一个基本款，绝对是件得罪人的事情，此刻我感觉自己很高危，分分钟要得罪人，要被干。&/p&&br&&p&对不起！Superstar！对不起！old skool！对不起！AJ……！对不起！AF1！&/p&&br&&p&我要推荐的基本款球鞋是：Converse &b&Chuck Taylor All Star&/b&&/p&&br&&p&下面就是原因，请静静欣赏：&/p&&br&&p&Elvis Presley&/p&&br&&img src=&/a0c4cc7ed21bc4b1bea70_b.jpg& data-rawwidth=&360& data-rawheight=&456& class=&content_image& width=&360&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A//sandinista.centerblog.net/384.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&sandinista.centerblog.net&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A//sandinista.centerblog.net/384.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Let's Rock !&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&George Harrison&/p&&br&&img src=&/bbd695b896f3c4b771b4cb15_b.jpg& data-rawwidth=&198& data-rawheight=&300& class=&content_image& width=&198&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A///musicians.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A///musicians.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Musicians Wearing Chucks&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&Paul McCartney&/p&&img src=&/dde34f00ba900e3168bcce_b.jpg& data-rawwidth=&360& data-rawheight=&496& class=&content_image& width=&360&&&br&&blockquote&原作者姓名：&a href=&///?target=https%3A///prettynails4u/paul-mccartney/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=https%3A///prettynails4u/paul-mccartney/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&/prettynai&/span&&span class=&invisible&&ls4u/paul-mccartney/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&Slash&/p&&br&&img src=&/0f63d6e3b778be2a345f58_b.jpg& data-rawwidth=&360& data-rawheight=&431& class=&content_image& width=&360&&&br&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Listal - List the stuff you love! Movies, TV, music, games and books&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A///viewimage/5471030& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Picture of Slash&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&Kurt Cobain&/p&&br&&img src=&/61e1fd7a0370dca4faa1e8cacb0de5ba_b.jpg& data-rawwidth=&500& data-rawheight=&288& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/61e1fd7a0370dca4faa1e8cacb0de5ba_r.jpg&&&br&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A//www.blue17.co.uk/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vintage Clothing shops online UK. Mens & Womens&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A//www.blue17.co.uk/true-classics-vintage-converse/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vintage Converse&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&啥也别说，去买吧，白色的，高帮的。&/p&&img src=&/36c48bbf06dcddc00f7b6af_b.jpg& data-rawwidth=&360& data-rawheight=&480& class=&content_image& width=&360&&&br&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A//fansport.sk/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&fansport.sk&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=http%3A//fansport.sk/sk/panske-tramky/30970-converse-tramky-all-star-hi.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CONVERSE tramky ALL STAR HI&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&br&&p&&b&第五双鞋：喜欢啥买啥&/b&&/p&&ul&&li&&b&Athletic Shoes－运动鞋&/b& &/li&&/ul&&br&&p&第五双鞋不是鞋，是保持运动的心态。到了这个境界，已经是：&b&心中有鞋而脚上无鞋&/b&。&/p&&br&&p&喜欢跑步？那么这双鞋就是一双跑步鞋。&/p&&p&喜欢户外？那么这双鞋就是一双户外鞋。&/p&&p&喜欢足球？那么这双鞋就是一双足球鞋。&/p&&br&&p&绝对不可以放弃运动，哪怕运动玩的菜，也要认真的买一双鞋去运动。&/p&&br&&p&当然，不管什么运动，都可以穿一双最经典的白色布鞋，往往只有这样的人，才能踮起脚尖就扣篮。&/p&&br&&br&&p&&b&番外：小TIPS&/b&&/p&&ul&&li&&b&皮鞋保养一定要用鞋楦和皮鞋保养工具。&/b&皮鞋穿完务必擦好上油上鞋楦，不然穿几次就会光泽减退，皱褶加深，很多人的第一双皮鞋都毁在保养上。&/li&&li&&b&衣服买小，皮鞋买大，不然穿脱费劲，后跟磨脚。&/b&你们都见过女孩穿高跟鞋要贴创可贴，买大点，不然你也这样。&/li&&li&&b&如果鞋已经买小了，去买一个Shoe Horn，俗称：鞋拔子。&/b&&/li&&li&&b&袜子一定不能是白色的，尤其在穿皮鞋的时候。&/b&&/li&&li&&b&一秒钟摆脱屌丝气质？换鞋。&/b&扔掉露指凉鞋，扔掉莫名奇妙牌子的运动鞋，扔掉某宝爆款，好好买双正经的鞋，好好对待穿鞋这件事情。&/li&&/ul&&br&&p&以上，观众老爷们可以点赞了。&/p&&br&&img src=&/aa3af0e83d29a225aaf8_b.jpg& data-rawwidth=&500& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/aa3af0e83d29a225aaf8_r.jpg&&&br&&blockquote&原作者姓名：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&
原出处：&a href=&///?target=https%3A///pin/340695/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&/pin/49821&/span&&span class=&invisible&&5/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/blockquote&&br&&p&－－－－－－－－&/p&&br&&p&图片来源于网络&/p&&br&&p&欢迎个人点赞，或关注微信号：Shaofeidu&/p&&p&如需转载请私信获得授权，注意节操！&/p&&p&&a href=&///?target=http%3A///r/tEiGnrfEReo6rfP99x2m& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/r/tEiGnrf&/span&&span class=&invisible&&EReo6rfP99x2m&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& (二维码自动识别)&/p&
邀请。 基本款，好问题。 更新第十八部： 第二部：
&p&&/p&&p&&b&1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构?&/b&&/p&&blockquote&基本数据类型：Undefined、Null、Boolean、Number、String&br&值类型：数值、布尔值、null、undefined。&br&引用类型：对象、数组、函数。&br&堆栈数据结构：是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出!&br&js数组中提供了以下几个方法可以让我们很方便实现堆栈：&br&shift:从数组中把第一个元素删除，并返回这个元素的值。&br&unshift: 在数组的开头添加一个或更多元素，并返回新的长度&br&push:在数组的中末尾添加元素，并返回新的长度&br&pop:从数组中把最后一个元素删除，并返回这个元素的值。&/blockquote&&p&&br&&/p&&p&&b&2.声明函数作用提升?声明变量和声明函数的提升有什么区别?&/b&&/p&&blockquote&(1) 变量声明提升：变量申明在进入执行上下文就完成了。&br&只要变量在代码中进行了声明，无论它在哪个位置上进行声明， js引擎都会将它的声明放在范围作用域的顶部；&br&&br&(2) 函数声明提升：执行代码之前会先读取函数声明，意味着可以把函数申明放在调用它的语句后面。&br&只要函数在代码中进行了声明，无论它在哪个位置上进行声明， js引擎都会将它的声明放在范围作用域的顶部；&br&&br&(3) 变量or函数声明：函数声明会覆盖变量声明，但不会覆盖变量赋值。&br&同一个名称标识a，即有变量声明var a，又有函数声明function a() {}，不管二者声明的顺序，函数声明会覆盖变量声明，也就是说，此时a的值是声明的函数function a() {}。注意：如果在变量声明的同时初始化a，或是之后对a进行赋值，此时a的值变量的值。eg: var c = 1; a = 1; function a() { } console.log(a); &/blockquote&&p&&br&&/p&&p&&b&3.判断数据类型? &/b&&/p&&blockquote&typeof返回的类型都是字符串形式，可以判断function的类型；在判断除Object类型的对象时比较方便。&br&判断已知对象类型的方法： instanceof，后面一定要是对象类型，并且大小写不能错，该方法适合一些条件选择或分支。&/blockquote&&p&&br&&/p&&p&&b&4.异步编程？ &/b&&/p&&blockquote&方法1：回调函数，优点是简单、容易理解和部署，缺点是不利于代码的阅读和维护，各个部分之间高度耦合（Coupling），流程会很混乱，而且每个任务只能指定一个回调函数。&br&&br&方法2：时间监听，可以绑定多个事件，每个事件可以指定多个回调函数，而且可以“去耦合”（Decoupling），有利于实现模块化。缺点是整个程序都要变成事件驱动型，运行流程会变得很不清晰。&br&&br&方法3：发布/订阅，性质与“事件监听”类似，但是明显优于后者。&br&&br&方法4：Promises对象，是CommonJS工作组提出的一种规范，目的是为异步编程提供统一接口。&br&简单说，它的思想是，每一个异步任务返回一个Promise对象，该对象有一个then方法，允许指定回调函数。&/blockquote&&p&&br&&/p&&p&&b&5.事件流?事件捕获？事件冒泡？&/b&&/p&&blockquote&事件流：从页面中接收事件的顺序。也就是说当一个事件产生时，这个事件的传播过程，就是事件流。&br&&br&IE中的事件流叫事件冒泡；事件冒泡：事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点（文档）。对于html来说，就是当一个元素产生了一个事件，它会把这个事件传递给它的父元素，父元素接收到了之后，还要继续传递给它的上一级元素，就这样一直传播到document对象（亲测现在的浏览器到window对象，只有IE8及下不这样&br&&br&事件捕获是不太具体的元素应该更早接受到事件，而最具体的节点应该最后接收到事件。他们的用意是在事件到达目标之前就捕获它；也就是跟冒泡的过程正好相反，以html的click事件为例，document对象（DOM级规范要求从document开始传播，但是现在的浏览器是从window对象开始的）最先接收到click事件的然后事件沿着DOM树依次向下传播，一直传播到事件的实际目标；&/blockquote&&p&&br&&/p&&p&&b&6.如何清除一个定时器?&/b&&/p&&blockquote&window.clearInterval();&br&window.clearTimeout();&/blockquote&&p&&br&&/p&&p&&b&7.如何添加一个dom对象到body中?innerHTML和innerText区别?&/b&&/p&&blockquote&body.appendChild(dom元素)；&br&innerHTML:从对象的起始位置到终止位置的全部内容,包括Html标签。&br&innerText:从起始位置到终止位置的内容, 但它去除Html标签 &br&分别简述五个window对象、属性&br&&br&成员对象
&br&window.event
window.document
window.history
&br&window.screen
window.navigator
window.external&br&Window对象的属性如下：&br&window //窗户自身&br&window.self //引用本窗户window=window.self
&br&window.name //为窗户命名
&br&window.defaultStatus //设定窗户状态栏信息
&br&window.location //URL地址,配备布置这个属性可以打开新的页面 &/blockquote&&p&&br&&/p&&p&&b&8.数据持久化技术(ajax)?简述ajax流程&/b&&/p&&blockquote&1)客户端产生js的事件&br&2)创建XMLHttpRequest对象&br&3)对XMLHttpRequest进行配置&br&4)通过AJAX引擎发送异步请求&br&5)服务器端接收请求并且处理请求，返回html或者xml内容&br&6)XML调用一个callback()处理响应回来的内容&br&7)页面局部刷新&/blockquote&&p&&br&&/p&&p&&b&9.回调函数?&/b&&/p&&blockquote&回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。&/blockquote&&p&&br&&/p&&p&&b&10.什么是闭包?*
堆栈溢出有什么区别？ 内存泄漏? 那些操作会造成内存泄漏？怎么样防止内存泄漏？&/b&&/p&&blockquote&闭包：就是能够读取其他函数内部变量的函数。&br&堆栈溢出：就是不顾堆栈中分配的局部数据块大小，向该数据块写入了过多的数据，导致数据越界，结果覆盖了别的数据。经常会在递归中发生。&br&内存泄露是指：用动态存储分配函数内存空间，在使用完毕后未释放，导致一直占据该内存单元。直到程序结束。指任何对象在您不再拥有或需要它之后仍然存在。&br&&br&造成内存泄漏：&br&setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏。&br&闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环）&br&防止内存泄露：&br&1、不要动态绑定事件；&br&2、不要在动态添加，或者会被动态移除的dom上绑事件，用事件冒泡在父容器监听事件；&br&3、如果要违反上面的原则，必须提供destroy方法，保证移除dom后事件也被移除，这点可以参考Backbone的源代码，做的比较好；&br&4、单例化，少创建dom，少绑事件。&/blockquote&&p&&br&&/p&&p&&b&11.平时工作中怎么样进行数据交互?如果后台没有提供数据怎么样进行开发?mock数据与后台返回的格式不同意怎么办?&/b&&/p&&blockquote&由后台编写接口文档、提供数据接口实、前台通过ajax访问实现数据交互；&br&在没有数据的情况下寻找后台提供静态数据或者自己定义mock数据；&br&返回数据不统一时编写映射文件 对数据进行映射。&/blockquote&&p&&br&&/p&&p&&b&12 简述ajax执行流程&/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&nx&&基本步骤&/span&&span class=&err&&：&/span&
&span class=&kd&&var&/span& &span class=&nx&&xhr&/span& &span class=&o&&=&/span&&span class=&kc&&null&/span&&span class=&p&&;&/span&&span class=&c1&&//创建对象 &/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&XMLHttpRequest&/span&&span class=&p&&){&/span&
&span class=&nx&&xhr&/span& &span class=&o&&=&/span& &span class=&k&&new&/span& &span class=&nx&&XMLHttpRequest&/span&&span class=&p&&();&/span&
&span class=&p&&}&/span&&span class=&k&&else&/span&&span class=&p&&{&/span&
&span class=&nx&&xhr&/span& &span class=&o&&=&/span& &span class=&k&&new&/span& &span class=&nx&&ActiveXObject&/span&&span class=&p&&(&/span&&span class=&s2&&&Microsoft.XMLHTTP&&/span&&span class=&p&&);&/span&
&span class=&p&&}&/span&
&span class=&nx&&xhr&/span&&span class=&p&&.&/span&&span class=&nx&&open&/span&&span class=&p&&(&/span&&span class=&err&&“&/span&&span class=&nx&&方式&/span&&span class=&err&&”&/span&&span class=&p&&,&/span&&span class=&err&&”&/span&&span class=&nx&&地址&/span&&span class=&err&&”&/span&&span class=&p&&,&/span&&span class=&err&&”&/span&&span class=&nx&&标志位&/span&&span class=&err&&”&/span&&span class=&p&&);&/span&&span class=&c1&&//初始化请求 &/span&
&span class=&nx&&xhr&/span&&span class=&p&&.&/span&&span class=&nx&&setRequestHeader&/span&&span class=&p&&(&/span&&span class=&err&&“”&/span&&span class=&p&&,&/span&&span class=&err&&””&/span&&span class=&p&&);&/span&&span class=&c1&&//设置http头信息 &/span&
&span class=&nx&&xhr&/span&&span class=&p&&.&/span&&span class=&nx&&onreadystatechange&/span& &span class=&o&&=&/span&&span class=&kd&&function&/span&&span class=&p&&(){}&/span&&span class=&c1&&//指定回调函数 &/span&
&span class=&nx&&xhr&/span&&span class=&p&&.&/span&&span class=&nx&&send&/span&&span class=&p&&();&/span&&span class=&c1&&//发送请求 &/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&13.自执行函数?用于什么场景？好处?&/b&&/p&&blockquote&自执行函数:1、声明一个匿名函数2、马上调用这个匿名函数。&br&作用：创建一个独立的作用域。&br&&br&好处：防止变量弥散到全局，以免各种js库冲突。隔离作用域避免污染，或者截断作用域链，避免闭包造成引用变量无法释放。利用立即执行特性，返回需要的业务函数或对象，避免每次通过条件判断来处理&br&&br&场景：一般用于框架、插件等场景&/blockquote&&p&&br&&/p&&p&&b&14.html和xhtml有什么区别?&/b&&/p&&blockquote&HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的标记语言。&br&1.XHTML 元素必须被正确地嵌套。&br&2.XHTML 元素必须被关闭。&br&3.标签名必须用小写字母。&br&4.空标签也必须被关闭。&br&5.XHTML 文档必须拥有根元素。&/blockquote&&p&&br&&/p&&p&&b&15. 什么是构造函数？与普通函数有什么区别?&/b&&/p&&blockquote&构造函数：是一种特殊的方法、主要用来创建对象时初始化对象，总与new运算符一起使用，创建对象的语句中构造函数的函数名必须与类名完全相同。&br&与普通函数相比只能由new关键字调用，构造函数是类的标示&/blockquote&&p&&br&&/p&&p&&b&16. 通过new创建一个对象的时候，函数内部有哪些改变&/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&function&/span& &span class=&nx&&Person&/span&&span class=&p&&(){}&/span&
&span class=&nx&&Person&/span&&span class=&p&&.&/span&&span class=&nx&&prototype&/span&&span class=&p&&.&/span&&span class=&nx&&friend&/span& &span class=&o&&=&/span& &span class=&p&&[];&/span&
&span class=&nx&&Person&/span&&span class=&p&&.&/span&&span class=&nx&&prototype&/span&&span class=&p&&.&/span&&span class=&nx&&name&/span& &span class=&o&&=&/span& &span class=&s1&&''&/span&&span class=&p&&;&/span&
&span class=&c1&&// var a = new Person();&/span&
&span class=&c1&&// a.friend[0] = '王琦';&/span&
&span class=&c1&&// a.name = '程娇';&/span&
&span class=&c1&&// var b = new Person();&/span&
&span class=&c1&&// b.friend？&/span&
&span class=&c1&&// b.name?&/span&
&/code&&/pre&&/div&&blockquote&1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。 &br&2、属性和方法被加入到 this 引用的对象中。&br&3、新创建的对象由 this 所引用，并且最后隐式的返回 this 。&/blockquote&&p&&br&&/p&&p&&b&17.事件委托？有什么好处?&/b&&/p&&blockquote&（1）利用冒泡的原理，把事件加到父级上，触发执行效果&br&（2）好处：新添加的元素还会有之前的事件；提高性能。&/blockquote&&p&&br&&/p&&p&&b&18.window.onload ==? DOMContentLoaded ?&/b&&/p&&blockquote&一般情况下，DOMContentLoaded事件要在window.onload之前执行，当DOM树构建完成的时候就会执行DOMContentLoaded事件，而window.onload是在页面载入完成的时候，才执行，这其中包括图片等元素。大多数时候我们只是想在DOM树构建完成后，绑定事件到元素，我们并不需要图片元素，加上有时候加载外域图片的速度非常缓慢。&/blockquote&&p&&br&&/p&&p&&b&19.节点类型?判断当前节点类型?&/b&&/p&&blockquote&1. 元素节点
&br&2. 属性节点
&br&3. 文本节点
&br&8. 注释节点
&br&9. 文档节点
&br&通过nodeObject.nodeType判断节点类型：其中，nodeObject 为DOM节点（节点对象）。该属性返回以数字表示的节点类型，例如，元素节点返回 1，属性节点返回 2 。&/blockquote&&p&&br&&/p&&p&&b&20.如何合并两个数组？数组删除一个元素?&/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&//三种方法。&/span&
&span class=&err&&（&/span&&span class=&mi&&1&/span&&span class=&err&&）&/span&&span class=&kd&&var&/span& &span class=&nx&&arr1&/span&&span class=&o&&=&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&,&/span&&span class=&mi&&2&/span&&span class=&p&&,&/span&&span class=&mi&&3&/span&&span class=&p&&];&/span&
&span class=&kd&&var&/span& &span class=&nx&&arr2&/span&&span class=&o&&=&/span&&span class=&p&&[&/span&&span class=&mi&&4&/span&&span class=&p&&,&/span&&span class=&mi&&5&/span&&span class=&p&&,&/span&&span class=&mi&&6&/span&&span class=&p&&];&/span&
&span class=&nx&&arr1&/span& &span class=&o&&=&/span& &span class=&nx&&arr1&/span&&span class=&p&&.&/span&&span class=&nx&&concat&/span&&span class=&p&&(&/span&&span class=&nx&&arr2&/span&&span class=&p&&);&/span&
&span class=&nx&&console&/span&&span class=&p&&.&/span&&span class=&nx&&log&/span&&span class=&p&&(&/span&&span class=&nx&&arr1&/span&&span class=&p&&);&/span&
&span class=&err&&（&/span&&span class=&mi&&2&/span&&span class=&err&&）&/span&&span class=&kd&&var&/span& &span class=&nx&&arr1&/span&&span class=&o&&=&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&,&/span&&span class=&mi&&2&/span&&span class=&p&&,&/span&&span class=&mi&&3&/span&&span class=&p&&];&/span&
&span class=&kd&&var&/span& &span class=&nx&&arr2&/span&&span class=&o&&=&/span&&span class=&p&&[&/span&&span class=&mi&&4&/span&&span class=&p&&,&/span&&span class=&mi&&5&/span&&span class=&p&&,&/span&&span class=&mi&&6&/span&&span class=&p&&];&/span&
&span class=&nb&&Array&/span&&span class=&p&&.&/span&&span class=&nx&&prototype&/span&&span class=&p&&.&/span&&span class=&nx&&push&/span&&span class=&p&&.&/span&&span class=&nx&&apply&/span&&span class=&p&&(&/span&&span class=&nx&&arr1&/span&&span class=&p&&,&/span&&span class=&nx&&arr2&/span&&span class=&p&&);&/span&
&span class=&nx&&console&/span&&span class=&p&&.&/span&&span class=&nx&&log&/span&&span class=&p&&(&/span&&span class=&nx&&arr1&/span&&span class=&p&&);&/span&
&span class=&err&&（&/span&&span class=&mi&&3&/span&&span class=&err&&）&/span&&span class=&kd&&var&/span& &span class=&nx&&arr1&/span&&span class=&o&&=&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&,&/span&&span class=&mi&&2&/span&&span class=&p&&,&/span&&span class=&mi&&3&/span&&span class=&p&&];&/span&
&span class=&kd&&var&/span& &span class=&nx&&arr2&/span&&span class=&o&&=&/span&&span class=&p&&[&/span&&span class=&mi&&4&/span&&span class=&p&&,&/span&&span class=&mi&&5&/span&&span class=&p&&,&/span&&span class=&mi&&6&/span&&span class=&p&&];&/span&
&span class=&k&&for&/span& &span class=&p&&(&/span&&span class=&kd&&var&/span& &span class=&nx&&i&/span&&span class=&o&&=&/span&&span class=&mi&&0&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span& &span class=&o&&&&/span& &span class=&nx&&arr2&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&++&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&arr1&/span&&span class=&p&&.&/span&&span class=&nx&&push&/span&&span class=&p&&(&/span& &span class=&nx&&arr2&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&]&/span& &span class=&p&&);&/span&
&span class=&p&&}&/span&
&span class=&nx&&console&/span&&span class=&p&&.&/span&&span class=&nx&&log&/span&&span class=&p&&(&/span&&span class=&nx&&arr1&/span&&span class=&p&&);&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&21.强制转换 显式转换 隐式转换? &/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&//强制类型转换：&/span&
&span class=&nb&&Boolean&/span&&span class=&p&&(&/span&&span class=&mi&&0&/span&&span class=&p&&)&/span&
&span class=&c1&&// =& false - 零&/span&
&span class=&nb&&Boolean&/span&&span class=&p&&(&/span&&span class=&k&&new&/span& &span class=&nx&&object&/span&&span class=&p&&())&/span&
&span class=&c1&&// =& true - 对象&/span&
&span class=&nb&&Number&/span&&span class=&p&&(&/span&&span class=&kc&&undefined&/span&&span class=&p&&)&/span&
&span class=&c1&&// =&
NaN&/span&
&span class=&nb&&Number&/span&&span class=&p&&(&/span&&span class=&kc&&null&/span&&span class=&p&&)&/span&
&span class=&c1&&// =& 0&/span&
&span class=&nb&&String&/span&&span class=&p&&(&/span&&span class=&kc&&null&/span&&span class=&p&&)&/span&
&span class=&c1&&// =& &null&&/span&
&span class=&nb&&parseInt&/span&&span class=&p&&(&/span& &span class=&p&&)&/span&
&span class=&nb&&parseFloat&/span&&span class=&p&&(&/span& &span class=&p&&)&/span&
&span class=&nx&&JSON&/span&&span class=&p&&.&/span&&span class=&nx&&parse&/span&&span class=&p&&(&/span& &span class=&p&&)&/span&
&span class=&nx&&JSON&/span&&span class=&p&&.&/span&&span class=&nx&&stringify&/span& &span class=&p&&(&/span& &span class=&p&&)&/span&
&/code&&/pre&&/div&&blockquote&隐式类型转换：&br&在使用算术运算符时，运算符两边的数据类型可以是任意的，比如，一个字符串可以和数字相加。之所以不同的数据类型之间可以做运算，是因为JavaScript引擎在运算之前会悄悄的把他们进行了隐式类型转换的&br&（例如：x+&&
//等价于String(x)&br&
//等价于Number(x)&br&
//同上&br&
//等价于Boolean(x),是双叹号）&br&&br&显式转换： &br&如果程序要求一定要将某一类型的数据转换为另一种类型，则可以利用强制类型转换运算符进行转换，这种强制转换过程称为显示转换。&br&显示转换是你定义让这个值类型转换成你要用的值类型，是底到高的转换。例 int 到float就可以直接转，int i=5,想把他转换成char类型，就用显式转换（char）i&/blockquote&&p&&br&&/p&&p&&b&22. Jq中如何实现多库并存? &/b&&/p&&blockquote&Noconfict 多库共存就是“$ ”符号的冲突。 &br&&br&方法一： 利用jQuery的实用函数$.noConflict();这个函数归还$的名称控制权给另一个库，因此可以在页面上使用其他库。这时，我们可以用&jQuery &这个名称调用jQuery的功能。 $.noConflict();
&br&jQuery('#id').hide();
&br&.....&br&//或者给jQuery一个别名
&br&var $j=jQuery
&br&$j('#id').hide();
&br&.....&br&&br&方法二： (function($){})(jQuery) &br&&br&方法三： jQuery(function($){}) &br&通过传递一个函数作为jQuery的参数，因此把这个函数声明为就绪函数。 我们声明$为就绪函数的参数，因为jQuery总是吧jQuery对象的引用作为第一个参数传递，所以就保证了函数的执行。&/blockquote&&p&&br&&/p&&p&&b&23.Jq中get和eq有什么区别？ &/b&&/p&&blockquote&get() :取得其中一个匹配的元素。num表示取得第几个匹配的元素，get多针对集合元素，返回的是DOM对象组成的数组 eq():获取第N个元素，下标都是从0开始，返回的是一个JQuery对象
&/blockquote&&p&&br&&/p&&p&&b&24.如何通过原生js 判断一个元素当前是显示还是隐藏状态? &/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&k&&if&/span&&span class=&p&&(&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementById&/span&&span class=&p&&(&/span&&span class=&s2&&&div&&/span&&span class=&p&&).&/span&&span class=&nx&&css&/span&&span class=&p&&(&/span&&span class=&s2&&&display&&/span&&span class=&p&&)&/span&&span class=&o&&===&/span&&span class=&s1&&'none'&/span&&span class=&p&&)&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementById&/span&&span class=&p&&(&/span&&span class=&s2&&&div&&/span&&span class=&p&&).&/span&&span class=&nx&&css&/span&&span class=&p&&(&/span&&span class=&s2&&&display&&/span&&span class=&p&&)&/span&&span class=&o&&===&/span&&span class=&s1&&'block'&/span&&span class=&p&&)&/span&
&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s2&&&#div&&/span&&span class=&p&&).&/span&&span class=&nx&&is&/span&&span class=&p&&(&/span&&span class=&s2&&&:hidden&&/span&&span class=&p&&);&/span& &span class=&c1&&// 判断是否隐藏&/span&
&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s2&&&#div&&/span&&span class=&p&&).&/span&&span class=&nx&&is&/span&&span class=&p&&(&/span&&span class=&s2&&&:visible&&/span&&span class=&p&&)&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&25.Jq如何判断元素显示隐藏？ &/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&//第一种：使用CSS属性 &/span&
&span class=&kd&&var&/span& &span class=&nx&&display&/span& &span class=&o&&=&/span&&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s1&&'#id'&/span&&span class=&p&&).&/span&&span class=&nx&&css&/span&&span class=&p&&(&/span&&span class=&s1&&'display'&/span&&span class=&p&&);&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&display&/span& &span class=&o&&==&/span& &span class=&s1&&'none'&/span&&span class=&p&&){&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s2&&&我是隐藏的！&&/span&&span class=&p&&);&/span& &span class=&p&&}&/span&
&span class=&c1&&//第二种：使用jquery内置选择器 &/span&
&span class=&o&&&&/span&&span class=&nx&&div&/span& &span class=&nx&&id&/span&&span class=&o&&=&/span&&span class=&s2&&&test&&/span&&span class=&o&&&&/span& &span class=&o&&&&/span&&span class=&nx&&p&/span&&span class=&o&&&&/span&&span class=&nx&&仅仅是测试所用&/span&&span class=&o&&&&/span&&span class=&err&&/p& &/div&&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s2&&&#test&&/span&&span class=&p&&).&/span&&span class=&nx&&is&/span&&span class=&p&&(&/span&&span class=&s2&&&:hidden&&/span&&span class=&p&&)){&/span&
&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s2&&&#test&&/span&&span class=&p&&).&/span&&span class=&nx&&show&/span&&span class=&p&&();&/span&
&span class=&c1&&//如果元素为隐藏,则将它显现 }else{
$(&#test&).hide();
//如果元素为显现,则将其隐藏 }&/span&
&span class=&c1&&//第三种：jQuery判断元素是否显示 是否隐藏&/span&
&span class=&kd&&var&/span& &span class=&nx&&node&/span&&span class=&o&&=&/span&&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s1&&'#id'&/span&&span class=&p&&);&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&node&/span&&span class=&p&&.&/span&&span class=&nx&&is&/span&&span class=&p&&(&/span&&span class=&s1&&':hidden'&/span&&span class=&p&&)){&/span& &span class=&c1&&//如果node是隐藏的则显示node元素，否则隐藏&/span&
&span class=&nx&&node&/span&&span class=&p&&.&/span&&span class=&nx&&show&/span&&span class=&p&&();&/span&
&span class=&p&&}&/span&&span class=&k&&else&/span&&span class=&p&&{&/span&
&span class=&nx&&node&/span&&span class=&p&&.&/span&&span class=&nx&&hide&/span&&span class=&p&&();&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&26.移动端上什么是点击穿透? &/b&&/p&&blockquote&点击穿透现象有3种：&br&点击穿透问题：点击蒙层（mask）上的关闭按钮，蒙层消失后发现触发了按钮下面元素的click事件跨页面点击穿透问题：如果按钮下面恰好是一个有href属性的a标签，那么页面就会发生跳转另一种跨页面点击穿透问题：这次没有mask了，直接点击页内按钮跳转至新页，然后发现新页面中对应位置元素的click事件被触发了&br&&br&解决方案：&br&1、只用touch&br&最简单的解决方案，完美解决点击穿透问题&br&把页面内所有click全部换成touch事件（ touchstart 、’touchend’、’tap’）&br&&br&2、只用click&br&下下策，因为会带来300ms延迟，页面内任何一个自定义交互都将增加300毫秒延迟&br&&br&3、tap后延迟350ms再隐藏mask&br&改动最小，缺点是隐藏mask变慢了，350ms还是能感觉到慢的&br&&br&4、pointer-events&br&比较麻烦且有缺陷， 不建议使用mask隐藏后，给按钮下面元素添上 pointer-events: 样式，让click穿过去，350ms后去掉这个样式，恢复响应缺陷是mask消失后的的350ms内，用户可以看到按钮下面的元素点着没反应，如果用户手速很快的话一定会发现&/blockquote&&p&&br&&/p&&p&&b&27.Jq绑定事件的几种方式？on bind ?&/b&&/p&&blockquote&jQuery中提供了四种事件监听方式，分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off&br&&br&Bind( )是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数;&br&&br&Live( )可以对后生成的元素也可以绑定相应的事件,处理机制就是把事件绑定在DOM树的根节点上，而不是直接绑定在某个元素上;&br&&br&Delegate( )采用了事件委托的概念，不是直接为子元素绑定事件，而是为其父元素（或祖先元素也可）绑定事件，当在div内任意元素上点击时，事件会一层层从event target向上冒泡，直至到达你为其绑定事件的元素；&br&&br&on( )方法可以绑定动态添加到页面元素的事件，on()方法绑定事件可以提升效率；&/blockquote&&p&&br&&/p&&p&&b&28.Jq中如何将一个jq对象转化为dom对象？ &/b&&/p&&blockquote&方法一：&br&jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。 &br&如：var $v =$(&#v&) ; //jQuery对象 &br&var v=$v[0]; //DOM对象 &br&alert(v.checked) //检测这个checkbox是否被选中 &br&&br&方法二：&br&jQuery本身提供，通过.get(index)方法，得到相应的DOM对象 &br&如：var $v=$(&#v&); //jQuery对象 &br&var v=$v.get(0); //DOM对象 &br&alert(v.checked) //检测这个checkbox是否被选中&/blockquote&&p&&br&&/p&&p&&b&29.Jq中有几种选择器?分别是什么? &/b&&/p&&blockquote&层叠选择器、基本过滤选择器、内容过滤选择器、可视化过滤选择器、属性过滤选择器、子元素过滤选择器、表单元素选择器、表单元素过滤选择器 &/blockquote&&p&&br&&/p&&p&&b&30.Jq中怎么样编写插件? &/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&//第一种是类级别的插件开发：&/span&
&span class=&c1&&//1.1 添加一个新的全局函数 添加一个全局函数，我们只需如下定义： &/span&
&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&foo&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This is a test. This is only a test.'&/span&&span class=&p&&);&/span&
&span class=&p&&};&/span&
&span class=&c1&&//1.2 增加多个全局函数 添加多个全局函数，可采用如下定义： &/span&
&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&foo&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This is a test. This is only a test.'&/span&&span class=&p&&);&/span&
&span class=&p&&};&/span&
&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&bar&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&¶m&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This function takes a parameter, which is &'&/span& &span class=&o&&+&/span& &span class=&nx&¶m&/span& &span class=&o&&+&/span& &span class=&s1&&'&.'&/span&&span class=&p&&);&/span&
&span class=&p&&};&/span&
&span class=&nx&&调用时和一个函数的一样的&/span&&span class=&o&&:&/span&&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&foo&/span&&span class=&p&&();&/span&&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&bar&/span&&span class=&p&&();&/span&&span class=&nx&&或者$&/span&&span class=&p&&.&/span&&span class=&nx&&foo&/span&&span class=&p&&();&/span&&span class=&nx&&$&/span&&span class=&p&&.&/span&&span class=&nx&&bar&/span&&span class=&p&&(&/span&&span class=&s1&&'bar'&/span&&span class=&p&&);&/span&
&span class=&c1&&//1.3 使用jQuery.extend(object); &/span&
&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&extend&/span&&span class=&p&&({&/span&
&span class=&nx&&foo&/span&&span class=&o&&:&/span& &span class=&kd&&function&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This is a test. This is only a test.'&/span&&span class=&p&&);&/span&
&span class=&p&&},&/span&
&span class=&nx&&bar&/span&&span class=&o&&:&/span& &span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&¶m&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This function takes a parameter, which is &'&/span& &span class=&o&&+&/span& &span class=&nx&¶m&/span& &span class=&o&&+&/span&&span class=&s1&&'&.'&/span&&span class=&p&&);&/span&
&span class=&p&&}&/span&
&span class=&p&&});&/span&
&span class=&c1&&//1.4 使用命名空间&/span&
&span class=&c1&&// 虽然在jQuery命名空间中，我们禁止使用了大量的javaScript函数名和变量名。&/span&
&span class=&c1&&// 但是仍然不可避免某些函数或变量名将于其他jQuery插件冲突，因此我们习惯将一些方法&/span&
&span class=&c1&&// 封装到另一个自定义的命名空间。&/span&
&span class=&nx&&jQuery&/span&&span class=&p&&.&/span&&span class=&nx&&myPlugin&/span& &span class=&o&&=&/span& &span class=&p&&{&/span&
&span class=&nx&&foo&/span&&span class=&o&&:&/span&&span class=&kd&&function&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This is a test. This is only a test.'&/span&&span class=&p&&);&/span&
&span class=&p&&},&/span&
&span class=&nx&&bar&/span&&span class=&o&&:&/span&&span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&¶m&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s1&&'This function takes a parameter, which is &'&/span& &span class=&o&&+&/span& &span class=&nx&¶m&/span& &span class=&o&&+&/span& &span class=&s1&&'&.'&/span&&span class=&p&&);&/span&
&span class=&p&&}&/span&
&span class=&p&&};&/span&
&span class=&c1&&//采用命名空间的函数仍然是全局函数，调用时采用的方法： &/span&
&span class=&nx&&$&/span&&span class=&p&&.&/span&&span class=&nx&&myPlugin&/span&&span class=&p&&.&/span&&span class=&nx&&foo&/span&&span class=&p&&();&/span&
&span class=&nx&&$&/span&&span class=&p&&.&/span&&span class=&nx&&myPlugin&/span&&span class=&p&&.&/span&&span class=&nx&&bar&/span&&span class=&p&&(&/span&&span class=&s1&&'baz'&/span&&span class=&p&&);&/span&
&span class=&c1&&//通过这个技巧（使用独立的插件名），我们可以避免命名空间内函数的冲突。&/span&
&span class=&c1&&//第二种是对象级别的插件开发&/span&
&span class=&c1&&//形式1： &/span&
&span class=&p&&(&/span&&span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&&$&/span&&span class=&p&&){&/span&
&span class=&nx&&$&/span&&span class=&p&&.&/span&&span class=&nx&&fn&/span&&span class=&p&&.&/span&&span class=&nx&&extend&/span&&span class=&p&&({&/span&
&span class=&nx&&pluginName&/span&&span class=&o&&:&/span&&span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&&opt&/span&&span class=&p&&,&/span&&span class=&nx&&callback&/span&&span class=&p&&){&/span&
&span class=&c1&&// Our plugin implementation code goes here.
&span class=&p&&}&/span&
&span class=&p&&})&/span&
&span class=&p&&})(&/span&&span class=&nx&&jQuery&/span&&span class=&p&&);&/span&
&span class=&c1&&//形式2：&/span&
&span class=&p&&(&/span&&span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&&$&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&$&/span&&span class=&p&&.&/span&&span class=&nx&&fn&/span&&span class=&p&&.&/span&&span class=&nx&&pluginName&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&c1&&// Our plugin implementation code goes here.
&span class=&p&&};&/span&
&span class=&p&&})(&/span&&span class=&nx&&jQuery&/span&&span class=&p&&);&/span&
&span class=&c1&&//形参是$，函数定义完成之后,把jQuery这个实参传递进去.立即调用执行。&/span&
&span class=&c1&&//这样的好处是,我们在写jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&31.$('div+.ab')和$('.ab+div') 哪个效率高？ &/b&&/p&&blockquote&$('div+.ab')效率高 &/blockquote&&p&&br&&/p&&p&&b&32.$.map和$.each有什么区别 &/b&&/p&&blockquote&map()方法主要用来遍历操作数组和对象，会返回一个新的数组。$.map()方法适用于将数组或对象每个项目新阵列映射到一个新数组的函数；&br&each()主要用于遍历jquery对象，返回的是原来的数组，并不会新创建一个数组。&/blockquote&&p&&br&&/p&&p&&b&33.编写一个 getElementsByClassName 封装函数? &/b&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&o&&&&/span&&span class=&nx&&body&/span&&span class=&o&&&&/span&
&span class=&o&&&&/span&&span class=&nx&&input&/span& &span class=&nx&&type&/span&&span class=&o&&=&/span&&span class=&s2&&&submit&&/span& &span class=&nx&&id&/span& &span class=&o&&=&/span& &span class=&s2&&&sub&&/span& &span class=&kr&&class&/span&&span class=&o&&=&/span&&span class=&s2&&&ss confirm btn&&/span& &span class=&nx&&value&/span&&span class=&o&&=&/span&&span class=&s2&&&提交&&/span&&span class=&o&&/&&/span&
&span class=&o&&&&/span&&span class=&nx&&script&/span&&span class=&o&&&&/span& &span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&onload&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&(){&/span&
&span class=&c1&&//方法一
&span class=&kd&&var&/span& &span class=&nx&&Opt&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementById&/span&&span class=&p&&(&/span&&span class=&s1&&'sub'&/span&&span class=&p&&);&/span&
&span class=&kd&&var&/span& &span class=&nx&&getClass&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&(&/span&&span class=&nx&&className&/span&&span class=&p&&,&/span&&span class=&nx&&tagName&/span&&span class=&p&&){&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByTagName&/span&&span class=&p&&){&/span&
&span class=&kd&&var&/span& &span class=&nx&&Inp&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByTagName&/span&&span class=&p&&(&/span&&span class=&nx&&tagName&/span&&span class=&p&&);&/span&
&span class=&k&&for&/span&&span class=&p&&(&/span&&span class=&kd&&var&/span& &span class=&nx&&i&/span&&span class=&o&&=&/span&&span class=&mi&&0&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&&&/span&&span class=&nx&&Inp&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&++&/span&&span class=&p&&){&/span&
&span class=&k&&if&/span&&span class=&p&&((&/span&&span class=&k&&new&/span& &span class=&nb&&RegExp&/span&&span class=&p&&(&/span&&span class=&s1&&'(\\s|^)'&/span& &span class=&o&&+&/span&&span class=&nx&&className&/span& &span class=&o&&+&/span&&span class=&s1&&'(\\s|$)'&/span&&span class=&p&&)).&/span&&span class=&nx&&test&/span&&span class=&p&&(&/span&&span class=&nx&&Inp&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&className&/span&&span class=&p&&)){&/span&
&span class=&k&&return&/span& &span class=&nx&&Inp&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&];&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&&span class=&k&&else&/span& &span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByClassName&/span&&span class=&p&&){&/span&
&span class=&k&&return&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByClassName&/span&&span class=&p&&(&/span&&span class=&nx&&className&/span&&span class=&p&&);&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&c1&&//方法二&/span&
&span class=&kd&&var&/span& &span class=&nx&&aa&/span& &span class=&o&&=&/span& &span class=&nx&&getClass&/span&&span class=&p&&(&/span&&span class=&s2&&&confirm&&/span&&span class=&p&&,&/span& &span class=&s2&&&input&&/span&&span class=&p&&);&/span&
&span class=&kd&&function&/span& &span class=&nx&&getClass&/span&&span class=&p&&(&/span&&span class=&nx&&className&/span&&span class=&p&&,&/span& &span class=&nx&&targetName&/span&&span class=&p&&){&/span&
&span class=&kd&&var&/span& &span class=&nx&&ele&/span& &span class=&o&&=&/span& &span class=&p&&[];&/span&
&span class=&kd&&var&/span& &span class=&nx&&all&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByTagName&/span&&span class=&p&&(&/span&&span class=&nx&&targetName&/span& &span class=&o&&||&/span& &span class=&s2&&&*&&/span&&span class=&p&&);&/span&
&span class=&k&&for&/span&&span class=&p&&(&/span&&span class=&kd&&var&/span& &span class=&nx&&i&/span&&span class=&o&&=&/span&&span class=&mi&&0&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&&&/span&&span class=&nx&&all&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&++&/span&&span class=&p&&){&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&all&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&className&/span&&span class=&p&&.&/span&&span class=&nx&&match&/span&&span class=&p&&(&/span&&span class=&k&&new&/span& &span class=&nb&&RegExp&/span&&span class=&p&&(&/span&&span class=&s1&&'(\\s|^)'&/span&&span class=&o&&+&/span&&span class=&nx&&confirm&/span&&span class=&o&&+&/span&&span class=&s1&&'(\\s|$)'&/span&&span class=&p&&))){&/span&
&span class=&nx&&ele&/span&&span class=&p&&[&/span&&span class=&nx&&ele&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&p&&]&/span& &span class=&o&&=&/span& &span class=&nx&&all&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&];&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&k&&return&/span& &span class=&nx&&ele&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&c1&&//方法三&/span&
&span class=&kd&&function&/span& &span class=&nx&&getObjsByClass&/span&&span class=&p&&(&/span&&span class=&nx&&tagName&/span&&span class=&p&&,&/span& &span class=&nx&&className&/span&&span class=&p&&){&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByClassName&/span&&span class=&p&&){&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&s2&&&document.getElementsByClassName&&/span&&span class=&p&&);&/span&
&span class=&k&&return&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByClassName&/span&&span class=&p&&(&/span&&span class=&nx&&className&/span&&span class=&p&&);&/span&
&span class=&p&&}&/span&&span class=&k&&else&/span&&span class=&p&&{&/span&
&span class=&kd&&var&/span& &span class=&nx&&el&/span& &span class=&o&&=&/span& &span class=&p&&[];&/span&
&span class=&kd&&var&/span& &span class=&nx&&_el&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByTagName&/span&&span class=&p&&(&/span&&span class=&nx&&tagName&/span&&span class=&p&&);&/span&
&span class=&k&&for&/span&&span class=&p&&(&/span&&span class=&kd&&var&/span& &span class=&nx&&i&/span&&span class=&o&&=&/span&&span class=&mi&&0&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&&&/span&&span class=&nx&&_el&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&p&&;&/span& &span class=&nx&&i&/span&&span class=&o&&++&/span&&span class=&p&&){&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&_el&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&className&/span&&span class=&p&&.&/span&&span class=&nx&&indexOf&/span&&span class=&p&&(&/span&&span class=&nx&&className&/span&&span class=&p&&)&/span& &span class=&o&&&&/span& &span class=&o&&-&/span&&span class=&mi&&1&/span&&span class=&p&&){&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&nx&&_el&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&]);&/span&
&span class=&nx&&el&/span&&span class=&p&&[&/span&&span class=&nx&&_el&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&p&&]&/span& &span class=&o&&=&/span& &span class=&nx&&_el&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&];&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&nx&&alert&/span&&span class=&p&&(&/span&&span class=&nx&&el&/span&&span class=&p&&);&/span&
&span class=&k&&return&/span& &span class=&nx&&el&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&o&&&&/span&&span class=&err&&/script&&/span&
&span class=&o&&&&/span&&span class=&err&&/body&&/span&
&/code&&/pre&&/div&&p&&br&&/p&&p&&b&34.简述下工作流程 &/b&&/p&&blockquote&我在之前的公司工作流程大概是这样的：公司定稿会结束以后，会进行简单的技术研讨，然后我们前端会进行先期的技术准备。前端切图人员会进行psd设计稿切图，并且将css文件进行整合。我们主要编写JS部分，其中包括搭建前端框架（大项目），编写js业务和数据持久化操作，我们也会编写js插件并且进行封装方便使用，还有就是编写JS前端组建和JS测试单元，最后将完成的JS部分与切图人员提供的HTML页面进行整合。最后对完成的页面进行功能测试、页面兼容、产品还原。然后对产品进行封存，提交测试。如果出现BUG会返回给我们开发人员进行修改，再提交测试，最后测试成功，进行版本封存。等到程序全部上线的时候进行线上测试。&/blockquote&&p&&br&&/p&&p&&b&35.一般使用什么版本控制工具?svn如何对文件加锁&/b&&/p&&blockquote&svn加锁目的：为了避免多个人同一时间对同一个文件改动的相互覆盖，版本控制系统就必须有一套冲突处理机制。&br&&br&svn加锁两种策略：乐观加锁：所有签出的文件都是可读写的，对文件的修改不必获得文件的锁，当你修改完文件签入时，会首先要求你更新本地文件，版本控制系统不会覆盖你的本地修改，而是会让你自己合并冲突后签入。&br&&br&严格加锁：所有签出的文件都是只读的，任何对文件的修改必须要获得文件的锁，如果其他人没有拥有该文件的锁，那么版本控制系统就会授权给你文件的锁，并将文件设置为可编辑的。&br&&br&svn两种加锁步骤：乐观加锁：选择你想要获取锁定的文件，然后右键菜单点击TortoiseSVN 选取获取锁定。&br&&br&严格加锁：在想要采取严格加锁的文件或目录上点击右键，使用TortoiseSVN 属性菜单，点击新建属性，选择需要锁定。&/blockquote&&p&&br&&/p&&p&&b&36. git 和 svn的区别? &/b&&/p&&blockquote&SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽够大，速度够快，如果在互联网下，如果网速慢的话，就纳闷了。&br&&br&Git是分布式版本控制系统，那么它就没有中央服务器的，每个人的电脑就是一个完整的版本库，这样，工作的时候就不需要联网了，因为版本都是在自己的电脑上。既然每个人的电脑都有一个完整的版本库，那多个人如何协作呢？比如说自己在电脑上改了文件A，其他人也在电脑上改了文件A，这时，你们两之间只需把各自的修改推送给对方，就可以互相看到对方的修改了。&/blockquote&&p&&br&&/p&&p&&b&37. jquery和zepto有什么区别?&/b&&/p&&blockquote&1.针对移动端程序，Zepto有一些基本的触摸事件可以用来做触摸屏交互（tap事件、swipe事件），Zepto是不支持IE浏览器的，这不是Zepto的开发者Thomas Fucks在跨浏览器问题上犯了迷糊，而是经过了认真考虑后为了降低文件尺寸而做出的决定，就像jQuery的团队在2.0版中不再支持旧版的IE（6 7 8）一样。因为Zepto使用jQuery句法，所以它在文档中建议把jQuery作为IE上的后备库。那样程序仍能在IE中，而其他浏览器则能享受到Zepto在文件大小上的优势，然而它们两个的API不是完全兼容的，所以使用这种方法时一定要小心，并要做充分的测试。&br&&br&2.Dom操作的区别：添加id时jQuery不会生效而Zepto会生效。&br&&br&3.zepto主要用在移动设备上，只支持较新的浏览器，好处是代码量比较小，性能也较好。&br&jquery主要是兼容性好，可以跑在各种pc，移动上，好处是兼容各种浏览器，缺点是代码量大，同时考虑兼容，性能也不够好。&/blockquote&&p&&br&&/p&&p&&b&38. $(function(){})和window.onload 和 $(document).ready(function(){})&/b&&/p&&blockquote&window.onload:用于当页面的所有元素，包括外部引用文件，图片等都加载完毕时运行函数内的函数。load方法只能执行一次，如果在js文件里写了多个，只能执行最后一个。&br&&br&$(document).ready(function(){})和$(function(){})都是用于当页面的标准DOM元素被解析成DOM树后就执行内部函数。这个函数是可以在js文件里多次编写的，对于多人共同编写的js就有很大的优势，因为所有行为函数都会执行到。而且$(document).ready()函数在HMTL结构加载完后就可以执行，不需要等大型文件加载或者不存在的连接等耗时工作完成才执行，效率高。&/blockquote&&p&&br&&/p&&p&&b&39. Jq中 attr 和 prop 有什么区别&/b&&/p&&blockquote&对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。&br&对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。&/blockquote&&p&&br&&/p&&p&&b&40. 简述下 this 和定义属性和方法的时候有什么区别?Prototype？&/b&&/p&&blockquote&this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。&br&&br&prototype本质上还是一个JavaScript对象。 并且每个函数都有一个默认的prototype属性。&br&&br&在prototype上定义的属性方法为所有实例共享，所有实例皆引用到同一个对象，单一实例对原型上的属性进行修改，也会影响到所有其他实例。&/blockquote&&p&&br&&/p&&p&&b&41. 什么是预编译语音|预编译处理器? &/b&&/p&&blockquote&Sass是一种CSS预处理器语言，通过编程方式生成CSS代码。因为可编程，所以操控灵活性自由度高，方便实现一些直接编写CSS代码较困难的代码。&br&&br&同时，因为Sass是生成CSS的语言，所以写出来的Sass文件是不能直接用的，必须经过编译器编译成CSS文件才能使用。&br&&br&CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更见简洁，适应性更强，代码更直观等诸多好处。最常用的css预处理器有sass、less css、 stylus。&/blockquote&&p&&br&&/p&&p&&b&42.ajax 和 jsonp ？&/b&&/p&&blockquote&ajax和jsonp的区别：&br&相同点：都是请求一个url&br&不同点：ajax的核心是通过xmlHttpRequest获取内容&br&jsonp的核心则是动态添加&script&标签来调用服务器 提供的js脚本。&/blockquote&&p&&br&&/p&&p&&b&43.ajax执行流程？&/b&&/p&&blockquote&1. 创建XMLHttpRequest对象,也就是创建一个异步调用对象&br&2. 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息&br&3. 设置响应HTTP请求状态变化的函数&br&4. 发送HTTP请求&br&5. 获取异步调用返回的数据&br&6. 使用JavaScript和DOM实现局部刷新&/blockquote&&p&&br&&/p&&p&&b&44.xhr对象 status ? readystate?&/b&&/p&&blockquote&status是XMLHttpRequest对象的一个属性，表示响应的HTTP状态码。&br&readyState是XMLHttpRequest对象的一个属性，用来标识当前XMLHttpRequest对象处于什么状态。&/blockquote&&p&&br&&/p&&p&&b&45}
我要回帖
更多推荐
- ·怎么让微信搜不到微信小游戏不让好友看。
- ·微信通过微信号搜不到对方小游戏怎么办？
- ·赤潮自走棋手游自走棋什么流派好玩_赤潮自走棋新手打法思路技巧
- ·楚留香官网手游开红有什么惩罚_楚留香官网手游自由模式杀人惩罚一览
- ·心灵杀手2饭盒全收集回归当地女孩午餐盒在哪里-回归当地女孩午餐盒位置大全
- ·顶正小吃华飞餐饮培训项目学校怎么样
- ·社会上是充满了尔虞我诈的社会吗？
- ·220伏电器转推挽开关电源原理
- ·我是一名16岁的初三女生。我最近学习压力挺大的。还容易累
- ·全国有多少个孙凤堂臣
- ·至尊凯丰电子称公斤调市斤秤怎么调市斤
- ·枷锁脚镣古代女囚视频近距离女囚c
- ·天津市运昇诸城长运驾校科目三二考试9月30号
- ·大人吃的咳嗽中药,小孩咳嗽能不能游泳给10小孩吃
- ·中班儿歌种葵花小松树和大葵花教案
- ·Jacklife finds a waysome brown birds____什么
- ·启东市陈尚义成都小学安全教育平台四二班安全平台教育
- ·重l庆,长寿北城中学吧发生什么
- ·我想学文科然后考对外汉语老师系，在国外当中文老师，这种职业范围广吗？
- ·二甲四录钠对下茬你还在吃洋葱大蒜蒜有影响吗?
- ·你在逗我吗 纽约最适合住半年了但绝不能多住一秒 除非你能克服这个问题富的流油 这句
- ·给出心电图图形顺序解读，如何确定顺序
- ·彭市福州延安中学校歌歌是什么
- ·今年多次心痛绞痛。 这次最长10分钟左右。 检查结果磷酸肌酸激酶同工酶酶偏高26
- ·高考上交后的智学网答题卡扫描工具被扫描完后,会被扔掉吗?
- ·密密的春雨像什么来了什么在欢迎她
- ·湖南国防后勤局科技大学后勤部长刘启伦
- ·《伦语取名》中有勤酬道天这&#131492;词语吗？
- ·大学当学习委员可以在班里举行什么活动
- ·韩语翻译器韩语
- ·家用空气开关上面的连接线家用2.5平方电线得可以麽？？？ 总进线6平方，分到
- ·想学钵钵鸡去哪里学最好，学完之后能自己开店的？听说成都【成都上善佳培训骗局美食】培训名气不错，不知道怎么样？
- ·长安星豹2环保过不了
- ·济南外国语小学招生高中对外招生
- ·宁波市第六医院骨科专家中华手外科杂志张健医生星期一在就诊吗?我右手腕三角纤维软骨盘损伤，想去他哪看
- ·18号台风台风大巴会不会停运影响东营海港
