首頁  >  文章  >  web前端  >  layui是基於jquery的嗎

layui是基於jquery的嗎

WBOY
WBOY原創
2022-05-12 10:42:453125瀏覽

layui是基於jquery的,是用自身模組編寫的UI框架,並且本身自帶jquery;在layui內部使用jquery的方法是「layui.use('jquery',function(){var $ =layui.$ jQuery程式碼})」。

layui是基於jquery的嗎

本教學操作環境:windows10系統、jquery3.2.1&&layui v2.6.8版本、Dell G3電腦。

layui是基於jquery的嗎

layui是基於jQuery的框架,本身自帶jQuery。

layui內部使用jQuery

根據官方推薦,是使用自帶的好一點

這裡記一下內部使用jQuery的方法:

layui.use('jquery', function(){ 
  var $ = layui.$ //重点处
  
  //后面就跟你平时使用jQuery一样
  
});

賦值給$,或layui.jquery.ajax使用ajax

$ = layui.jquery;

如果不賦值,會出現$未定義的提示。

擴充知識:

layui,是一款採用自身模組規格所寫的前端UI 框架,遵循原生HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心程式碼到 API 的每一處細節都經過精心雕琢,非常適合介面的快速開發。 layui 首個版本發佈於2016年秋,它有別於那些基於 MVVM 底層的 UI 框架,卻並非逆道而行,而是信奉返璞歸真之道。準確地說,它更多是為服務端程式設計師量身定做,開發者無需涉足各種前端工具的複雜配置,只需面對瀏覽器本身,使得開發十分便捷。

為什麼要使用layui?

layui更多是面向於後端開發者,所以在組織形式上毅然採用了幾年前的以瀏覽器為宿主的類AMD 模組管理方式,卻又並非受限於CommonJS 的那些條條框框,它有自己的模式,更加輕量和簡單。 layui 定義為“經典模組化”,並非是刻意強調“模組”理念本身,而是有意避開當下 JS 社區的主流方案,試圖以盡可能簡單的方式去詮釋高效!它的所謂經典,是在於對返璞歸真的執念,它以當前瀏覽器普通認可的方式去組織模組! layui 認為這種輕量的組織方式,仍然可以填補 WebPack 以外的許多場景。所以它堅持採用經典模組化,也正是能讓人避開工具的複雜配置,重新回歸原生態的 HTML/CSS/JavaScript本身!

相容性和麵向場景

layui 相容於人類正在使用的全部瀏覽器(IE6/7除外),可作為PC 端後台系統與前台介面的速成開發方案。

主要模組

layui 提供了豐富的內建模組,他們皆可透過模組化的方式按需加載,其中包括:layer、layDate、layPage、laytpl 、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等。

相關影片教學推薦:jQuery影片教學

#

以上是layui是基於jquery的嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn