月份: 2016-12

html5shiv.js的作用 – 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签问题。

HTML5增加的语义元素,
在最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。
Internet Explorer 9 将支持某些 HTML5 特性。
针对IE6|IE7|IE8 不支持HTML5新增加的语义元素。
在IE6|IE7|IE8 环境下,给HTML5新增加的语义元素写CSS,没有作用。
解决方法:
在head中引用,一定要在head中引用!!!一定要在head中引用!!!一定要在head中引用!!!重要的事情说三遍。

<!--[if lt IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]—>

然后在CSS中加入下面代码:

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

—————————–
如果http://html5shiv.googlecode.com/svn/trunk/html5.js文件访问不了,你也可以把下面代码复制粘贴新建一个html5.js文件
html5.js文件内容:

(function(){if(!/*@cc_on!@*/0)return;var e ="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()

引用<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
也可以替换为:

<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<![endif]—>

关于工作原理可以读读这篇文章:
http://www.jb51.net/html5/151265.html

—————————–
HTML5 的改进主要集中在一下几个方面:

1.新元素

2.新属性

3.完全支持 CSS3

4.Video 和 Audio

5.2D/3D 制图

6.本地存储

7.本地 SQL 数据

8.Web 应用





HTML5添加了很多语义元素如下所示:

标签 描述

<article> 定义页面独立的内容区域。

<aside> 定义页面的侧边栏内容。

<bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。

<command> 定义命令按钮,比如单选按钮、复选框或按钮

<details> 用于描述文档或文档某个部分的细节

<dialog> 定义对话框,比如提示框

<summary> 标签包含 details 元素的标题

<figure> 规定独立的流内容(图像、图表、照片、代码等等)。

<figcaption> 定义 <figure> 元素的标题

<footer> 定义 section 或 document 的页脚。

<header> 定义了文档的头部区域

<mark> 定义带有记号的文本。

<meter> 定义度量衡。仅用于已知最大和最小值的度量。

<nav> 定义导航链接的部分。

<progress> 定义任何类型的任务的进度。

<ruby> 定义 ruby 注释(中文注音或字符)。

<rt> 定义字符(中文注音或字符)的解释或发音。

<rp> 在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。

<section> 定义文档中的节(section、区段)。

<time> 定义日期或时间。

<wbr> 规定在文本中的何处适合添加换行符。 

趣图:产品未经测试就提交给客户


产品未经测试就提交给客户[doge]

@IT程序猿 微博评论:
达科_菜青:这分明是部署的问题[哈哈]
JZing:有地漏。没觉得哪里不对。
gu_阿布:ITEST都没有过
千鎏月:这是没有进行现场测试
杜宇80后:看到了吧,,,都把责任推给运维了
特立独行的木:还以为要溢出
姚玉民-A:分明是部署参数不对。水龙头长度参数改小点,笨蛋!
imjdc:这。。连自测都没有吧

我眼中的“微信小程序”

近期微信不声不响地推送了“微信小程序”,前端圈里铺天盖地的都是这个话题。
我尝试了一下,做了个小demo,由于太小,几乎就是跟着文档刷了一遍而已。所以就不放出截图代码了。
这篇主要说一下我眼中的“微信小程序”
学习 Vue

写代码的时候很明显能感觉到有 vue 的影子。
每个page分到一个文件夹里面,这个文件夹含有至少三个文件:.wxml, .wxss, .js 还有一个可选的.json分别对应的是 DOM 结构, 样式,控制器,配置文件
完完全全就是vue的template语法的拆解版。
这样做的好处是结构特别的清晰,不像jsx一样,不用什么都写.jsx里面,学习成本就变得很低了。
控制器里面也是有些模仿的意思吧。

Page({   

    data: {   

    },   

    onLoad: function(options){   

    }   

})

其实讲道理没什么模仿吧,毕竟js就是这么写的
融合 React
我很明显地在函数中看到了这样的语法:

this.setData({   

    foo: ‘bar’   

})

语法上还是很像的,对吧?
「微信小程序」剖析(二):框架原理 在桌面浏览器上运行的尝试 这篇文章后面有一段讲的是数据变动渲染什么的。说的比较含糊,没看太懂
绑定事件上也比较像react对吧,不过我比较偏爱的是 vue 的语法,很优雅

<button @click=”handle”>click me</button>

还有点儿 Angular2 的味道
只是在页面文件分成几个部分的时候我嗅到了一些Angular2的味道,把dom和style分开,放到自己当前文件夹里。
好吧,这个理由似乎有点儿勉强 🙂
特点
我在写代码的时候,感受到的一个最大的特点就是:简单,真的不需要太多的概念,不需要很复杂的工程就能在微信这么一个可能是全世界最大的流量入口做一个可用的小程序。是不是很激动。
每个页面对应一个文件夹,文件夹里一套微信规定好的东西。页面只要填充上微信做好的组件就可以跑起来了,而且还带支付功能!
它所带来的几个特性:
低成本
学习成本很低,整个模式对于初学者是很友好的,只要了解了 pattern 就能写代码了,也不用写 native。
也不用像 Angular2, React 那样要先学很多概念才能干活。
我甚至想,微信小程序的简单程度可能直逼 jQuery。
所以培训应该会很容易搞,公司招人也不需要太高的要求了,拉进公司学半天就行了。
高收益
微信流量巨大。我之前说过,它可能是全球最大的流量入口了。
关于这一点我想说,微信用户量大总所周知。不仅量大,微信的用户粘度非常强,用户也非常活跃,走在路上很容易看到各种人走两步就刷一下朋友圈,我觉得 Instagram 还没有这么强吧。
流量入口很容易带来高收益,再加上微信支付。我想很多中小型公司,尤其是电商这些的。会很快跟进。
阿里地位岌岌可危。
跨平台
做出的产品写一遍就能跨平台了。包括没什么产品支持的 windows phone 平台
缺点
太简单,无法支撑复杂应用
简单是好事,也是坏事。

微信小应用实在太简单了。甚至连组件化都没有!

也就是说,所有页面要写一些重复的工作才能看起来是一样的。

复杂的表单,强交互的场景把controller写几千行也是很正常的吧。

更没有组件通信。当然了,毕竟连组件都没有。
有好有坏吧,加上组件要考虑的事情就会变得更多,难度自然就上来了。
ES2015+
而且我看的 demo 代码几乎没有用到 ES2015+ 的特性,不过别担心,babel都能转。
不过暂时没有看到 module 是怎么处理的。

就像上面说的,一个文件写几千行?

我对代码略有洁癖,表示不能接受。
审核问题
首先是苹果的审核,会不会不允许微信这么干,IOS 这么一个大平台如果说不同意那这个项目基本就GG了。
对于这个问题我是持乐观态度的。我猜想这个项目进行之前就已经和苹果那边有商量了。而且腾讯的能量还是相当大的,苹果就算不想支持,在博弈之后可能还得慎重考虑。
然后是微信的审核是否过关?
我想微信是都想让大家过的,只是。。。广电总局这样的部门在国内力量似乎很强大嘛。
还有就是那种“屠龙宝刀,点击就送”的应用,会不会很容易放过?
微信政策
我其实很想做微信小程序玩玩的,只是担心会不会只开放给企业用户。

我认为个人开发者才是最勇猛,最激进,最热爱技术的那批人。

我希望能够尽量让更多的人都来开发。

这个问题其实我也是持乐观态度的。

微信可能不愿意开源出来,但是他们肯定很想让所有人都用。
暂时并不能取代客户端
比较尴尬的一点是,微信小程序并不能取代客户端。

一个非常重要的点是功能太弱。很多功能还是需要独立客户端来做的。

另一个,谁甘心并且完全放心把流量入口完全交给其他人呢?说不定一个乱七八糟的政策就能搞死一个产品。
我的态度
我觉得微信小程序是一个非常棒的消息,它可以更简单地做一些轻应用。也会更好玩。
轻应用,交互简单中小企业的可以快速来一套。并尝试重心转移到这里。

重型应用可以让现有的前端花几天撸一个页面,就做展示就好了,别想做很多功能了。
微信小应用可以说一定程度上又推了一把火热的前端。可能会带更多的人踏入前端的大坑了。
然而冷静一点。多少年了,我们一直追寻的跨平台真的能够在微信小程序上得到一定程度的实现吗?
我相信前端一定会越来越好。加油~

Chrome 插件集推荐

在前端这个行业里面,浏览器担任着及其重要的角色。今天我们可以选择的浏览器有很多,Chrome,Firefox,IE,Safari… 为了能获得更佳的开发体验,大家更多地选择 Chrome。今天介绍下我平时安装的那些 Chrome Extensions。

OneTab
当您发现自己有太多的标签页时,单击OneTab图标,将所有标签页转换成一个列表。当您需要再次访问这些标签页时,可以单独或全部恢复它们。
JSONView
JSONView 是一个方便查看 Json 结构的插件,展开,折叠,看接口返回数据就是这么方便。
SnappySnippet
有时候想在 Codepen, JS Bin, jsFiddle 等平台演示 bug 或者装个五毛的 B ,但限于样式拆分得太细,难以抽离,SnappySnippet 可以快速帮你完成这项苦差事。
EditThisCookie
EditThisCookie 是个修改 Cookie 的快捷工具。
Validity
Validity 可以用来快速验证你的 HTMl 文档明显错误,比如少了个结束标签,使用了不规范标签,缺少了某些属性等等。
Responsive Web Design Tester
移动端页面适配利器,使用 Responsive Web Design Tester,你可以快速在目标尺寸上打开页面,可以自己配置尺寸,修改 UserAgent, 整体效果比 Chrome 自带模拟器更赞~
Allow-Control-Allow-Origin: *
JS 同源策略保障我们的页面安全,但是开发期间我们并不想看到这烦人的家伙,使用Allow-Control-Allow-Origin: *插件轻松解决这个问题 Allow-Control-Allow-Origin: *。
Chrome Sniffer Plus
有时候打开某家公司的页面,很好奇人家用了哪些技术库、框架,Chrome Sniffer Plus 可以为你服务。
Clear Cache
快速清除页面缓存?我用 Clear Cache。
Full Page Screen Capture
看到酷炫的页面排版,叹为观止的巧妙设计想保存下来? 使用 Full Page Screen Capture。
LastPass
管理页面密码,省去频繁输入测试账号密码的烦恼,为了安全保障,最好还是不要保存购物网站的密码哟~
Panda 5 | News & Inspiration Dashboard

Panda 的定位是一个非常优秀的资源阅读器。
Octotree
上同性社交网站的时候经常在翻别人源码的时候特别苦恼,特别是你的网络不给力的时候,简直想死,Octotree 帮助你整理出来项目文件列表。
PerfectPixel
这是一个像素级对稿的插件,如果你所在的公司也特别有情怀的话,那么这个软件可以省去大把你和设计师对稿的时间。
Postman
口碑极好的一个接口调试工具,必备神器,不多说,但是你一定要装。
AngularJS Batarang / React Developer Tools / Vue.js devtools
Angular / React / Vue 调试工具。

AngularJS Batarang 

React Developer Tools

Vue.js devtools
Stylish
Stylish 是一个自定义页面外观的工具,比如想去掉 *度 无下限的广告,给它加个 display: none!
User-Agent Switcher for Chrome
切换 User Agent 的插件。
Web Server for Chrome
快速启动小项目或Demo的神器。
一键管理所有扩展
插件装多了,不好管理? 启动慢? 好好管教管教。
广告终结者
跟烦人的广告说再见,还你一个干净有情怀的页面。
页面自动刷新
定时刷新页面,我还记得当初用它抢到一个 小米2s。
掘金
(不是广告,不是广告,不是广告,至少我没有收钱)
掘金是中国质量最高的技术分享社区,邀请稀土用户作为 Co-Editor 来分享优质的技术干货,从前端到后端开发,从设计到产品,让每一个掘金用户都能挖掘到有价值的干货。
上面的插件大部分都没有中文版,而且 Chrome 本来也在墙外,如果你发现自己打不开上面那些链接的话,趁这个机会出个墙吧。
你有什么好插件?
(工具始终都只是辅助,但是装优秀的插件可以提高开发效率。)
给你一个全新的 Chrome 你会优先装什么工具?你有什么好玩意儿在推荐推荐。

2016年开源巨献:来自百度的71款开源项目

百度,一家让人既爱又恨的企业,血友吧贴吧被卖,魏则西事件的持续发酵,一时间将百度推到了舆论的风口浪尖上。是非对错,我们在这里也不多做评判,本文呢为大家整理了百度开源的70+项目,看看有没有感兴趣的。本文内容综合整理自oschina、github。

1. JavaScript图表库 ECharts

ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。

2. 分布式配置管理平台 Disconf

Distributed Configuration Management Platform(分布式配置管理平台)专注于各种 分布式系统配置管理 的通用组件/通用平台, 提供统一的配置管理服务。

3. 移动WebApp开发框架 Clouda

Clouda是基于node.js的Webapp开发框架,在使用Clouda时需要安装node.js和MongoDB。

4. 全新 3D 可视化库 ECharts-X

ECharts-X是 ECharts 团队推出的全新 3D 可视化库,它是基于 ECharts 的扩展,底层深度整合了 WebGL 库QTEK和 Canvas2D 库ZRender。

5. 百度的Javascript库 Tangram

Tangram是Baidu开发的一套简单可依赖的Javascript库。

6. 在线富文本编辑器 UMeditor

UMeditor,简称UM,是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变,全版本的代码量为125k,而且放弃了使用传统的iframe模式,采用了div的加载方式, 以达到更快的加载速度和零加载失败率。

7. Android自动化测试框架 Cafe

Cafe 测试框架是一款来自百度QA部门的具有开创性意义的Android平台的自动化测试框架,框架覆盖了Android自动化测试的各种需求。框架致力于实现跨进程测试、快速测试、深度测试,解决了Android自动化测试中的诸多难题,比如业界一直没有解决的跨进程测试问题。

8. Web 端的 UI 框架 BlendUI

BlendUI 是百度公司的一个 Web 前端 UI 框架。BlendUI 能让Webapp的体验和交互与Native媲美。

9. 百度音乐播放内核 MuPlayer

MuPlayer 是一款跨平台、轻量级的音频播放解决方案,是百度@音乐前端团队开发维护的浏览端音频播放内核,它基于HTML5 Audio及Flash音频技术,已在百度音乐多个线上产品线中应用,具备很强的灵活性和稳定性。

10. 轻量级UI组件 Magic

Magic是用JavaScript脚本开发的轻量级UI组件,具有性能高效、代码量小、支持多种初始化方式等方面的优势,Web前端开发者可以使 用Magic快速搭建前端功能比较复杂的网站。Magic的每个组件都有非常丰富的接口和事件处理,网站也提供了详细的使用文档和Demo演示。Web前 端开发者可以通过定制组件、初始化方式和插件获得最轻量级版本。

11. 高性能RPC框架 BGCC

BGCC(音:[bigsisi:])是百度具有完全知识产权的跨平台、多语言、面向对象与服务的轻量级高性能RPC框架。 它支持事务级别的服务端消息主动推送,强大的接口级事务管理功能,包含自定义的通信协议、接口描述语言(bidl)、 强大的代码生成引擎(bidl2sl),Java、C++通信无缝整合。

12. 分布式表格系统 Tera

Tera 是一个高性能、可伸缩的数据库系统,被设计用来管理搜索引擎万亿量级的超链与网页信息。为实现数据的实时分析与高效访问,我们使用按行键、列名和时间戳全局排序的三维数据模型组织数据,使用多级Cache系统,充分利用新一代服务器硬件大内存、SSD盘和万兆网卡的性能优势,做到模型灵活的同时,实现了高吞吐与水平扩展。

13. 基于 Node 的 JavaScript 同构解决方案 rebas

基于 Node 的 JavaScript 同构解决方案。提供了 saber 的服务端运行环境,使其具备从 SPA 到 MPA,从前端渲染到后端渲染的深度响应式能力。

14. 面向c/c++语言的构建工具 Broc

broc是一款面向c/c++语言的构建工具,提供了编译、分支依赖、依赖模块下载等功能。不同于make, cmake等以库文件链接的编译方式,broc将依赖库源代码与程序源代码一并同时进行编译,这种方式可以避免程序源代码与依赖库编译选项或平台不一致导 致的软件兼容性问题;broc支持编译结束后自动运行单元测试用例;借助Jenkins broc还能完成软件的持续集成。

15. 富文本编辑器 Ueditor

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点。

16. 在线脑图编辑器 Kity Minder

KityMinder 是百度FEX团队的f-cube小组(原UEditor小组)的又一力作。作为一款在线的脑图编辑工具,它有着很多Native编辑工具的交互体验。KM与UE有着一样的宗旨,就是注重最终用户的使用体验。同时,它充分发挥了Web云存储的优势,可以直接将编辑中的脑图同步到云端。此外,借由独创的 “云盘分享”功能,用户可以一键将当前编辑的脑图直接生成在线链接共享给其他用户,实现无缝沟通。

17. 轻量级的Canvas类库 ZRender

zrender(Zlevel Render) 是一个轻量级的Canvas类库,MVC封装,数据驱动,提供类Dom事件模型,让canvas绘图大不同!

18. 文件上传组件 WebUploader

WebUploader 是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,延用原来的FLASH运行时,兼容IE6+,Andorid 4+,IOS 6+。两套运行时,同样的调用方式,可供用户任意选用。

19. 手势识别与事件库 Touch.js

Touch.js是移动设备上的手势识别与事件库, 由百度云Clouda团队维护,也是在百度内部广泛使用的开发工具。

20. 地图可视化工具库 Mapv

Mapv 是一款基于百度地图的大数据可视化开源库,可以用来展示大量的点、线、面的数据,每种数据也有不同的展示类型,如直接打点、热力图、网格、聚合等方式展示数据。

21. 专注于移动端的滑动解决方案 iSlider

iSlider 是个非常平滑的滑块,支持移动端 WebApp,HTML5App 和混合型的 App。

22. 百度UI库 ESUI

ESUI是一套简单的UI Library,提供一系列的控件,能满足基本页面交互功能。ESUI的API与默认视觉皮肤遵循BAIDU ECOMUI标准。

23. jQuery的弹窗插件 wBox

wBox轻量级的弹出窗口jQuery插件,基于jQuery1.4.2开发,主要实现弹出框的效果,并且加入了很多有趣的功能,比如callback函数,显示隐藏层,Ajax页面,iframe嵌入页面等功能。

24. 百度BI平台 BiPlatform

百度开源的新一代一站式敏捷bi平台,提供报表和OLAP服务的敏捷BI平台。

25. 前端集成解决方案 F.I.S

F.I.S(FIS)所提供的集成解决方案依托于一套灵活高效的 编译工具,F.I.S借助该编译平台对前端开发资源进行整合。接触F.I.S,可以从该平台入手。

26. 移动端组件库 Global Mobile UI

GMU(Global Mobile UI)是百度前端通用组开发的移动端组件库,具有代码体积小、简单、易用等特点,组件内部处理了很多移动端的bug,覆盖机型广,能大大减少开发交互型组件的工作量,非常适合移动端网站项目。

27. RPC框架 sofa-pbrpc

sofa-pbrpc(sofa protobuf-based rpc)是使用Boost::Asio实现的基于Google Protocol Buffers RPC框架的网络通信库,在百度公司各部门得到广泛使用。

28. 百度文件系统 BFS-Baidu

百度的核心数据库Tera将数据持久化在分布式文件系统上,分布式文件系统的性能、可用性和扩展性对整个上层搜索业务的稳定性与效果有着至关重要的影响。

29. 企业级标准加载器 ESL

ESL 是一个浏览器端、符合AMD的标准加载器,适合用于现代Web浏览器端应用的入口与模块管理。

30. 前端移动框架 Saber

Saber 是 模块化、组合式 的前端移动框架。

31. 百度mysql分库分表中间件服务器 heisenberg

heisenberg 是百度的熊照同学(id:brucexx)编写的一款基于MySQL协议之上的分库分表中间件服务器,支持各种灵活(velocity脚本自定义)的分库分表规则,做到应用和分库分表相隔离,并且为mysql进行dbproxy,减少了db的连接IO压力,并且可做到读写分离以及replication的手工切换。

32. doc 文档在线编辑和预览 wordonline

wordonline 是在线编辑和预览 .doc 和 .docx 文档的工具。

33. JS模板引擎 BaiduTemplate

baiduTemplate希望创造一个用户觉得“简单好用”的JS模板引擎。

34. 在线文件管理器 UFinder

UFinder 是百度前端团队基于页面级的文件管理应用。

35. webSlide

webSlide是用于在线PPT演示文档的javascript框架。

36. 网络幻灯片 nodePPT

nodePPT 是使用nodejs写的网络幻灯片。

37. 前端模块化解决方案 fis-pure

fis-pure 是基于FIS的纯前端模块化解决方案pure。

pure是基于FIS二次封装能力封装而成的解决方案,可以直接使用,也可以参考fis-pure自行封装或组合使用插件来构建属于自己的一体化解决方案。

38. J2EE Velocity 前端集成方案 jello

jello 是针对服务端为 JAVA + Velocity 的前端集成解决方案。jello 为优化前端开发而生,提供前后端开发分离、自动性能优化、模块化开发机制等功能。

39. protobuf的Java开发包 jprotobuf

jprotobuf是针对Java程序开发一套简易类库,目的是简化java语言对protobuf类库的使用,使用jprotobuf可以无需再去了解.proto文件操作与语法,直接使用java注解定义字段类型即可。

40. 人工智能软件 WARP-CTC

WARP-CTC 是百度硅谷 AI 研究所 (SVAIL) 开源的百度关键人工智能 (AI) 软件。

41. 百度云Go语言SDK bcsgo

百度云存储服务Go语言SDK。

42. 前端模块加载解决方案 modJS

modJS 是一套的前端模块加载解决方案。与传统的模块加载相比,modJS 会根据产品实际使用场景,自动选择一种相应的方案,使最终的实现非常轻量简洁。

43. 公式编辑器 KityFormula

Kity Formula 为您提供公式表达式解析,可视化公式编辑,公式完美展示于一身的web端的整体解决方案。

44. 高品质的 WebGL 类库 Qtek

Qtek (WebGL Graphic Library) 是一个高品质的 WebGL 类库,目前仍处于实验阶段。

物理组件:

https://github.com/pissang/qtek-physics

2D 组件

https://github.com/pissang/qtek-2d

45. 集群操作系统 Galaxy

Galaxy是一个数据中心操作系统,目标是最大化资源的利用率与降低应用部署运维代价,支持万台集群资源调度与管理,目前主要服务于百度网页搜索离线架构业务,解决分布式文件系统,分布式表格系统,以及上层计算模块运维与部署问题。

46. 富浏览器端web应用框架 ER

ER 是百度公司的一个富浏览器端web应用的框架,适用于并能很方便地构建 一个整站式的AJAX web应用。

47. 深度学习平台 PaddlePaddle

PaddlePaddle(并行分布式深度学习)是一个易于使用的、高效的、灵活的和可扩展的深度学习平台,它最初是百度的科学家和工程师为了能让百度产品能提供深度学习而开发的。

48. 前端统计框架 ALog

ALog 是前端统计框架。

49. Baidu Push SDK

Baidu Push SDK 是百度的云推送 SDK 开发包。

50. 企业级前端应用开发平台 EDP

EDP是基于 Node 的前端应用开发平台,是一个企业级前端应用的开发平台,提供了常用的项目管理工具、包管理工具、调试工具、构建工具、代码生成工具、代码检测工具等一系列开发时的支持,并允许用户自定义自己的扩展。

51. HTML5 音乐播放器 Player

Player 是 HTML5 版本音乐播放器,支持 iOS 设备。

演示地址:http://4.qdemo.sinaapp.com/html5/chrome/

52. jQuery 遮罩插件 SlipHover

SlipHover 是一个基于 jQuery 的插件,它能够感知鼠标移动方向,并在相应的方向(或反方向)以动画的方式显示出一个遮罩层,用来显示标题或描述,应用到幻灯片或相册中是个不错的选择。 SlipHover 还支持自定义遮罩高度、动画时间、字体颜色、背景颜色、文字排版等等。

53. 模板引擎 ETPL

ETPL是一个灵活、具有强大复用能力的高性能的模板引擎,适用于WEB前端应用中视图的生成,特别是SPA(Single Page APP)类型的应用。

54. 基于 LESS 的样式工具库 EST

EST(ECOM Styling Toolkit)是一个基于 LESS 的样式工具库,帮助您更轻松地书写 LESS 代码。EST提供了一系列方便 快捷的 mixin,只在调用时才输出代码。est 不希望提供直接给 HTML 调用的类名,用「样式类」污染 HTML 代码的语义。当然您也可以根 据自己的项目需求基于 est 搭建样式类库,提供类名接口来进行快速开发。

演示地址:http://ecomfe.github.io/est/fiddle/

55. 基于 SVG 的矢量图形库 Kity

Kity 是一个基于 SVG 的矢量图形库,帮助你快速在页面上创建和使用矢量元素。

56. 前端资源聚合平台 Lights

Lights 是FIS包管理工具。提供便捷、易用的资源安装、发布、搜索,管理工具。用于团队间快速共享资源,提升开发效率。 

57. EDP 扩展 edpx-zhixin

edpx-zhixin 是 edp 的一个扩展,提供给百度的FE开发搜索结果页模板的工具。

58. 服务虚拟化 Terminator

服务虚拟化指的就是虚拟出不稳定、不可用、未开发完全的服务。

59. 前端集成解决方案 baidu yogurt

yogurt 是基于 fis 扩展针对服务端为 express.js 的前端集成解决方案。

60. 移动 Web 的 CSS 样式工具库 Rider

rider是一个基于 Stylus、专注于移动 Web 的 CSS 样式工具库。

61. kraken.js 扩展 Yog

Yog 是一个基于 Express.js 的 Node.js Web 应用引导模块,扩展了 kraken.js。

62. 基于Nodejs 的前端工具集 FEinit

FEinit 是基于Nodejs 的前端工具集,因为是在windows系统开发,所以目前仅适合 windows 系统。

63. Node Log 统计方案 yog-log

yog-log 是 Node Log 统计方案,是yog框架的log统计模块,支持中间件或者单独使用等方式,兼容ODP日志格式与配置。

64. 轻量级覆盖率测试工具 logcover

logcover 是一款非常便捷的统计测试用例异常日志覆盖率的工具。可清晰地分析出程序源代码中异常日志的覆盖情况,检验测试充分度,指导测试用例完善。 

65. 知心组件库 moye

Moye 是 ECOM UI 1.1 规范的一个轻量级实现。

66. fis-postprocessor-amd

fis-postprocessor-amd 能识别 js 中 amd 依赖,自动包转 isMod  的 js 为 amd。

67. EDP 的移动端扩展 EDPM

edpx-mobile(EDPM) 是 EDP 的移动端扩展。EDPM 是对 edp 功能的补充,为移动项目提供项目初始化、脚手架、调试服务器等功能。

68. 前端代码风格工具 FECS

FECS 是基于 Node.js 的前端代码风格工具。

69. WEB 组件规范 xspec

xspec 是一系列基于WEB COMPONENTS的组件规范,致力于借助规范的力量让组件发挥更大的价值。

70. yog-pm

yog-pm是在pm2的基础上提供了几个增强命令,提高pm2的易用性和稳定性。

71. Express.js 中间件 yog-view

yog-view 是一个 Express.js 中间件,用来优化 js/css 输出排序,允许在 bigpipe 模式中显示。

 

作者:灵雨飘零 
出处:http://www.cnblogs.com/kingboy2008/ 
本文版权归作者和博客园、CSDN共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。该文章也同时发布在我的独立博客中-博客园—灵雨飘零CSDN—灵雨飘零

支付宝支付有测试模式吗?支付宝支付测试模式。

支付宝支付测试模式。
支付宝沙箱环境:http://sandbox.alipaydev.com/index.htm

如何调试支付宝接口?https://cshall.alipay.com/enterprise/help_detail.htm?help_id=477446

不知道你说的插件是跟什么程序整合:支付宝有提供比较常用的集成SDK https://b.alipay.com/order/techService.htm