淘宝发布开源编辑器：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。
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 UI JavaScript 1 funtion方法的高级特性 2 图解闭包 3 JS面向对象高级特性 4 DOM 四个常用的方法 5 DOM 相册实现点击加载图片
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" /> js..."> js"> js"> ').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是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。
三、公司开源情况 哪些账号开源最厉害 在开源账号方面，各大公司的官方账号并不是拥有开源项目最多的账号，这一桂冠被阿里的 Kissy gallery 团队摘取，其原因是这个账号是 Kissy 前端框架的组件库账号...遗憾的是，Kissy 项目事实上已经死亡，其活跃期在 2015 年之前，在那个时代，Kissy 团队可以说是国内最早利用 GitHub 的先驱之一，它们固然值得尊重，但阿里是不是应该对这些账号做一些清理呢...而我们还可以看到，个别人和团队对整个公司的开源能产生重大影响，比如阿里的玉伯不仅是 Kissy 的创始人，也带领团队开发和维护 ant-design，撑起了阿里开源的大旗；百度有 echarts 团队；
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立马变成一个功能丰富的可视化编辑器。
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加密、JS混淆，是一回事吗？是的！在国内，JS加密，其实就是指JS混淆。...1、当人们提起JS加密时，通常是指对JS代码进行混淆加密处理，而不是指JS加密算法（如xor加密算法、md5加密算法、base64加密算法，等等...）2、而“JS混淆”这个词，来源于国外的称呼，在国外称为...所以，有的人用国外的翻译名称，称为js混淆。3、无论是js加密，还是js混淆，他们的功能，都是对js代码进行保护，使可读的明文js代码变的不可读，防护自己写的js代码被他人随意阅读、分析、复制盗用。...，js是直接执行源码、对外发布也是源码），所以，为了提升js代码安全性，就有了js加密、js混淆操作。...加密后的js代码，不一定能保证100%安全了，但肯定比不加密强，很简单的道理。6、怎样进行js加密、js混淆？
前端发展现状 前端这几年的发展都是有目共睹的，然而，如果按照已经落地投入实践的标准梳理下，会发现，基本上都是偏后的JS开发层面的，比方说Node.js下的前后端分离，MV*库，React.js，各种包管理工具及前端集成解决方案等...我们不妨可以看下kissy 5.0的DatePicker的组件使用示意： ?...你说kissy上手快，还是只需要写写标准HTML就OK上手快！ 其他团队同学乐于使用你的东西，介入快，实现效果好，大家都开心。反之，API千差万别，每次使用都要去翻文档，肯定影响合作。...等负责组件开发的前端，回来了，哪怕拖了个把星期，只要组件完成，公共JS一初始化，业务JS没有任何修改，无缝对接。 于是乎，实现了一个听上去很了不得的东西：前端分离。...JS代码。
如何在 JavaScript 中引用 JS 脚本 在 JavaScript 中引用外部 JS 脚本有两种主要方法： 使用 标签 这是最简单的方法，通过在 HTML 页面中插入... 标签来引用 JS 脚本： 其中 src 属性指定要引用的脚本文件的路径。...动态创建并插入 元素： const script = document.createElement("script"); script.src = "script.js
云服务器
ICP备案
对象存储
实时音视频
云直播
