淘宝发布开源编辑器: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命令安装
/ }); 在 dialog.js 前没有引入 util.js,因此 dialog.js 无法正常工作。...文件的依赖,目前在绝大部分类库框架里,比如国外的 YUI3 框架、国内的 KISSY 等类库,目前是通过配置的方式来解决。...为了方便描述,我们使用 Sea.js 来作为模块化开发框架。 使用 Sea.js 来解决 Sea.js 是一个成熟的开源项目,核心目标是给前端开发提供简单、极致的模块化开发体验。.../util.js') 就可以拿到 util.js 中通过 exports 暴露的接口。...一类是以 Dojo、YUI3、国内的 KISSY 等类库为代表的大教堂模式。在大教堂模式下,所有组件都是颗粒化、模块化的,各组件之间层层分级、环环相扣。
type="text/css" rel="Stylesheet" /> js..."> js"> js"> ').uploadify('cancel','*')">取消上传 uploadify3.0详细使用说明Mvc利用淘宝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到底是干嘛了?
三、公司开源情况 哪些账号开源最厉害 在开源账号方面,各大公司的官方账号并不是拥有开源项目最多的账号,这一桂冠被阿里的 Kissy gallery 团队摘取,其原因是这个账号是 Kissy 前端框架的组件库账号...遗憾的是,Kissy 项目事实上已经死亡,其活跃期在 2015 年之前,在那个时代,Kissy 团队可以说是国内最早利用 GitHub 的先驱之一,它们固然值得尊重,但阿里是不是应该对这些账号做一些清理呢...而我们还可以看到,个别人和团队对整个公司的开源能产生重大影响,比如阿里的玉伯不仅是 Kissy 的创始人,也带领团队开发和维护 ant-design,撑起了阿里开源的大旗;百度有 echarts 团队;
前端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
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立马变成一个功能丰富的可视化编辑器。
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是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。
前端发展现状 前端这几年的发展都是有目共睹的,然而,如果按照已经落地投入实践的标准梳理下,会发现,基本上都是偏后的JS开发层面的,比方说Node.js下的前后端分离,MV*库,React.js,各种包管理工具及前端集成解决方案等...我们不妨可以看下kissy 5.0的DatePicker的组件使用示意: ?...你说kissy上手快,还是只需要写写标准HTML就OK上手快! 其他团队同学乐于使用你的东西,介入快,实现效果好,大家都开心。反之,API千差万别,每次使用都要去翻文档,肯定影响合作。...等负责组件开发的前端,回来了,哪怕拖了个把星期,只要组件完成,公共JS一初始化,业务JS没有任何修改,无缝对接。 于是乎,实现了一个听上去很了不得的东西:前端分离。...JS代码。
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混淆?
如何在 JavaScript 中引用 JS 脚本 在 JavaScript 中引用外部 JS 脚本有两种主要方法: 使用 标签 这是最简单的方法,通过在 HTML 页面中插入... 标签来引用 JS 脚本: 其中 src 属性指定要引用的脚本文件的路径。...动态创建并插入 元素: const script = document.createElement("script"); script.src = "script.js
前言 目录 入门类 HTML 5 部分 CSS 3 部分 JQuery Angular JS React Vue Node JS JS Template 移动端 移动端 API 综合 API 其他 API...开发中心 ---- mozilla js参考 chrome开发中心(chrome的内核已转向blink) safari开发中心 microsoft js参考 js秘密花园 js秘密花园 w3help...by yuwenhui 前端编码规范之js - by 李靖 前端开发规范手册 Airbnb JavaScript 编码规范(简体中文版) AMD与CMD规范的区别 AMD与CMD规范的区别 KISSY...ext4中文api jquery easyui 未压缩源代码 J-UI MUI-最接近原生APP体验的高性能前端框架 Amaze UI(中国首个开源 HTML5 跨屏前端框架) 淘宝 HTML5 前端框架 KISSY...在线演示 ---- js 在线编辑 - runjs js 在线编辑 - jsbin js 在线编辑 - codepen js 在线编辑 - jsfiddle java 在线编辑 - runjs js
领取专属 10元无门槛券
手把手带您无忧上云