1.Kissyjavascript库
2.详解|天猫搜索前端技术历代记
3.BUI是什么意思
4.bui是什么意思?
5.å端å¼ååwebå端å¼åçåºå«
Kissyjavascript库
KISSY,由淘宝前端工程师团队发起的开源JS库,遵循简洁实用原则,致力于提供愉悦编码体验,以快乐开发为目标。 其核心理念:"Keep It,源码天下歌曲简谱 Simple & Stupid, Short & Sweet, Slim & Sexy",简洁、高效、小巧、迷人。 在JavaScript库领域,KISSY以其轻量特性脱颖而出,与jQuery、MooTools、代充商城源码Prototype、Dojo和YUI等流行库并驾齐驱。 这些功能丰富的库几乎能够实现所有开发需求,但对于特定功能的实现,KISSY等轻量级库成为更佳选择,它们专注于特定领域,提供更精准、高效的服务。 若想快速入门KISSY,只需访问其GitHub页面,轻松下载源码,开始探索与实践。扩展资料
淘宝发布开源编辑器:KISSY Editor,粤盐塑源码和我们在 WordPress 后台使用的富文本编辑器 TinyMCE 一样,它可以让我们在线编辑和格式化文本,但是相比 TinyMCE KISSY Editor 更加轻巧,更加适合国内的网络环境。 KISSY Editor 是开源项目 KISSY UI Library 的一个组件。KISSY 目前基于 YUI 2.x 开发,目标是打造一系列小巧灵活、简洁实用、使用起来让人感觉愉悦的 UI 组件,目前已有 CSS 基础框架、搜索提示 Suggest 和 KISSY Editor 这个富文本编辑器等组件。详解|天猫搜索前端技术历代记
天猫搜索前端技术的发展历程,从上古时代的百盛口袋源码PC搜索,到逐步演进的H5搜索,再到MV*时代的Preact应用,直至引入Weex技术与搭建时代的探索,直至智能时代的展望,每一步都承载着技术的革新与业务的革新。
PC时代的搜索前端采用KISSY和MUI3作为主要技术方案,适应了3G/2G时代的网络环境和用户习惯。然而,随着智能手机的普及与流量成本的下降,流量需求激增,导致原有的技术方案显得力不从心。因此,H5搜索时代应运而生,AT拨号源码采用Zepto和MUI4,引入前端模板,优化模块化方案与页面渲染策略,解决PC搜索时代的问题,同时引入前后端分离的wormhole app,降低模板维护成本。
进入MV*时代,随着组织架构调整,搜索前端资源投入集中在核心功能与跨平台适应性上,如H5搜索凑单页、领券弹层等。引入Preact和MUI5,优化模块化方案,采用自动化工具转换技术,实现一份源码同时复用在Weex和Web上,提升了开发效率与代码复用性。
Weex时代,为应对流量场景下的动态化需求,以及客户端迭代的挑战,引入Native内嵌Weex坑位技术方案,结合模板下发的Oreo平台,采用Prax解决方案,实现在Web和Weex间的技术兼容性与性能优化。
搭建时代,面对共建与规模化的需求,长颈鹿项目应运而生,通过千叶平台提供模块化搭建能力,为品牌商与行业提供定制化页面,实现模块化、自动化搭建,有效提升运营效率与用户体验。同时,无界模块定投方案解决了多场景间的交叉展示问题,进一步优化了模块化搭建的灵活性与适应性。
深度搭建时代,引入Rax1.0,针对Web进行优化,模块化划分明确,实现交互、展示与数据模块的分离,以实现更高效、更灵活的页面构建与内容复用。此外,团队正尝试基于机器学习的智能UI生成技术,以期实现UI零成本构建,推动前端技术与业务的深度融合。
智能时代,展望未来,前端技术将融合更先进的AI与数据驱动策略,实现自动化的界面生成、内容产出与用户行为分析,从而构建更为个性化、智能化的用户体验,推动业务创新与技术迭代。
BUI是什么意思
BUI是基于jQuery,兼容KISSY的UI类库,专致于解决后台系统的框架方案,BUI提供了丰富的DPL含有强大的控件库对业务做了精细的分析展现了优质的源代码。
简介
特点
基于良无限后台系统使用BUI搭建的后台框架有以下特点:
集成了大量的业务实践和前端解决方案
精细的表单页、搜索页和详情页
丰富的文档
bui是什么意思?
1. BUI是一种基于jQuery且兼容KISSY的UI类库,主要服务于后台系统的框架解决方案。
2. 它提供了丰富的DPL(数据处理语言)以及强大的控件库,对业务逻辑进行了精细的分析展现,并提供了优质的源代码。
3. 嵌入式用户界面(BUI)与GUI(图形用户界面)含义相近。在许多嵌入式项目中,涉及界面部分的模块通常被称为BUI模块。
4. BUI的特点包括:灵活方便的菜告告单系统(即菜单和告警系统),功能强大的标签(集成了大量的业务实践和前端解决方案),以及精细的表单页、搜索页和详情页。
5. BUI还拥有丰富的文档,为开发者提供了便捷的指导和帮助。
å端å¼ååwebå端å¼åçåºå«
移å¨å端å¼ååwebå端å¼åé½å±äºå端å¼åï¼å ·ä½æ以ä¸åºå«ã1ãä¸å¡çåºç¨åºæ¯
webå端å¼å主è¦æä¼ ç»çPC端ç½é¡µå¼åï¼é¡µé¢ä¸»è¦æ¯è¿è¡å¨PC端æµè§å¨ä¸ï¼ç§»å¨å端å¼ååºæ¥ç页é¢ä¸»è¦æ¯è¿è¡å¨ææºä¸ã
ç´è§ä¸ä¼æè§ï¼PC端页é¢å¤§ä¸äºï¼ç§»å¨ç«¯é¡µé¢å°ä¸äºï¼ä½æ¯æ ¹æ®å¼åç»éªï¼é¡µé¢å¤§å¯å¹¶ä¸ä»£è¡¨ä¹¦åç代ç å¤æï¼é¡µé¢å°ä¹å¹¶ä¸æå³çå¼åç®åï¼é¾ä¸æ主è¦è¿æ¯åå³äºå ·ä½çä¸å¡éæ±ã
2ãæ°ææ¯ç使ç¨
ç±äºå¨ç§»å¨ç«¯ä¸»è¦ä»¥webkitå æ ¸ä¸ºä¸»ï¼å¯¹äºHTML5çæ°ææ¯æ¯æçæ´å¥½ï¼æ以å¯ä»¥æ´å¤§èå´ç使ç¨æ°ææ¯ï¼èPC端å¼åç±äºå¾å¤åºæ¯ä¸è¦æ±å ¼å®¹IEçèçæ¬æµè§å¨ï¼åºäºæµè§å¨å ¼å®¹æ§çèèï¼æäºæ åµä¸éå¶äºæ°ææ¯ç使ç¨ã
3ã页é¢çéé æ§
ä¼ ç»PC端ç页é¢å¼åä¸è¬é½ä¼éæ©ç»é¡µé¢è®¾å®ä¸ä¸ªåºå®å®½åº¦ï¼ä¸¤ä¾§æçç½ï¼ä½æ¯ç§»å¨ç«¯ç页é¢ç±äºå ¶è½½ä½ææºå±å¹æ¯PCè¦å°å¾å¤ï¼ä¸è¬é½ä¼éæ©å°½å¯è½å¤çå¨ææºå±å¹ä¸æ¾ç¤ºå 容ï¼è¿å°±è¦æ±ç§»å¨ç«¯é¡µé¢è¦è½å¤å åéåºåç§å±å¹å°ºå¯¸çææºå¹¶è¿è¡æ大ç¨åº¦çå©ç¨ã
ä»è¿ä¸ç¹ä¸æ¥è¯´ç§»å¨ç«¯é¡µé¢çéé é¾åº¦æ´é«ä¸äºã
4ã页é¢çæ§è½
PC端çç½ç»æ åµä¸è¬æ¯è¾ç¨³å®ï¼é½æ¯éè¿ç½çº¿æè Wi-Fiè¿æ¥ç½ç»ï¼ä½æ¯ç§»å¨ç«¯å°±æ¯è¾å¤æï¼é¤äºWi-Fiï¼è¿æ2Gã3Gã4Gçè³æ¯å¨å ç§ä¸åçç½ç»è¿æ¥ä¸äº¤æ¿åæ¢ä¹ç»å¸¸åçã
ä¸ç¨³å®çç½ç»è¿æ¥å¯¹é¡µé¢æ§è½å¸¦æ¥çæææ¯ç§»å¨ç«¯ç页é¢èµæºä¸è½å¤ªå¤§ï¼å¦åå¨æ¶å£ç½ç»æ åµä¸æ¶ï¼é¡µé¢å°ä¼æ æ³è®¿é® ï¼ä¸¥éå½±åç¨æ·ä½éªã
5ãæ¡æ¶éå
ç±äºç§»å¨ç«¯ç½ç»æ åµçä¸ç¨³å®ï¼å¯¼è´æ们å¨ç§»å¨ç«¯é¡µé¢æ¡æ¶éåæ¶ï¼ä¸è¬åªèèå°èç¾çæ¡æ¶ï¼ä¾å¦åzepto.jsè¿æ ·çå缩ä¹ååªæ9.6Kï¼å°±è½æ»¡è¶³ä¸è¬ä¸å¡çéè¦ï¼å¦ææ¯æ³è¦æ建æ´å¤æçå页é¢åºç¨ï¼å¯ä»¥éæ©åvue.jsè¿æ ·çæ¡æ¶ï¼åè½å¼ºå¤§ï¼ä½ä½ç§¯å缩åå´åªæå¤Kã
èweb端ç¸å¯¹éæ©çèå´å°±æ¯è¾å¤§ï¼ä¸äºæ¯è¾éåçæ¡æ¶ä¹å¯ä»¥æ ¹æ®é¡¹ç®éæ±å 以èèï¼ä¾å¦å¤èä½åºå¤§çext.jsï¼ä¾ç¶ååçä¼å¤UIç»ä»¶æ´»è·å¨ä¸äºä¼ä¸çåå°ç®¡çç³»ç»é¡¹ç®ä¸ã
æ©å±èµæ
Webå端å¼åéè¦ææ¡çææ¯ï¼
1ãçç»ææ¡å端å¼åææ¯(HTML5ãJSãJSONãXHTMLãCSS3)ï¼äºè§£å项ææ¯çç¸å ³æ åã
2ãææ¡Ajaxå¼æ¥ç¼ç¨ï¼è½å¤ååºé«æ§è½ãå¯å¤ç¨çå端ç»ä»¶ã
3ã对OOãMVCãMVVMçç¼ç¨ææ³ãå端æ¡æ¶ææ·±å»ç解ï¼çç»ææ¡ä¸ä¸ªå端æ¡æ¶ï¼å¸¸ç¨å端æ¡æ¶ Vuejsï¼AngularJSï¼Reactï¼Bootstrapï¼QUICK UIï¼ç§»å¨ç«¯æï¼Frozen UIï¼weUI ï¼SUIï¼MUIï¼AUIï¼äºè§£å ¶åçï¼æ¡æ¶æå¾å¤ï¼éæ©ä¸¤ä¸ä¸ªä¸»æµçæ¡æ¶ï¼çç»ï¼æ·±åº¦äºè§£æå¯ä»¥ï¼ã
4ãåäºWebæ§è½ä¼åï¼å¯è®¿é®æ§ã对SEOçæè¯å¥½çä½éªï¼ç解表ç°å±ä¸æ°æ®å±å离çæ¦å¿µã Webè¯ä¹åï¼è¿äºä¹æ¯å¨æ¾å·¥ä½ä¸ï¼å¾æç¨çå å项ï¼ã
5ãäºè§£å端å®å ¨æºå¶ï¼çæHTTPå议以åæµè§å¨ç¼åçç¥ã
6ãçæ常è§JSå¼åæ¡æ¶æºç å®ç°ï¼ï¼å¦ï¼prototypeãjQueryãMootoolsï¼Extï¼ Dojoï¼underscoreãYUIãKissyï¼ï¼è³å°çç»ä¸ç§ï¼å½ç¶ä¹ä¸è¦å»éä¸äºç¨ç人å¾å°çæ¡æ¶ï¼è¦æç½å¤§é¡¹ç®é½æ¯å¢éåï¼ä¸è½èªå·±æä¸å¥ï¼ã
7ãæ¥æè¯å¥½ç代ç ç¼åï¼è®¾è®¡ææ¡£æ°åçç»éªï¼çç»ä½¿ç¨Gitççæ¬æ§å¶å·¥å ·ã
8ã对常è§çæµè§å¨å ¼å®¹é®é¢ææ¸ æ°çç解ï¼å¹¶æå¯é ç解å³æ¹æ¡ï¼å¦IE6/7/8/9ã FirefoxãSafariãChromeã
9ãå ·æè¾é«ç审ç¾ï¼è¿ä¸ªå¾éè¦ï¼å¤å»è§è¯ä¸äºæ¨¡æ¿ï¼é«ç«¯ç项ç®ï¼å°±è½æè§å°æå¤å¤§çå·®è·ï¼ã