淘宝发布开源编辑器：KISSY Editor，和我们在 WordPress 后台使用的富文本编辑器 TinyMCE 一样，它可以让我们在线编辑和格式化文本，但是相比 TinyMCE KISSY Editor...KISSY Editor 是开源项目 KISSY UI Library 的一个组件。...KISSY 目前基于 YUI 2.x 开发，目标是打造一系列小巧灵活、简洁实用、使用起来让人感觉愉悦的 UI 组件，目前已有 CSS 基础框架、搜索提示 Suggest 和 KISSY Editor 这个富文本编辑器等组件...来自淘宝的开源编辑器：KISSY Editor KISSY Editor 的基本功能有： 含有编辑器的基本功能，如：字体，颜色，大小，粗细，下划线，插入图片，链接等 该编辑器的最大特点是小巧精简，仅依赖...yahoo-dom-event，代码 min 后不超过 50k，gzip 压缩后不超过 20k 支持所有 A 级浏览器 KISSY Editor 是基于 MIT 协议发布的开源项目，所以无论是个人开发还是商业应用
JS 文本输入框放大镜效果 今天下午研究了下 "文本输入框放大镜效果" 当然KISSY官网也有这种组件 请看kissy demo 其实这种效果 对于很多童鞋来说 应该并不陌生！...通过JS不断的监听输入框值的变化(通过jquery中的keyup事件)，有值的话 把内容值赋值给那显示div上去。...但是KISSY是支持的，因为KISSY有一个valueChange事件 可以不断的监听键盘操作(原理是：用个定时器不断的检测输入框值得变化)，鼠标右键操作等等事件，也就是说可以实时的监听输入框之前值，之后值得变化...至于KISSY中的 "valueChange"事件方法 我有空的时候 想偷下他们的代码 来改造下！呵呵！...现在来分析下JS代码： 1. 初始化，绑定事件：如下代码： ?
框架 简介 官网 gulp 流式前端构建工具 http://www.gulpjs.com.cn/ grunt 基于node.js，可用于自动化构建，测试，生成文档的项目管理工具 http://gruntjs.com.../ FIS FIS3 是面向前端的工程构建工具 http://fis.baidu.com/ webpack 模块加载器兼打包工具 http://webpack.github.io/ Vue.js 是用于构建交互式的...t=http://vuejs.org/&h=1000&c=&n=vuejs Sea.js 模块化js http://seajs.org/docs/#intro Angular.js 为了克服HTML在构建应用上的不足而设计...http://www.apjs.net/ React Facebook 推出的一个用来构建用户界面的 JavaScript 库 http://facebook.github.io/react/ Kissy...的方式来组织浏览器端的 Javascript 代码 Sass 一个功能丰富，用途很广的 CSS 预处理器 http://www.w3cplus.com/sassguide/ Bootstrap HTML、CSS 和 JS
起源是https://zhitongche.taobao.com/ 有个url（g.alicdn.com/kissy/k/1.4.4/seed.js）老是解码错误。...原因是阿里的垃圾程序员，在url里明明写着是GBK的页面，js却是utf-8编码。...blink会在下面堆栈里预加载js： blink::TextResource::TextResource(const blink::Resou blink::ScriptResource::ScriptResource...WTF::FunctionWrapper<void (__thiscall blink::HTMLPa 里真正去加载js。
记录前端学习历程 kissy UI JavaScript 1 funtion方法的高级特性 2 图解闭包 3 JS面向对象高级特性 4 DOM 四个常用的方法 5 DOM 相册实现点击加载图片
Sea.js 追求简单、自然的代码书写和组织方式，具有以下核心特性：简单友好的模块定义规范：Sea.js 遵循 CMD 规范，可以像 Node.js 一般书写模块代码。...17.Prototype 是一个非常优雅的JS库，定义了JS的面向对象扩展，DOM操作API，事件等等，以prototype为核心，形成了一个外围的各种各样 的JS扩展库，是相当有前途的JS底层框架，值得推荐...32.Kissy 官方网址：http://docs.kissyui.com Kissy是阿里集团自主开发的前端框架，目前在淘宝网、一淘网等阿里系网站上得到不少应用。...Kissy 框架模仿 jQuery 编写了自己的内核 Kissy Core，用于对 DOM 的解析，Ajax 处理等。同时，有着丰富的控件，并实现了一些动画效果和特效。...同样，在 Kissy 的控件中也可以看到 Bootstrap 等国外框架的影子。此外，Kissy abc 项目工具可以帮助用户实现自动化构建，并有很多扩展组件方便用户使用。
Sea.js 追求简单、自然的代码书写和组织方式，具有以下核心特性：简单友好的模块定义规范：Sea.js 遵循 CMD 规范，可以像 Node.js 一般书写模块代码。...17.Prototype 是一个非常优雅的JS库，定义了JS的面向对象扩展，DOM操作API，事件等等，以prototype为核心，形成了一个外围的各种各样 的JS扩展库，是相当有前途的JS底层框架...32.Kissy 官方网址：http://docs.kissyui.com Kissy是阿里集团自主开发的前端框架，目前在淘宝网、一淘网等阿里系网站上得到不少应用。...Kissy 框架模仿 jQuery 编写了自己的内核 Kissy Core，用于对 DOM 的解析，Ajax 处理等。同时，有着丰富的控件，并实现了一些动画效果和特效。...同样，在 Kissy 的控件中也可以看到 Bootstrap 等国外框架的影子。此外，Kissy abc 项目工具可以帮助用户实现自动化构建，并有很多扩展组件方便用户使用。
kissy/k/1.4.2/seed-min.js"> <input type
一些前端工具和平台介绍 Kissy： 由淘宝前端工程师们发起创建的一个开源 JS 类库。...文件, 然后延迟将js功能加载到内存的工具）； 简单的说 Node.js 就是运行在服务端的 JavaScript。...node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。...seajs安装 首先安装node.js：直接到官网下载安装； 再用npm（node.js模块管理工具）安装seajs模块，命令行：npm install seajs -g；-g：全局安装； 说明：推荐使用淘宝...spm安装（同样基于node.js） 首先命令行安装spm：npm install spm -g； 然后安装spm的几个子命令, node.js叫plugin 方法一：直接使用npm命令安装
type="text/css" rel="Stylesheet" /> ').uploadify('cancel','*')">取消上传 uploadify3.0详细使用说明Mvc利用淘宝Kissy
/ }); 在 dialog.js 前没有引入 util.js，因此 dialog.js 无法正常工作。...文件的依赖，目前在绝大部分类库框架里，比如国外的 YUI3 框架、国内的 KISSY 等类库，目前是通过配置的方式来解决。...为了方便描述，我们使用 Sea.js 来作为模块化开发框架。 使用 Sea.js 来解决 Sea.js 是一个成熟的开源项目，核心目标是给前端开发提供简单、极致的模块化开发体验。.../util.js') 就可以拿到 util.js 中通过 exports 暴露的接口。...一类是以 Dojo、YUI3、国内的 KISSY 等类库为代表的大教堂模式。在大教堂模式下，所有组件都是颗粒化、模块化的，各组件之间层层分级、环环相扣。
改用 touch 事件 由于项目使用的是 Vue.js，这里就提供一下 Vue.js 的解决方法。...// main.js import vueTap from 'v-tap' // 引入插件 Vue.use(vueTap) // 全局注册 v-tap="{methods:showReceiveModel...使用 fastclick 插件 这个也是在网上看到的，也可以解决点透问题，使用方法可以看 fastclick 的文档，在这里提供一下 Vue.js 的引入及使用 import FastClick from...其他 tap 一词 对于 tap 这个词，用过 Zepto 或 KISSY 等移动端js库的人肯定对tap事件不陌生，做PC页面时绑定 click，相应地手机页面就绑定 tap。...但原生的 touch 事件本身是没有 tap 的，js库里提供的tap事件都是模拟出来的。 手机上响应 click 事件会有300ms的延迟，那么这300ms到底是干嘛了？
前端js库简介 - node , 是javascript语言的环境和平台， - npm , yarn , bower 是一类，包管理， - webpack , browserify , rollup 是一类...backbone 是一类，mvc , mvvm , mvp 之类的前端框架， - jquery , zepto , prototype 是一类，前端 DOM , BOM 类库 ， - ext , yui , kissy...， - Less , Sa|css , Stylus , PostCSS , 是一类，CSS 程式化方案， - Karma , Protractor , 测试 以上基本囊括了web前端需要了解到的一些js
Vue Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。...Skeleton Skeleton 是一个小的 JS 和 CSS 文件的集合,可快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。...kissy 一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。 MUI 最接近原生App体验的前端框架的框架。 Arale 一个开放、简单、易用的前端基础类库。...ZUI 开源HTML5前端框架 Clouda Touch.js Touch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。
www.kindsoft.net/]KindEditor[/URL] [URL=http://www.e512.net/tqeditor/]TQEditor[/URL] [URL=http://www.kissyui.com]淘宝KISSY...主要特点：精简迷你：初始加载4个文件，包括：1个js(50k)+2个css(10k)+1个图片(5k)，总共65k。...若js和css文件进行gzip压缩传输，可以进一步缩减为24k左右。使用简单：简单的调用方式，加一个class属性就能将您的textarea立马变成一个功能丰富的可视化编辑器。
三、公司开源情况 哪些账号开源最厉害 在开源账号方面，各大公司的官方账号并不是拥有开源项目最多的账号，这一桂冠被阿里的 Kissy gallery 团队摘取，其原因是这个账号是 Kissy 前端框架的组件库账号...遗憾的是，Kissy 项目事实上已经死亡，其活跃期在 2015 年之前，在那个时代，Kissy 团队可以说是国内最早利用 GitHub 的先驱之一，它们固然值得尊重，但阿里是不是应该对这些账号做一些清理呢...而我们还可以看到，个别人和团队对整个公司的开源能产生重大影响，比如阿里的玉伯不仅是 Kissy 的创始人，也带领团队开发和维护 ant-design，撑起了阿里开源的大旗；百度有 echarts 团队；
打开上图找到的 index.js 文件： https://x.alicdn.com/vip/havana-nlogin/0.5.61/index.js 直接搜索关键字 password2，很快就能找到...这个 index.js 里还能发现一些有趣的东西。...某宝网首页，采用的是阿里自研的前端框架，Kissy： 我们在某宝网首页看到琳琅满目的商品图片，都是被 Kissy 驱动，通过向 CDN 服务器发起的数据请求而被加载的： 在这些页面片段的源代码里还看到一些有意思的内容
JavaScript 框架汇总 JavaScript 框架 react Angular jQuery Backbone.js Ractive.js KISSY Zepto.js Vanilla JS...framework JavaScript 工具库 underscore.js Way.js – 双向数据绑定库 Keys.js – 应用快捷键 3....图表绘制 Highcharts Chart.js – Simple HTML5 Charts using Canvas 百度 ECharts Chartist.js D3.js – A JavaScript...拖拽组件 Draggabilly – 专注于拖拽功能的 JS 库 13.18 隐藏或展示页面元素 Headroom.js – 在不需要页头时将其隐藏 Readmore.js – 内容显示与隐藏插件 13.19...– 实现纯JS网页截图 jquery.qrcode.js – 生成二维码的 jQuery 插件 FocusPoint.js 实现图片的响应式裁剪 DD_belatedPNG.js – 让IE6支持透明
前端发展现状 前端这几年的发展都是有目共睹的，然而，如果按照已经落地投入实践的标准梳理下，会发现，基本上都是偏后的JS开发层面的，比方说Node.js下的前后端分离，MV*库，React.js，各种包管理工具及前端集成解决方案等...我们不妨可以看下kissy 5.0的DatePicker的组件使用示意： ?...你说kissy上手快，还是只需要写写标准HTML就OK上手快！ 其他团队同学乐于使用你的东西，介入快，实现效果好，大家都开心。反之，API千差万别，每次使用都要去翻文档，肯定影响合作。...等负责组件开发的前端，回来了，哪怕拖了个把星期，只要组件完成，公共JS一初始化，业务JS没有任何修改，无缝对接。 于是乎，实现了一个听上去很了不得的东西：前端分离。...JS代码。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
