&img src=&/50/v2-ba8e252e3f9afaa4232d2_b.png& data-rawwidth=&1008& data-rawheight=&756& class=&origin_image zh-lightbox-thumb& width=&1008& data-original=&/50/v2-ba8e252e3f9afaa4232d2_r.png&&&p&写东西找配图，真的很揪心，虽然从搜索引擎可以搜索很多，但是可能不是免费使用的，今天为大家介绍的这是个网站，所有的图片都是免费高清，你想怎么用就怎么用，强烈建议大家分享给更多的人，这么好的东西，不要一个人独享。强烈推荐??? &br&&/p&&br&&br&&p&Pixabay&/p&&p& ? &a href=&/?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&Pixabay 是一个免费高清图库网站，而且它的所有图片都是免费使用的，甚至用于商业，你可以通过类别来查找图片，也可以使用搜索来查找图片，它同时还支持筛选结果，你可以选择图片的方向、类别尺寸、大小等等。同时它也支持多个国家的语言，当然也支持中文。&/p&&img src=&/v2-46ce64a95df15a649a5e_b.png& class=&content_image&&&br&&p&Pexels&/p&&p&? &a href=&/?target=https%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&Pexels 是一个和pixabay 类似的免费高清图片网站，你可以个人和商业引用，甚至可以重新分发，它遵循CC0 协议，打开它的主页，中间一个输入框，下面会精选出搜索最热门的关键词、图片，还有免费提供的博主专栏，你还可以将自己的图片上传至Pexels，分享给更多的人使用，你可以根据颜色搜索，它同时也提供了电脑客户端。&/p&&img src=&/v2-ef68715ccdcce_b.jpg& data-rawwidth=&1200& data-rawheight=&682& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-ef68715ccdcce_r.jpg&&&br&&p&pinterest&/p&&p&? &a href=&/?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&Pinterest 是一个流行的图片社交平台，用户可以将任何地方的图片，文章分享到自己的主页，当然人们使用它来收藏收藏图片，而且它还有各个平台的插件，App，配合使用，采集图片非常方便。国内有类似的功能，像花瓣，堆糖都有类似的功能。&/p&&img src=&/v2-db97db85be9e5ead2cf7e2_b.png& class=&content_image&&&br&&p&UnSplash&/p&&p&? &a href=&/?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&UnSplash 同样是一个免费高清图库网站，但是它的所有的图片都是来自用户自己上传，所以也更加有人情味，看到一张图片，你还能看到作者的信息，你还可以点赞和收藏，它的Timeline 更像是Insta 的，就像自己在刷朋友圈，看到这么多很棒的图片，一定是一种享受。&/p&&img src=&/v2-c78ec62d54eaba498ebf835_b.jpg& data-rawwidth=&1361& data-rawheight=&717& class=&origin_image zh-lightbox-thumb& width=&1361& data-original=&/v2-c78ec62d54eaba498ebf835_r.jpg&&&br&&p&千图网&/p&&p& ? &a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&千图网是一个免费的设计素材网站，它上面有800 万张免费素材提供下载，它上面包含各种分类，比如原创设计，广告设计，网页设计等等，从大的分类，到每个小的分类，让你更容易找到自己感兴趣的东西，它上面有很多专业的设计师提供的素材，种类齐全，基本上能满足你各种需求。&/p&&img src=&/v2-3ed4f8fa7be61b49738b5df_b.png& class=&content_image&&&br&&p&&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&懒人图库&i class=&icon-external&&&/i&&/a&&/p&&p& ? &a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&懒人图库是一个专门提供网页素材的网站，它包含网页素材、小图片、网页背景、Png 等等，不管你是做设计，还是制作PPT 都能找到自己的想要的素材，而且你搜搜Icon 还能选择尺寸大小，而且提供的素材，都是打包，你甚至不需要登录都可以下载，而且还提供多种下载渠道。&/p&&img src=&/v2-36a97aeace705e27ccce3d5_b.png& data-rawwidth=&777& data-rawheight=&423& class=&origin_image zh-lightbox-thumb& width=&777& data-original=&/v2-36a97aeace705e27ccce3d5_r.png&&&br&&p&StockSnap&/p&&p& ? &a href=&/?target=https%3A//stocksnap.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&stocksnap.io&i class=&icon-external&&&/i&&/a&&/p&&p&StockSnap 一样是一个免费高清网站，它和Pexels 一样使用CC0 协议，你可以随便用，甚至可以不标出处，你可以查看最多下载 / 收藏 / 查看，每张图片都会显示作者信息，还会显示图片相关的标签，你还可以点击查看感兴趣的标签，它还提供最受欢迎的话题，同时你还可以收藏图片。&/p&&img src=&/v2-3c423c855e71ccc64ba2_b.jpg& data-rawwidth=&800& data-rawheight=&450& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/v2-3c423c855e71ccc64ba2_r.jpg&&&br&&p&IconFont&/p&&p& ? &a href=&/?target=http%3A///plus& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&IconFont 是阿里推出的免费矢量图标网站，它上面已经累计72 万个图标。如果你是设计师，你可以把自己制作的图标分享在上面，如果你是用户，它提供了不同的颜色，不同的文件格式的图片可以下载，同时也支持图片格式，这样的网站，实在不该错过。&/p&&img src=&/v2-fef284951aad8aed0c3af_b.png& class=&content_image&&&p&Foter&/p&&p& ? &a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&Foter 是一个免费图片搜索工具，它虽然不生产内容，但是它却能帮你找到免费高清的图片资源，它上面已汇集几千万张可以免费使用的图片，你还可以筛选各种结果，还可以筛选图片使用的哪种协议，同时也支持筛选颜色。它可以收藏，也可以下载不同尺寸的图片。&/p&&img src=&/v2-712cbdf1c9_b.png& data-rawwidth=&2880& data-rawheight=&1640& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/v2-712cbdf1c9_r.png&&&br&&p&CC 搜索&/p&&p&&a href=&/?target=http%3A//search.creativecommons.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&search.creativecommons.org&i class=&icon-external&&&/i&&/a&&/p&&p&CC 搜索是一个专门搜索免费资源的搜索引擎，它可以搜索免费的资源、图片、多媒体等等，它还支持特定网站上的免费图片，比如像Flickr，Tumblr 等等，你还可以选择是否用于商业目的，是否可以修改。同时它还支持浏览器插件。&/p&&img src=&/v2-df2ce061fcbca8620137a_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/v2-df2ce061fcbca8620137a_r.png&&&br&&p&发现更多&b&高效工具&/b&，请关注我的公众号：高效率工具搜罗，微信号：&b&gongju006&/b&。&/p&&img src=&/affbdc7495_b.jpg& data-rawwidth=&258& data-rawheight=&258& class=&content_image& width=&258&&
写东西找配图，真的很揪心，虽然从搜索引擎可以搜索很多，但是可能不是免费使用的，今天为大家介绍的这是个网站，所有的图片都是免费高清，你想怎么用就怎么用，强烈建议大家分享给更多的人，这么好的东西，不要一个人独享。强烈推荐??? Pixabay …
&img src=&/50/v2-8b28fbcece6b297f9598b_b.png& data-rawwidth=&1838& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1838& data-original=&/50/v2-8b28fbcece6b297f9598b_r.png&&为什么要引用JavaScript语言呢？&br&HTML没有计算能力。&br&&img src=&/v2-a3e41a161daaed519eb794_b.jpg& data-rawwidth=&600& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/v2-a3e41a161daaed519eb794_r.jpg&&&br&这几天接了个网页外包，累死累活，下一文章打算拿一个出来分析，并把所用的代码一步步详细化。---------请关注我 &a href=&/people/10983bbd4ca4fd85daf2c04& data-hash=&10983bbd4ca4fd85daf2c04& class=&member_mention& data-hovercard=&p$b$10983bbd4ca4fd85daf2c04&&@小萧ovo&/a& ，一起分享有用的干货。&br&&p&我刚入手前端的时候，是从jQuery开始的，那时候都不懂，遇到这些就退缩下去了，想着让其他人帮忙解决，自己快速把其他页面搭建好就行了。&/p&&br&&p&后来自己来写操作的时候是因为其他人都有事忙了，而只剩下我没页面要做了。&/p&&img src=&/v2-60df55fb8aea867ae1e0129_b.jpg& data-rawwidth=&220& data-rawheight=&220& class=&content_image& width=&220&&&br&&p&只能咬咬牙，上阵了，先是复制同事之前实现效果的脚本代码，用到自己的网页上，然后发现效果实现不了，接着对比差异，发现class名字不一，就这样一步步的把代码功能实现。&br&&/p&&p&其中问了一次层级的问题，就是父级，同级，以及包含在这容器里面的要怎么找。&/p&&p&就这么一次，可能开窍了。然后对于其他的用法都可以通融理解了。我也不用麻烦其他同事来操作了。从jq到原生js，就这样过渡过来了。&/p&&img src=&/v2-ace_b.jpg& data-rawwidth=&639& data-rawheight=&637& class=&origin_image zh-lightbox-thumb& width=&639& data-original=&/v2-ace_r.jpg&&&br&&p&重点是理解&strong&DOM操作&/strong&&strong&。&/strong&&/p&&img src=&/v2-aea931bd220acc8a0487adb_b.jpg& data-rawwidth=&1107& data-rawheight=&701& class=&origin_image zh-lightbox-thumb& width=&1107& data-original=&/v2-aea931bd220acc8a0487adb_r.jpg&&&br&&ul&&li&JavaScript定点突破。一个点一个点理清，你可以不理解下面的东西，不过你要会用js来操作html。可以逆推，先用了，再理解。&br&&/li&&/ul&&blockquote&数据类型&br&面向对象&br&继承&br&闭包&br&插件&br&作用域&br&跨域&br&原型链&br&模块化&br&自定义事件&br&内存泄漏&br&事件机制&br&异步装载回调&br&模板引擎&br&JSON&br&ajax（这个我喜欢用jQuery的。不然要写好多兼容。）&/blockquote&&img src=&/v2-e6a5d538526dbb319497cea_b.jpg& data-rawwidth=&754& data-rawheight=&1340& class=&origin_image zh-lightbox-thumb& width=&754& data-original=&/v2-e6a5d538526dbb319497cea_r.jpg&&&br&&p&js事件触发理解：&/p&&blockquote&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&onkeypress 在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。[响应一个键]
onkeyup 在用户放开任何先前按下的键盘键时发生。
onkeydown 在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生。[响应几个键的组合]可以响应Ctrl、Alt、Shift等功能键和键的组合，而onkeypress不能
onfocusout 失去光标事件
onfocus 获得光标事件
onabort 图片下载被打断时
onblur 元素失去焦点时
onclick 鼠标点击
ondblclick 鼠标双击
onerror 加载文档或图片发生错误时
onmousedown 鼠标被按下时
onmousemove 鼠标被移动时
onmouseout 鼠标离开元素时
onmouseover 鼠标经过元素时
onmouseup 释放鼠标按键时
onunload 用户离开页面时
&/code&&/pre&&/div&&/blockquote&&img src=&/v2-aea931bd220acc8a0487adb_b.jpg& data-rawwidth=&1107& data-rawheight=&701& class=&origin_image zh-lightbox-thumb& width=&1107& data-original=&/v2-aea931bd220acc8a0487adb_r.jpg&&&br&&p&入手js功能，把平时网站上常用的一些实用功能代码片段通：&/p&&h1&&a class=& wrap external& href=&/?target=http%3A///wxydigua/p/3314274.html& target=&_blank& rel=&nofollow noreferrer&&100个直接可以拿来用的JavaScript实用功能代码片段&i class=&icon-external&&&/i&&/a&&/h1&&p&这上面有很多实用的例子，可以看下是怎么实现的，然后学习理解他所用的知识点。&/p&&p&这里提取一些我常用到的片段：&/p&&br&&p&&strong&原生JavaScript实现字符串长度截取&/strong&&br&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&function&/span& &span class=&nx&&cutstr&/span&&span class=&p&&(&/span&&span class=&nx&&str&/span&&span class=&p&&,&/span& &span class=&nx&&len&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&kd&&var&/span& &span class=&nx&&temp&/span&&span class=&p&&;&/span&
&span class=&kd&&var&/span& &span class=&nx&&icount&/span& &span class=&o&&=&/span& &span class=&mi&&0&/span&&span class=&p&&;&/span&
&span class=&kd&&var&/span& &span class=&nx&&patrn&/span& &span class=&o&&=&/span& &span class=&sr&&/[^\x00-\xff]/&/span&&span class=&p&&;&/span&
&span class=&kd&&var&/span& &span class=&nx&&strre&/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&&str&/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=&k&&if&/span& &span class=&p&&(&/span&&span class=&nx&&icount&/span& &span class=&o&&&&/span& &span class=&nx&&len&/span& &span class=&o&&-&/span& &span class=&mi&&1&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&temp&/span& &span class=&o&&=&/span& &span class=&nx&&str&/span&&span class=&p&&.&/span&&span class=&nx&&substr&/span&&span class=&p&&(&/span&&span class=&nx&&i&/span&&span class=&p&&,&/span& &span class=&mi&&1&/span&&span class=&p&&);&/span&
&span class=&k&&if&/span& &span class=&p&&(&/span&&span class=&nx&&patrn&/span&&span class=&p&&.&/span&&span class=&nx&&exec&/span&&span class=&p&&(&/span&&span class=&nx&&temp&/span&&span class=&p&&)&/span& &span class=&o&&==&/span& &span class=&kc&&null&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&icount&/span& &span class=&o&&=&/span& &span class=&nx&&icount&/span& &span class=&o&&+&/span& &span class=&mi&&1&/span&
&span class=&p&&}&/span& &span class=&k&&else&/span& &span class=&p&&{&/span&
&span class=&nx&&icount&/span& &span class=&o&&=&/span& &span class=&nx&&icount&/span& &span class=&o&&+&/span& &span class=&mi&&2&/span&
&span class=&p&&}&/span&
&span class=&nx&&strre&/span& &span class=&o&&+=&/span& &span class=&nx&&temp&/span&
&span class=&p&&}&/span& &span class=&k&&else&/span& &span class=&p&&{&/span&
&span class=&k&&break&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&k&&return&/span& &span class=&nx&&strre&/span& &span class=&o&&+&/span& &span class=&s2&&&...&&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript获取域名主机&/strong&&br&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&function&/span& &span class=&nx&&getHost&/span&&span class=&p&&(&/span&&span class=&nx&&url&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&kd&&var&/span& &span class=&nx&&host&/span& &span class=&o&&=&/span& &span class=&s2&&&null&&/span&&span class=&p&&;&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&k&&typeof&/span& &span class=&nx&&url&/span& &span class=&o&&==&/span& &span class=&s2&&&undefined&&/span&&span class=&o&&||&/span& &span class=&kc&&null&/span& &span class=&o&&==&/span& &span class=&nx&&url&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&url&/span& &span class=&o&&=&/span& &span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&location&/span&&span class=&p&&.&/span&&span class=&nx&&href&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&kd&&var&/span& &span class=&nx&&regex&/span& &span class=&o&&=&/span& &span class=&sr&&/^\w+\:\/\/([^\/]*).*/&/span&&span class=&p&&;&/span&
&span class=&kd&&var&/span& &span class=&nx&&match&/span& &span class=&o&&=&/span& &span class=&nx&&url&/span&&span class=&p&&.&/span&&span class=&nx&&match&/span&&span class=&p&&(&/span&&span class=&nx&&regex&/span&&span class=&p&&);&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&k&&typeof&/span& &span class=&nx&&match&/span& &span class=&o&&!=&/span& &span class=&s2&&&undefined&&/span& &span class=&o&&&&&/span& &span class=&kc&&null&/span& &span class=&o&&!=&/span& &span class=&nx&&match&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&host&/span& &span class=&o&&=&/span& &span class=&nx&&match&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&];&/span&
&span class=&p&&}&/span&
&span class=&k&&return&/span& &span class=&nx&&host&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript元素显示的通用方法&/strong&&br&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&function&/span& &span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&nx&&id&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&k&&return&/span& &span class=&o&&!&/span&&span class=&nx&&id&/span& &span class=&o&&?&/span& &span class=&kc&&null&/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=&nx&&id&/span&&span class=&p&&);&/span&
&span class=&p&&}&/span&
&span class=&kd&&function&/span& &span class=&nx&&display&/span&&span class=&p&&(&/span&&span class=&nx&&id&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&kd&&var&/span& &span class=&nx&&obj&/span& &span class=&o&&=&/span& &span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&nx&&id&/span&&span class=&p&&);&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&obj&/span&&span class=&p&&.&/span&&span class=&nx&&style&/span&&span class=&p&&.&/span&&span class=&nx&&visibility&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&nx&&obj&/span&&span class=&p&&.&/span&&span class=&nx&&style&/span&&span class=&p&&.&/span&&span class=&nx&&visibility&/span& &span class=&o&&=&/span& &span class=&nx&&obj&/span&&span class=&p&&.&/span&&span class=&nx&&style&/span&&span class=&p&&.&/span&&span class=&nx&&visibility&/span& &span class=&o&&==&/span& &span class=&s1&&'visible'&/span& &span class=&o&&?&/span& &span class=&s1&&'hidden'&/span& &span class=&o&&:&/span& &span class=&s1&&'visible'&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span& &span class=&k&&else&/span& &span class=&p&&{&/span&
&span class=&nx&&obj&/span&&span class=&p&&.&/span&&span class=&nx&&style&/span&&span class=&p&&.&/span&&span class=&nx&&display&/span& &span class=&o&&=&/span& &span class=&nx&&obj&/span&&span class=&p&&.&/span&&span class=&nx&&style&/span&&span class=&p&&.&/span&&span class=&nx&&display&/span& &span class=&o&&==&/span& &span class=&s1&&''&/span& &span class=&o&&?&/span& &span class=&s1&&'none'&/span& &span class=&o&&:&/span& &span class=&s1&&''&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript实现checkbox全选与全不选&/strong&&br&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&function&/span& &span class=&nx&&checkAll&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&kd&&var&/span& &span class=&nx&&selectall&/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=&s2&&&selectall&&/span&&span class=&p&&);&/span&
&span class=&kd&&var&/span& &span class=&nx&&allbox&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementsByName&/span&&span class=&p&&(&/span&&span class=&s2&&&allbox&&/span&&span class=&p&&);&/span&
&span class=&k&&if&/span& &span class=&p&&(&/span&&span class=&nx&&selectall&/span&&span class=&p&&.&/span&&span class=&nx&&checked&/span&&span class=&p&&)&/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&&allbox&/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&&allbox&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&checked&/span& &span class=&o&&=&/span& &span class=&kc&&true&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span& &span class=&k&&else&/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&&allbox&/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&&allbox&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&checked&/span& &span class=&o&&=&/span& &span class=&kc&&false&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript完美判断是否为网址&/strong&&br&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&function&/span& &span class=&nx&&IsURL&/span&&span class=&p&&(&/span&&span class=&nx&&strUrl&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&kd&&var&/span& &span class=&nx&&regular&/span& &span class=&o&&=&/span& &span class=&sr&&/^\b(((https?|ftp):\/\/)?[-a-z0-9]+(\.[-a-z0-9]+)*\.(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]\d)|\d))\b(\/[-a-z0-9_:\@&?=+,.!\/~%\$]*)?)$/i&/span&
&span class=&k&&if&/span& &span class=&p&&(&/span&&span class=&nx&&regular&/span&&span class=&p&&.&/span&&span class=&nx&&test&/span&&span class=&p&&(&/span&&span class=&nx&&strUrl&/span&&span class=&p&&))&/span& &span class=&p&&{&/span&
&span class=&k&&return&/span& &span class=&kc&&true&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&k&&else&/span& &span class=&p&&{&/span&
&span class=&k&&return&/span& &span class=&kc&&false&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript获得URL中GET参数值&/strong&&br&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&// 用法：如果地址是 test.htm?t1=1&t2=2&t3=3, 那么能取得：GET[&t1&], GET[&t2&], GET[&t3&]&/span&
&span class=&kd&&function&/span& &span class=&nx&&get_get&/span&&span class=&p&&(){&/span&
&span class=&nx&&querystr&/span& &span class=&o&&=&/span& &span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&location&/span&&span class=&p&&.&/span&&span class=&nx&&href&/span&&span class=&p&&.&/span&&span class=&nx&&split&/span&&span class=&p&&(&/span&&span class=&s2&&&?&&/span&&span class=&p&&)&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&querystr&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&]){&/span&
&span class=&nx&&GETs&/span& &span class=&o&&=&/span& &span class=&nx&&querystr&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&].&/span&&span class=&nx&&split&/span&&span class=&p&&(&/span&&span class=&s2&&&&&&/span&&span class=&p&&)&/span&
&span class=&nx&&GET&/span& &span class=&o&&=&/span&&span class=&k&&new&/span& &span class=&nb&&Array&/span&&span class=&p&&()&/span&
&span class=&k&&for&/span&&span class=&p&&(&/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&&GETs&/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=&nx&&tmp_arr&/span& &span class=&o&&=&/span& &span class=&nx&&GETs&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&split&/span&&span class=&p&&(&/span&&span class=&s2&&&=&&/span&&span class=&p&&)&/span&
&span class=&nx&&key&/span&&span class=&o&&=&/span&&span class=&nx&&tmp_arr&/span&&span class=&p&&[&/span&&span class=&mi&&0&/span&&span class=&p&&]&/span&
&span class=&nx&&GET&/span&&span class=&p&&[&/span&&span class=&nx&&key&/span&&span class=&p&&]&/span& &span class=&o&&=&/span& &span class=&nx&&tmp_arr&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&]&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&k&&return&/span& &span class=&nx&&querystr&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&];&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript跨浏览器添加事件&/strong&&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&function addEvt(oTarget,sEvtType,fnHandle){
if(!oTarget){}
if(oTarget.addEventListener){
oTarget.addEventListener(sEvtType,fnHandle,false);
}else if(oTarget.attachEvent){
oTarget.attachEvent(&on& + sEvtType,fnHandle);
oTarget[&on& + sEvtType] = fnH
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript常用的正则表达式&/strong&&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&//正整数
/^[0-9]*[1-9][0-9]*$/;
/^-[0-9]*[1-9][0-9]*$/;
//正浮点数
/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
//负浮点数
/^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/;
/^(-?\d+)(\.\d+)?$/;
//email地址
/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
/^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$/;
//年/月/日（年-月-日、年.月.日）
/^(19|20)\d\d[- /.](0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])$/;
//匹配中文字符
/[\u4e00-\u9fa5]/;
//匹配帐号是否合法(字母开头，允许5-10字节，允许字母数字下划线)
/^[a-zA-Z][a-zA-Z0-9_]{4,9}$/;
//匹配空白行的正则表达式
/\n\s*\r/;
//匹配中国邮政编码
/[1-9]\d{5}(?!\d)/;
//匹配身份证
/\d{15}|\d{18}/;
//匹配国内电话号码
/(\d{3}-|\d{4}-)?(\d{8}|\d{7})?/;
//匹配IP地址
/((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/;
//匹配首尾空白字符的正则表达式
/^\s*|\s*$/;
//匹配HTML标记的正则表达式
& (\S*?)[^&]*&.*?|& .*? /&;
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript实现返回顶部的通用方法&/strong&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&function&/span& &span class=&nx&&backTop&/span&&span class=&p&&(&/span&&span class=&nx&&btnId&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&kd&&var&/span& &span class=&nx&&btn&/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=&nx&&btnId&/span&&span class=&p&&);&/span&
&span class=&kd&&var&/span& &span class=&nx&&d&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&documentElement&/span&&span class=&p&&;&/span&
&span class=&kd&&var&/span& &span class=&nx&&b&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&body&/span&&span class=&p&&;&/span&
&span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&onscroll&/span& &span class=&o&&=&/span& &span class=&nx&&set&/span&&span class=&p&&;&/span&
&span class=&nx&&btn&/span&&span class=&p&&.&/span&&span class=&nx&&style&/span&&span class=&p&&.&/span&&span class=&nx&&display&/span& &span class=&o&&=&/span& &span class=&s2&&&none&&/span&&span class=&p&&;&/span&
&span class=&nx&&btn&/span&&span class=&p&&.&/span&&span class=&nx&&onclick&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&nx&&btn&/span&&span class=&p&&.&/span&&span class=&nx&&style&/span&&span class=&p&&.&/span&&span class=&nx&&display&/span& &span class=&o&&=&/span& &span class=&s2&&&none&&/span&&span class=&p&&;&/span&
&span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&onscroll&/span& &span class=&o&&=&/span& &span class=&kc&&null&/span&&span class=&p&&;&/span&
&span class=&k&&this&/span&&span class=&p&&.&/span&&span class=&nx&&timer&/span& &span class=&o&&=&/span& &span class=&nx&&setInterval&/span&&span class=&p&&(&/span&&span class=&kd&&function&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&nx&&d&/span&&span class=&p&&.&/span&&span class=&nx&&scrollTop&/span& &span class=&o&&-=&/span& &span class=&nb&&Math&/span&&span class=&p&&.&/span&&span class=&nx&&ceil&/span&&span class=&p&&((&/span&&span class=&nx&&d&/span&&span class=&p&&.&/span&&span class=&nx&&scrollTop&/span& &span class=&o&&+&/span& &span class=&nx&&b&/span&&span class=&p&&.&/span&&span class=&nx&&scrollTop&/span&&span class=&p&&)&/span& &span class=&o&&*&/span& &span class=&mf&&0.1&/span&&span class=&p&&);&/span&
&span class=&nx&&b&/span&&span class=&p&&.&/span&&span class=&nx&&scrollTop&/span& &span class=&o&&-=&/span& &span class=&nb&&Math&/span&&span class=&p&&.&/span&&span class=&nx&&ceil&/span&&span class=&p&&((&/span&&span class=&nx&&d&/span&&span class=&p&&.&/span&&span class=&nx&&scrollTop&/span& &span class=&o&&+&/span& &span class=&nx&&b&/span&&span class=&p&&.&/span&&span class=&nx&&scrollTop&/span&&span class=&p&&)&/span& &span class=&o&&*&/span& &span class=&mf&&0.1&/span&&span class=&p&&);&/span&
&span class=&k&&if&/span& &span class=&p&&((&/span&&span class=&nx&&d&/span&&span class=&p&&.&/span&&span class=&nx&&scrollTop&/span& &span class=&o&&+&/span& &span class=&nx&&b&/span&&span class=&p&&.&/span&&span class=&nx&&scrollTop&/span&&span class=&p&&)&/span& &span class=&o&&==&/span& &span class=&mi&&0&/span&&span class=&p&&)&/span& &span class=&nx&&clearInterval&/span&&span class=&p&&(&/span&&span class=&nx&&btn&/span&&span class=&p&&.&/span&&span class=&nx&&timer&/span&&span class=&p&&,&/span& &span class=&nb&&window&/span&&span class=&p&&.&/span&&span class=&nx&&onscroll&/span& &span class=&o&&=&/span& &span class=&nx&&set&/span&&span class=&p&&);&/span&
&span class=&p&&},&/span&
&span class=&mi&&10&/span&&span class=&p&&);&/span&
&span class=&p&&};&/span&
&span class=&kd&&function&/span& &span class=&nx&&set&/span&&span class=&p&&()&/span& &span class=&p&&{&/span&
&span class=&nx&&btn&/span&&span class=&p&&.&/span&&span class=&nx&&style&/span&&span class=&p&&.&/span&&span class=&nx&&display&/span& &span class=&o&&=&/span& &span class=&p&&(&/span&&span class=&nx&&d&/span&&span class=&p&&.&/span&&span class=&nx&&scrollTop&/span& &span class=&o&&+&/span& &span class=&nx&&b&/span&&span class=&p&&.&/span&&span class=&nx&&scrollTop&/span& &span class=&o&&&&/span& &span class=&mi&&100&/span&&span class=&p&&)&/span& &span class=&o&&?&/span& &span class=&s1&&'block'&/span&&span class=&o&&:&/span& &span class=&s2&&&none&&/span&
&span class=&p&&}&/span&
&span class=&p&&};&/span&
&span class=&nx&&backTop&/span&&span class=&p&&(&/span&&span class=&s1&&'goTop'&/span&&span class=&p&&);&/span&
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript实现全选通用方法&/strong&&br&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&function&/span& &span class=&nx&&checkall&/span&&span class=&p&&(&/span&&span class=&nx&&form&/span&&span class=&p&&,&/span& &span class=&nx&&prefix&/span&&span class=&p&&,&/span& &span class=&nx&&checkall&/span&&span class=&p&&)&/span& &span class=&p&&{&/span&
&span class=&kd&&var&/span& &span class=&nx&&checkall&/span& &span class=&o&&=&/span& &span class=&nx&&checkall&/span& &span class=&o&&?&/span& &span class=&nx&&checkall&/span& &span class=&o&&:&/span& &span class=&s1&&'chkall'&/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&&form&/span&&span class=&p&&.&/span&&span class=&nx&&elements&/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=&kd&&var&/span& &span class=&nx&&e&/span& &span class=&o&&=&/span& &span class=&nx&&form&/span&&span class=&p&&.&/span&&span class=&nx&&elements&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&];&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&e&/span&&span class=&p&&.&/span&&span class=&nx&&type&/span&&span class=&o&&==&/span&&span class=&s2&&&checkbox&&/span&&span class=&p&&){&/span&
&span class=&nx&&e&/span&&span class=&p&&.&/span&&span class=&nx&&checked&/span& &span class=&o&&=&/span& &span class=&nx&&form&/span&&span class=&p&&.&/span&&span class=&nx&&elements&/span&&span class=&p&&[&/span&&span class=&nx&&checkall&/span&&span class=&p&&].&/span&&span class=&nx&&checked&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript实现全部取消选择通用方法&/strong&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&function&/span& &span class=&nx&&uncheckAll&/span&&span class=&p&&(&/span&&span class=&nx&&form&/span&&span class=&p&&)&/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&&form&/span&&span class=&p&&.&/span&&span class=&nx&&elements&/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=&kd&&var&/span& &span class=&nx&&e&/span& &span class=&o&&=&/span& &span class=&nx&&form&/span&&span class=&p&&.&/span&&span class=&nx&&elements&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&];&/span&
&span class=&k&&if&/span& &span class=&p&&(&/span&&span class=&nx&&e&/span&&span class=&p&&.&/span&&span class=&nx&&name&/span& &span class=&o&&!=&/span& &span class=&s1&&'chkall'&/span&&span class=&p&&)&/span&
&span class=&nx&&e&/span&&span class=&p&&.&/span&&span class=&nx&&checked&/span&&span class=&o&&=!&/span&&span class=&nx&&e&/span&&span class=&p&&.&/span&&span class=&nx&&checked&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript获取单选按钮的值&/strong&&br&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&function&/span& &span class=&nx&&get_radio_value&/span&&span class=&p&&(&/span&&span class=&nx&&field&/span&&span class=&p&&){&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&field&/span&&span class=&o&&&&&/span&&span class=&nx&&field&/span&&span class=&p&&.&/span&&span class=&nx&&length&/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&&field&/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&&field&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&checked&/span&&span class=&p&&){&/span&
&span class=&k&&return&/span& &span class=&nx&&field&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&value&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&&span class=&k&&else&/span& &span class=&p&&{&/span&
&span class=&k&&return&/span& &span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript获取复选框的值&/strong&&br&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&function&/span& &span class=&nx&&get_checkbox_value&/span&&span class=&p&&(&/span&&span class=&nx&&field&/span&&span class=&p&&){&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&field&/span&&span class=&o&&&&&/span&&span class=&nx&&field&/span&&span class=&p&&.&/span&&span class=&nx&&length&/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&&field&/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&&field&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&checked&/span& &span class=&o&&&&&/span& &span class=&o&&!&/span&&span class=&nx&&field&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&disabled&/span&&span class=&p&&){&/span&
&span class=&k&&return&/span& &span class=&nx&&field&/span&&span class=&p&&[&/span&&span class=&nx&&i&/span&&span class=&p&&].&/span&&span class=&nx&&value&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&&span class=&k&&else&/span& &span class=&p&&{&/span&
&span class=&k&&return&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&br&&p&&strong&原生JavaScript判断变量是否空值&/strong&&br&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&cm&&/**&/span&
&span class=&cm&& * 判断变量是否空值&/span&
&span class=&cm&& * undefined, null, '', false, 0, [], {} 均返回true，否则返回false&/span&
&span class=&cm&& */&/span&
&span class=&kd&&function&/span& &span class=&nx&&empty&/span&&span class=&p&&(&/span&&span class=&nx&&v&/span&&span class=&p&&){&/span&
&span class=&k&&switch&/span& &span class=&p&&(&/span&&span class=&k&&typeof&/span& &span class=&nx&&v&/span&&span class=&p&&){&/span&
&span class=&k&&case&/span& &span class=&s1&&'undefined'&/span& &span class=&o&&:&/span& &span class=&k&&return&/span& &span class=&kc&&true&/span&&span class=&p&&;&/span&
&span class=&k&&case&/span& &span class=&s1&&'string'&/span&
&span class=&o&&:&/span& &span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&trim&/span&&span class=&p&&(&/span&&span class=&nx&&v&/span&&span class=&p&&).&/span&&span class=&nx&&length&/span& &span class=&o&&==&/span& &span class=&mi&&0&/span&&span class=&p&&)&/span& &span class=&k&&return&/span& &span class=&kc&&true&/span&&span class=&p&&;&/span& &span class=&k&&break&/span&&span class=&p&&;&/span&
&span class=&k&&case&/span& &span class=&s1&&'boolean'&/span&
&span class=&o&&:&/span& &span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&o&&!&/span&&span class=&nx&&v&/span&&span class=&p&&)&/span& &span class=&k&&return&/span& &span class=&kc&&true&/span&&span class=&p&&;&/span& &span class=&k&&break&/span&&span class=&p&&;&/span&
&span class=&k&&case&/span& &span class=&s1&&'number'&/span&
&span class=&o&&:&/span& &span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&mi&&0&/span& &span class=&o&&===&/span& &span class=&nx&&v&/span&&span class=&p&&)&/span& &span class=&k&&return&/span& &span class=&kc&&true&/span&&span class=&p&&;&/span& &span class=&k&&break&/span&&span class=&p&&;&/span&
&span class=&k&&case&/span& &span class=&s1&&'object'&/span&
&span class=&o&&:&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&kc&&null&/span& &span class=&o&&===&/span& &span class=&nx&&v&/span&&span class=&p&&)&/span& &span class=&k&&return&/span& &span class=&kc&&true&/span&&span class=&p&&;&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&kc&&undefined&/span& &span class=&o&&!==&/span& &span class=&nx&&v&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span& &span class=&o&&&&&/span& &span class=&nx&&v&/span&&span class=&p&&.&/span&&span class=&nx&&length&/span&&span class=&o&&==&/span&&span class=&mi&&0&/span&&span class=&p&&)&/span& &span class=&k&&return&/span& &span class=&kc&&true&/span&&span class=&p&&;&/span&
&span class=&k&&for&/span&&span class=&p&&(&/span&&span class=&kd&&var&/span& &span class=&nx&&k&/span& &span class=&k&&in&/span& &span class=&nx&&v&/span&&span class=&p&&){&/span&&span class=&k&&return&/span& &span class=&kc&&false&/span&&span class=&p&&;}&/span& &span class=&k&&return&/span& &span class=&kc&&true&/span&&span class=&p&&;&/span&
&span class=&k&&break&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&k&&return&/span& &span class=&kc&&false&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&br&&p&其实小编我做网站还是用jQuery&/p&&p&网上说拥抱原生，可是我还是觉得jQuery好用。&/p&&br&&img src=&/v2-f5f54e1da0f400b754e730_b.jpg& data-rawwidth=&268& data-rawheight=&220& class=&content_image& width=&268&&&p&反正我是穿不下了，常年坐着，大腿肥了。&/p&&p&如果觉得有用赞一个呗。&/p&
为什么要引用JavaScript语言呢？ HTML没有计算能力。 这几天接了个网页外包，累死累活，下一文章打算拿一个出来分析，并把所用的代码一步步详细化。---------请关注我
，一起分享有用的干货。 我刚入手前端的时候，是从jQuery开始的，那时候都不懂…
朴素贝叶斯算法过滤垃圾邮件&br&--&br&简单解释一下。&br&&br&通常的概率是用现有资料得到的概率，比如从一个装有质地相同的红白圆球的袋子拿球，知道其中有红球m个，
白球n个，任意拿出一个球，则拿出红球的概率为&img src=&///equation?tex=%5C%5B%0A%5Cfrac%7Bm%7D%7Bm%2Bn%7D%0A%5C%5D%0A& alt=&\[
\frac{m}{m+n}
& eeimg=&1&&，这个小学生也知道。&br&&br&&p&沿用上述假设，采用不放回拿取的方式，第二次拿到了红球，能不能计算第一次拿到红球的概率呢？答案是可以。&/p&&br&&p&设第一次拿到红球为A，第二次拿到红球为B，A|B为在B事件发生的条件下A发生的概率。&/p&&img src=&///equation?tex=P%28A%7CB%29%3D%5Cfrac%7BP%28AB%29%7D%7BP%28B%29%7D%3D%5Cfrac%7BP%28B%7CA%29P%28A%29%7D%7BP%28B%7CA%29P%28A%29%2BP%28B%7C%5Cbar+A%29P%28%5Cbar+A%29%7D++& alt=&P(A|B)=\frac{P(AB)}{P(B)}=\frac{P(B|A)P(A)}{P(B|A)P(A)+P(B|\bar A)P(\bar A)}
& eeimg=&1&&&p&其中&img src=&///equation?tex=P%28B%7CA%29& alt=&P(B|A)& eeimg=&1&&和&img src=&///equation?tex=P%28B%7C%5Cbar+A%29& alt=&P(B|\bar A)& eeimg=&1&&分别为第一次拿出红球和白球的条件下第二次又拿出红球的概率，很容易就算出来。&/p&&br&&p&依据上面的公式，我们就可以在已知结果的情况下，算出其条件的概率了，这个公式就叫做&b&贝叶斯公式&/b&。&/p&&br&&p&对于邮件服务器来讲，读取某一单词在已知垃圾邮件中出现的频率不难，就可以用贝叶斯公式算出在某邮件含有这一单词的情况下，该邮件为垃圾邮件的概率了。&/p&&br&&p&我们完全可以假设这些单词的出现是独立的，计算某一邮件中垃圾概率最高的n个单词的联合概率，判定超出某个阈值为垃圾邮件，就可以实现邮件服务器对于垃圾邮件的自动归类了。&/p&&br&&p&这就是所谓的朴素贝叶斯算法的原理，原理上很初级，但是事实证明却非常有效。&/p&
朴素贝叶斯算法过滤垃圾邮件 -- 简单解释一下。 通常的概率是用现有资料得到的概率，比如从一个装有质地相同的红白圆球的袋子拿球，知道其中有红球m个，
白球n个，任意拿出一个球，则拿出红球的概率为\[
\frac{m}{m+n}
，这个小学生也知道。 沿用上述假…
&p&我知道没有种子你是不会进来的&/p&&p&。&br&。&br&。&br&。&/p&&br&&br&&p&作为一个长期在各种APP遨游的人，以及喜新厌旧(zou在时代前沿)的人，每周几乎手机APP都会清理卸载一遍(嗯，就是这么有病) 留下的都是精华&/p&&p&良心推荐，非托&br&（一加插图就发布不了，baby们，不要怪我，下了你会回来感谢我的?）&/p&&p&思维简图&/p&&img data-rawwidth=&720& data-rawheight=&1280& src=&/05d1eb04_b.jpg& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/05d1eb04_r.jpg&&&br&&br&&img data-rawwidth=&720& data-rawheight=&1280& src=&/cfdafec9e8f501be14e0a4d_b.jpg& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/cfdafec9e8f501be14e0a4d_r.jpg&&&br&&br&&img data-rawwidth=&1080& data-rawheight=&1521& src=&/bf19f0bf53e17f177db1_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1080& data-original=&/bf19f0bf53e17f177db1_r.jpg&&&br&&p&?可随时导出、修改，图片可以放大，上图是我做的一本书的逻辑整理，嗯，我知道你看不清，只是拿出成品出来&/p&&br&&br&&br&&p&专心&/p&&p&?专治各种手机上瘾患者&/p&&p&?看着果实成长很有成就感啊！！！期间手机不能干任何事(可将必要APP加入白名单)&br&否则&br&你可爱的小葡萄，小苹果，小黄瓜就枯萎了&br&莫名心痛&/p&&br&&br&&p&tumblr&/p&&p&?国外良心图库，不需翻墙，下载方便&/p&&br&&p&?各种创意，设计稿，有趣动图，嗯， 在手机里都可以动，不需要什么格式需求 &br&如果你关注深夜发嗤，喜欢那个风格，那里面很多图都来自这里&br&?评论区说宅男福音，哈哈哈，看你怎么用好嘛～有一次手抖也是惊呆了，你懂的&/p&&p&?二次补充: Tumblr（中文名：汤博乐）成立于2007年，是目前全球最大的轻博客网站，是一种介于传统博客和微博之间的全新媒体形态，成为当前最受年轻人欢迎的社交网站之一 。（我确实把它当图库来用的哈哈哈）&/p&&br&&p&优美图&/p&&p&?什么猫咪空，美腿控，大叔控，大白控&br&都有～下载，收藏，搜索都很棒&br& ?(国内良心图库APP)&br&[img=]&/p&&p&小红书&/p&&p&?境外购物类app&/p&&p&?买国外的东西你要还在用某宝我就醉了= =&/p&&p&?好用的东西不用再腆着脸问闺蜜了，散落在世界各地的剁手党们会告诉你到底什么好用&/p&&p&?之前试用各种筛选出来的比较好用的海淘app（赤果果败家党啊有木有）败家妹纸手机必备购物小神器，美国日本的物价真的比我们低，好吗！好吗！（悲愤脸）&/p&&br&&p&燃脂君&/p&&p&fatburning&br&?有点像seven，懒鬼又想减肥的妹纸＆汉纸必备&/p&&p&?11分钟，真的好累！有针对男女！动图教给你怎么做，坚持了半个月，每天11分钟，真的有瘦&/p&&br&&p&Ted&/p&&p&网易公开课&/p&&p&?无需解释，开启你的世界之窗～&/p&&br&&p&阅读类&/p&&p&掌阅iReader（好多人对它意见很大啊，然并卵，好吧好多人说多看阅读比掌阅好，大家可以试试）&/p&&p&?这么多阅读APP里目前用着最顺心的一个，&br&书源请别处下载，用iReader打开还是不错的。笔记还可以导出，不错&/p&&br&&p&涂书笔记&/p&&p&?度娘良心APP，喜欢的书摘再也不用用手记了&br&?阅读人福音，网页版也能打开&/p&&br&&p&7月8日更新，一些我觉得真的很常见，感觉大家都在用所以没提，补充更新（也有些很新的），给那些还没用过的人～&/p&&br&&p&魔力盒&/p&&p&?在有WiFi的时候自动下载三部小短片～&br&（貌似必须打开app才能自动下）&/p&&p&?看完自动删除不占内存～&/p&&p&?小片子质量都不错～（只是会有创意广告在里面，可以理解略反感）&/p&&p&网易云音乐&/p&&p&?我以为大家都用它，所以没有推荐&/p&&p&?个人认为比较好的音乐类app&/p&&p&Nota&/p&&p&?私藏app，没这么多赞我都不拿出来，哈 哈哈～&/p&&p&?有强迫症的人以及拖延症的人的福音啊！！！&/p&&p&?界面超简洁，简单易用，个人很喜欢&/p&&br&&p&开机时光&/p&&p&?你天天玩手机，你知道你时间都花哪儿去了吗！（义正言辞脸）&/p&&br&&p&?第一次用惊呆了，一天时间分布在各大app里 冏rz 界面是一棵树，会显示你在手机app花费时间，时间越多，树的状态越不好&/p&&p&?给你个软件让你看看你到底把时间废哪儿了&/p&&br&&br&&br&&br&&br&&br&&br&&br&&br&&p&你坚持看到这里依旧没有看到种子&/p&&p&手机太小，没有种子&/p&&br&&p&电脑请种上P2P&/p&&p&或者btsearcher&/p&&p&哪怕不开花，搜搜刚上映的电影也不错&/p&&p&。&br&。&br&。&br&。&br&。&br&。&br&。&br&。&br&。&br&。&br&看完不赞耍流氓&/p&&br&&br&&br&&p&其他部分推荐应用回答&/p&&a href=&/question//answer/& class=&internal&&有哪些软件堪称「神器」，却不为大众所知？ - 杨大笨子的回答 - 知乎&/a&&a href=&/question//answer/& class=&internal&&有哪些有利于学习的 App？ - 杨大笨子的回答 - 知乎&/a&&a href=&/question//answer/& class=&internal&&有哪些适合大学生使用的 app？&/a&&br&人家这么萌不关注一下嘛&br&&img data-rawwidth=&1242& data-rawheight=&1385& src=&/v2-e5ce5f0b0f542b283e1c99fa7c4f8b9c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1242& data-original=&/v2-e5ce5f0b0f542b283e1c99fa7c4f8b9c_r.jpg&&
我知道没有种子你是不会进来的。 。 。 。 作为一个长期在各种APP遨游的人，以及喜新厌旧(zou在时代前沿)的人，每周几乎手机APP都会清理卸载一遍(嗯，就是这么有病) 留下的都是精华良心推荐，非托 （一加插图就发布不了，baby们，不要怪我，下了你会回来感…
&b&神器一：Pinterest&/b&&br&&a href=&///?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pinterest&i class=&icon-external&&&/i&&/a&&br&相当于全世界的人都在帮你找灵感！无论什么类别的设计都能找到你想要的风格，但是搜索时最好用英文。&br&&br&比如：&br&1. 搜索“Poster”&br&&img src=&/dfeb861f8479fad13e2060_b.jpg& data-rawwidth=&600& data-rawheight=&330& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/dfeb861f8479fad13e2060_r.jpg&&2.搜索“web site”&br&&img src=&/ba5f71ca8a35c2d0a46eda_b.jpg& data-rawwidth=&600& data-rawheight=&330& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/ba5f71ca8a35c2d0a46eda_r.jpg&&3.搜索“ui”&br&&img src=&/2b8d127dcddfaaf51ca09da_b.jpg& data-rawwidth=&600& data-rawheight=&330& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/2b8d127dcddfaaf51ca09da_r.jpg&&你们感受一下&br&&br&&b&神器二： NounProject&/b&&br&&br&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NounProject&i class=&icon-external&&&/i&&/a&&br&&br&这个是在&a href=&///?target=http%3A//1ke.co& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&互联网 | 程序员&i class=&icon-external&&&/i&&/a&上看到推荐的，复杂的说就是一个集众人之力为所有名词绘制矢量图形的项目，同时开放下载（所有图形全为矢量可以编辑），同上建议英文搜索。&br&&br&比如：1.搜索“men”&br&&img src=&/b37ab04b3e935e2e5f976d_b.jpg& data-rawwidth=&600& data-rawheight=&330& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/b37ab04b3e935e2e5f976d_r.jpg&&2.搜索“women”&br&&img src=&/6a5cfcc9f2_b.jpg& data-rawwidth=&600& data-rawheight=&330& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/6a5cfcc9f2_r.jpg&&&b&&br&神器三： Dribbble&/b&&br&&br&设计师与灵感的聚集地，是在也&a href=&///?target=http%3A//1KE.co& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&1KE.co&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&上发现有意思的设计师，然后跟过去的。&br&&a href=&///?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Show and tell for designers&i class=&icon-external&&&/i&&/a&&br&&img src=&/9fa5d2ba8ca96b07f3eb_b.jpg& data-rawwidth=&600& data-rawheight=&330& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/9fa5d2ba8ca96b07f3eb_r.jpg&&&br&&b&神器四：&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&&/b&&br&&br&&a href=&///?target=https%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&br&（经知友提醒发现这个要翻出去才能看-.-）&br&雅虎的摄影分享社区，大部分相片可以免费下载，但是需要雅虎账号。&br&&img src=&/919ae232fca8a7fac13d0bcb332f80d3_b.jpg& data-rawwidth=&600& data-rawheight=&329& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/919ae232fca8a7fac13d0bcb332f80d3_r.jpg&&&br&&br&&b&神器五： Tumblr&br&&/b&&br&&a href=&///?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sign up | Tumblr&i class=&icon-external&&&/i&&/a&&br&国外的轻博客，可以找到很多灵感和优秀的摄影作品。&br&&img src=&/46e037fbb29c1c615a542_b.jpg& data-rawwidth=&600& data-rawheight=&331& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/46e037fbb29c1c615a542_r.jpg&&&br&&b&神器六：Behance&/b&&br&&a href=&///?target=https%3A//www.behance.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Behance&i class=&icon-external&&&/i&&/a&&br&好像是2012年的时候被Adobe以1.5亿收购了，主要是设计创意交流，设计都挺先锋的。&br&&b&&img src=&/6eec94db76_b.jpg& data-rawwidth=&1319& data-rawheight=&575& class=&origin_image zh-lightbox-thumb& width=&1319& data-original=&/6eec94db76_r.jpg&&&br&神器七：pixabay&/b&&br&&b&&br&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pixabay - Free Images&i class=&icon-external&&&/i&&/a&&/b&&br&&img src=&/e1577ccae27878e32dbb9efcce42dc09_b.jpg& data-rawwidth=&1334& data-rawheight=&604& class=&origin_image zh-lightbox-thumb& width=&1334& data-original=&/e1577ccae27878e32dbb9efcce42dc09_r.jpg&&内容一般，最大的好处是免费吧，也可以参考&a href=&///?target=https%3A///Brett_Butler& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Brett Butler / 500px&i class=&icon-external&&&/i&&/a&，有时候并不是专门为了找素材，而是找的时候看到优秀的作品往往能学到很多，激发很多灵感。&br&&br&&br&&b&神器八：花瓣&/b&&br&&br&&b&链接：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&花瓣网_发现、采集你喜欢的一切&i class=&icon-external&&&/i&&/a&&/b&&br&&img src=&/a4d2fbe115ae1726e7ed_b.jpg& data-rawwidth=&1314& data-rawheight=&493& class=&origin_image zh-lightbox-thumb& width=&1314& data-original=&/a4d2fbe115ae1726e7ed_r.jpg&&&br&花瓣的画板功能是极好的，用户可以把喜欢的东西采集进不同画板，并以各种方式给画板命名。&br&这样用户自主将图片模糊分类，很方便找素材时逛来逛去激发灵感~&br&&br&但这都不！重！要！今天在花瓣上看到一妹子，愣了5秒，然后瞬间被击倒！&br&&img src=&/55bb034dd3c79c36feae78_b.jpg& data-rawwidth=&319& data-rawheight=&465& class=&content_image& width=&319&&&br&&br&PS:&br&没想到大家对妹子比对网站感兴趣多了(??????‵)话说这妹子我也不知道是谁,如果你们有知道的话一定要告诉我(~￣▽￣)~ &br&&br&另外再送上福利，之前想做网页时找到的，&a href=&///?target=http%3A//1ke.co/course/1%3Futm_source%3Dzhihu%26utm_medium%3D1%26utm_campaign%3DWill%2520wang& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&【硅谷创业公司CCO】教你2天搭建响应式网页&i class=&icon-external&&&/i&&/a&&br&没想到世上竟有如此出尘绝色的女程序员/(o ω o)/&br&&br&PPS：&br&本文前面部分由 &a data-hash=&ec302ad04377edc89df1c5& href=&///people/ec302ad04377edc89df1c5& class=&member_mention& data-editable=&true& data-title=&@Ryou Issei& data-tip=&p$b$ec302ad04377edc89df1c5& data-hovercard=&p$b$ec302ad04377edc89df1c5&&@Ryou Issei&/a&之前在另一个&a href=&/question/& class=&internal&&有哪些平面设计网站值得推荐？ - 海报&/a&中已回答过，我从别处看到搬运了部分内容，并不知道知乎上已有，答题前没有在知乎确认下，很抱歉(??_?`)修改已和其确认。&br&&br&PPPS：&br&关于最后的妹子，开始 &a data-hash=&a885caa7d6& href=&///people/a885caa7d6& class=&member_mention& data-editable=&true& data-title=&@faceair& data-tip=&p$b$a885caa7d6& data-hovercard=&p$b$a885caa7d6&&@faceair&/a&发现了照片最初的出处&a href=&///?target=http%3A///lastphoto-htx-id-3694624-p-0.xhtml& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&最後一夏天。-人像摄影-POCO摄影作品展示&i class=&icon-external&&&/i&&/a&。然后 &a data-hash=&0f3dde92d4dd9fcbaa8b& href=&///people/0f3dde92d4dd9fcbaa8b& class=&member_mention& data-editable=&true& data-title=&@王之远& data-tip=&p$b$0f3dde92d4dd9fcbaa8b& data-hovercard=&p$b$0f3dde92d4dd9fcbaa8b&&@王之远&/a&牺牲下午的考试找到了妹子微博@Babe-Aimee &a href=&///?target=http%3A///babeaimee77& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sina Visitor System&i class=&icon-external&&&/i&&/a&。&br&&br&怎么说呢......还是不该没事翻人家微博啊，有一点的幻灭，有兴趣的知友可以组队去看看(??_?`)&br&&br&其实本来看看那一组照片就蛮好的了...还是我的硅谷女神码农好啊(??_?`)
神器一：Pinterest
相当于全世界的人都在帮你找灵感！无论什么类别的设计都能找到你想要的风格，但是搜索时最好用英文。 比如： 1. 搜索“Poster” 2.搜索“web site” 3.搜索“ui” 你们感受一下 神器二： NounProject
欢迎关注我的专栏，我将在我的专栏推荐更多好玩优质的app&a href=&/thorapp& class=&internal&&APP小站 - 知乎专栏&/a&——————————————这个问题关注也挺久了，作为一个玩APP玩的比较多的，玩了也快接近800多的APP了。&br&之前的答案也介绍了很多了，我来介绍一组白黑风格图标的&br&&img data-rawheight=&555& src=&/b4b6cf3b9da0ffe1e08550_b.png& data-rawwidth=&550& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&/b4b6cf3b9da0ffe1e08550_r.png&&&br&1.开眼&br&每日推荐5个小视频，我基本每晚都看，世界那么大，一起来看看吧。&img data-rawheight=&589& src=&/aff0d5adbeb15_b.jpg& data-rawwidth=&682& class=&origin_image zh-lightbox-thumb& width=&682& data-original=&/aff0d5adbeb15_r.jpg&&&br&2.Nothing&br&比较难得的简洁大方的穿搭类APP，重点是男性的搭配比较多，也容易参考。实用性高而美观。&br&&img data-rawheight=&597& src=&/b8fdc10347b1fbb343a7f165f9a73998_b.jpg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/b8fdc10347b1fbb343a7f165f9a73998_r.jpg&&&br&3.留白&br&一款小巧的照片处理软件，可以将照片的一部分处理成纯白。&img data-rawheight=&594& src=&/cb5a08fabf_b.jpg& data-rawwidth=&682& class=&origin_image zh-lightbox-thumb& width=&682& data-original=&/cb5a08fabf_r.jpg&&&br&4.懒人周末&br&周末去哪了？简洁美观&img data-rawheight=&605& src=&/7da241978_b.jpg& data-rawwidth=&680& class=&origin_image zh-lightbox-thumb& width=&680& data-original=&/7da241978_r.jpg&&&br&5.野糖&br&一个为你定制的电子商店APP&br&&img data-rawheight=&628& src=&/bf3e17ec47a66feb7037_b.jpg& data-rawwidth=&600& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/bf3e17ec47a66feb7037_r.jpg&&&br&6.乐流&br&音乐app那么多，这一款只是让你纯粹的听音乐，想听啥说出来就行，其他的只管听就好了。&img data-rawheight=&601& src=&/bcefc05a391b83a79abb98_b.jpg& data-rawwidth=&692& class=&origin_image zh-lightbox-thumb& width=&692& data-original=&/bcefc05a391b83a79abb98_r.jpg&&&br&7.落网&br&小众的音乐app，分类众多&img data-rawheight=&609& src=&/4f8a4b05aeede9a287b28_b.jpg& data-rawwidth=&690& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&/4f8a4b05aeede9a287b28_r.jpg&&&br&8.same&br&很多人都推荐过了，再推荐下吧，设计特别精美。&img data-rawheight=&608& src=&/f7e74ccce8dcd671dca0d8e_b.jpg& data-rawwidth=&688& class=&origin_image zh-lightbox-thumb& width=&688& data-original=&/f7e74ccce8dcd671dca0d8e_r.jpg&&&br&9.片刻&br&片刻时间也可以很美。&img data-rawheight=&595& src=&/02b4bec431cf7ebbbe962_b.jpg& data-rawwidth=&682& class=&origin_image zh-lightbox-thumb& width=&682& data-original=&/02b4bec431cf7ebbbe962_r.jpg&&第二波&br&这一组应该更加适合妹纸&br&&br&&img data-rawheight=&401& src=&/4ce1f7ea1a9f3dec85809c_b.jpg& data-rawwidth=&572& class=&origin_image zh-lightbox-thumb& width=&572& data-original=&/4ce1f7ea1a9f3dec85809c_r.jpg&&10.小红书&br&分享各国吃的用的品质东西，逼格很高，界面清爽干净，用户分享的图片拍得都很精美，挺涨知识的&br&&img data-rawheight=&640& src=&/ff7f790eaa_b.jpg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/ff7f790eaa_r.jpg&&&br&11.氧气&br&妹纸们还在寻觅一个买内衣的好地方嘛，快来这看看，感觉内衣都可以收藏了，咳咳。。。&br&&img data-rawheight=&630& src=&/686bfdc324_b.jpg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/686bfdc324_r.jpg&&&br&12.良仓&br&生活中的美学如何定义，来这瞅瞅&br&&img data-rawheight=&637& src=&/10f37cb69cc5fbbbe937_b.jpg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/10f37cb69cc5fbbbe937_r.jpg&&&br&13.farfetch&br&比较文艺的物品，比较文艺的好去处。&br&&img data-rawheight=&623& src=&/70fbda184baf1c554a533a5f11a1fc8a_b.jpg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/70fbda184baf1c554a533a5f11a1fc8a_r.jpg&&&br&14.polyvore&br&整体比较偏欧美风，界面or东西，进来看看&br&&img data-rawheight=&610& src=&/17b22e5efcecab5738d4_b.jpg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/17b22e5efcecab5738d4_r.jpg&&&br&15.fancy&br&icon是个冰棒！特别适合夏天，看着就很舒服&br&&img data-rawheight=&625& src=&/7e1a62f5dfb76ca7686bd10b_b.jpg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/7e1a62f5dfb76ca7686bd10b_r.jpg&&&br&第三波&br&&img data-rawheight=&545& src=&/d0a43ac5dd455fcf7e2fa949eaa38bbe_b.jpg& data-rawwidth=&534& class=&origin_image zh-lightbox-thumb& width=&534& data-original=&/d0a43ac5dd455fcf7e2fa949eaa38bbe_r.jpg&&&p&16足记&/p&&p&火了一阵子，不得不说随便加一个字幕的效果真的很独特&/p&&img data-rawheight=&586& src=&/abf5e6f97c_b.jpg& data-rawwidth=&697& class=&origin_image zh-lightbox-thumb& width=&697& data-original=&/abf5e6f97c_r.jpg&&&p&17蝉游记&/p&&p&纯银大大家的东西，设计很美，让你忍不住想背上书包去流浪&/p&&img data-rawheight=&582& src=&/3a600aeaa2dd8daadd39c5b8_b.jpg& data-rawwidth=&673& class=&origin_image zh-lightbox-thumb& width=&673& data-original=&/3a600aeaa2dd8daadd39c5b8_r.jpg&&&p&18随便走&/p&&p&很独特的周边推荐软件，不一样的视角。&/p&&img data-rawheight=&594& src=&/b572fa0fccf52fc0be6d_b.jpg& data-rawwidth=&676& class=&origin_image zh-lightbox-thumb& width=&676& data-original=&/b572fa0fccf52fc0be6d_r.jpg&&&p&19MONO&/p&&p&有趣的交互，精致的内容，你会爱上的。&/p&&img data-rawheight=&591& src=&/c2f62ad760a8929dcc2ecc_b.jpg& data-rawwidth=&680& class=&origin_image zh-lightbox-thumb& width=&680& data-original=&/c2f62ad760a8929dcc2ecc_r.jpg&&&p&20LOFTER&/p&&p&网易良心出品。&/p&&br&&img data-rawheight=&586& src=&/298e1bc93ce17c9a250af356_b.jpg& data-rawwidth=&680& class=&origin_image zh-lightbox-thumb& width=&680& data-original=&/298e1bc93ce17c9a250af356_r.jpg&&&p&21好奇心日报&/p&&p&很多有趣的内容&/p&&br&&img data-rawheight=&595& src=&/925a39bf20de835ebb810d2_b.jpg& data-rawwidth=&671& class=&origin_image zh-lightbox-thumb& width=&671& data-original=&/925a39bf20de835ebb810d2_r.jpg&&&p&22榫卯&/p&&p&关于木头，你能想到可以在手机上这样欣赏吗&/p&&br&&img data-rawheight=&593& src=&/af6ba00a71afe48cc05ad4_b.jpg& data-rawwidth=&679& class=&origin_image zh-lightbox-thumb& width=&679& data-original=&/af6ba00a71afe48cc05ad4_r.jpg&&&p&23黄油相机&/p&&p&还在寻找一个可以给你的照片加上高逼格文字的软件吗，不要错过这个&/p&&img data-rawheight=&592& src=&/36f510b0d3adf0c927fc3df8_b.jpg& data-rawwidth=&677& class=&origin_image zh-lightbox-thumb& width=&677& data-original=&/36f510b0d3adf0c927fc3df8_r.jpg&&&p&24豆瓣FM&/p&&p&一直很喜欢的FM，总是能听到很多动人的音乐。&/p&&br&&img data-rawheight=&594& src=&/5b4d04ea608e55fa5c2d_b.jpg& data-rawwidth=&692& class=&origin_image zh-lightbox-thumb& width=&692& data-original=&/5b4d04ea608e55fa5c2d_r.jpg&&&p&第四波来了：&/p&&img data-rawheight=&558& src=&/756cd3caece_b.jpg& data-rawwidth=&548& class=&origin_image zh-lightbox-thumb& width=&548& data-original=&/756cd3caece_r.jpg&&&p&25、格志&/p&&p&写日记也可以这么文艺&/p&&br&&img data-rawheight=&592& src=&/b1af49b64fe7072ee61acfe04f71149e_b.jpg& data-rawwidth=&681& class=&origin_image zh-lightbox-thumb& width=&681& data-original=&/b1af49b64fe7072ee61acfe04f71149e_r.jpg&&&p&26火柴盒&/p&&p&看这名字是不是就觉得很吸引人&/p&&img data-rawheight=&595& src=&/ceee2e25d2c35df2e9604_b.jpg& data-rawwidth=&672& class=&origin_image zh-lightbox-thumb& width=&672& data-original=&/ceee2e25d2c35df2e9604_r.jpg&&&p&27喜欢在一起&/p&&p&一个很简单很Q的游戏，但就是很喜欢。&/p&&img data-rawheight=&593& src=&/ce76fc7da4cfdb_b.jpg& data-rawwidth=&666& class=&origin_image zh-lightbox-thumb& width=&666& data-original=&/ce76fc7da4cfdb_r.jpg&&&p&28echo&/p&&p&听惯了各种流行音乐，来这里换换口味&/p&&img data-rawheight=&597& src=&/e377bef1bcac1_b.jpg& data-rawwidth=&679& class=&origin_image zh-lightbox-thumb& width=&679& data-original=&/e377bef1bcac1_r.jpg&&&br&&p&29玩儿去&/p&&p&发现很多很多好玩的去处&/p&&img data-rawheight=&592& src=&/5c65af057ca151b45f29a0d7c127b11d_b.jpg& data-rawwidth=&679& class=&origin_image zh-lightbox-thumb& width=&679& data-original=&/5c65af057ca151b45f29a0d7c127b11d_r.jpg&&&br&&p&30厨房故事&/p&&p&有了它，你会爱上厨房&/p&&img data-rawheight=&594& src=&/8ee257bb232e630edd5fcba8f1b85e34_b.jpg& data-rawwidth=&674& class=&origin_image zh-lightbox-thumb& width=&674& data-original=&/8ee257bb232e630edd5fcba8f1b85e34_r.jpg&&&br&&p&31食色&/p&&p&美食的姿色，是难以抗拒的&/p&&img data-rawheight=&603& src=&/ff0c09ac371dc7db64ee8_b.jpg& data-rawwidth=&677& class=&origin_image zh-lightbox-thumb& width=&677& data-original=&/ff0c09ac371dc7db64ee8_r.jpg&&&br&&p&32花瓣&/p&&p&各种设计精美的图片&/p&&img data-rawheight=&592& src=&/2a707aea60e6446cfe79d9_b.jpg& data-rawwidth=&680& class=&origin_image zh-lightbox-thumb& width=&680& data-original=&/2a707aea60e6446cfe79d9_r.jpg&&&p&33果库&/p&&p&精美的物品。&/p&&img data-rawheight=&602& src=&/726749ddb4d0adab21d4_b.jpg& data-rawwidth=&681& class=&origin_image zh-lightbox-thumb& width=&681& data-original=&/726749ddb4d0adab21d4_r.jpg&&&p&三波，安利完了，希望大家喜欢。&/p&&p&————继续补充&/p&&p&大家这么捧场，那我再来加&/p&&p&●客路旅行&/p&&p&一款酷酷的旅行app，有很多逼格高，好玩有趣的项目&/p&&p&&img data-rawwidth=&720& data-rawheight=&823& src=&/v2-04e51b08a63c5aa77c9c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/v2-04e51b08a63c5aa77c9c_r.jpg&&&/p&&p&&br&&/p&&p&●zuo&/p&&p&一款很有特点的app，里面有很多精彩的设计亮点，发现生活中的好设计，更爱生活。&/p&&img data-rawheight=&801& src=&/d0c4c7f099b1e1b2b3c57cfc7103ab23_b.jpeg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/d0c4c7f099b1e1b2b3c57cfc7103ab23_r.jpeg&&&br&&p&●enjoy&/p&&p&可以听到每首歌最动听的30秒，你也可以自己制作你最爱的某首歌的那30！&/p&&img data-rawheight=&797& src=&/d3d840bb38f22e178ab345_b.jpg& data-rawwidth=&691& class=&origin_image zh-lightbox-thumb& width=&691& data-original=&/d3d840bb38f22e178ab345_r.jpg&&&br&●一半&br&&p&一人拍一张照片，然后把照片的[一半]分享与他人，一人一半合拼成一幅完整的图片。&/p&&img data-rawheight=&792& src=&/60da749a46_b.jpg& data-rawwidth=&717& class=&origin_image zh-lightbox-thumb& width=&717& data-original=&/60da749a46_r.jpg&&&br&●zero&br&逼格满满！&br&&img data-rawheight=&797& src=&/baf3ba_b.jpg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/baf3ba_r.jpg&&&br&●听说&br&语音版秘密噢！&br&&img data-rawheight=&781& src=&/598c0c5fe777e62e9d8dbc3311bce472_b.jpg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/598c0c5fe777e62e9d8dbc3311bce472_r.jpg&&&br&●ditto视频&br&很赞的短视频社区&br&&img data-rawheight=&797& src=&/0eac8b922e1ec0e1bf8b797c4c934b97_b.jpg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/0eac8b922e1ec0e1bf8b797c4c934b97_r.jpg&&&br&●涂手&br&一个很神奇的涂鸦应用&br&&img data-rawheight=&794& src=&/ffab3e5bfea5f70108b2_b.jpg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/ffab3e5bfea5f70108b2_r.jpg&&&br&●小偶&br&火爆国外的中国app，值得自豪啊，哈哈，上传个人照片，制作出的小偶真的很逼真噢。&br&&img data-rawheight=&802& src=&/eb9dfcd669dd95c5533e0_b.jpg& data-rawwidth=&750& class=&origin_image zh-