亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

easyui個人總結準備工作

標簽:
Html/CSS Html5

easyui笔记整理
easyui包详解:
  其中包含一些文件夹和文件,大概说明如下:
  文件夹:
    demo——该目录下存放的是 EasyUI PC 版各插件的示例示例。如果不想在官网上
查看演示,可以在该目录下找到相应的演示示例
    demo-mobile——该目录下存放的是 EasyUI 移动版各插件的示例示例
    locale——本地化文件,即语言库。主要用于如 DataGrid 这类有提示信息文本显
的插件本地化。需要使用哪种语言加载相应的语言库就行。
    plugins——EasyUI 的插件库,不过一般我们只使用 EasyUI 的主文件
jquery.easyui.min.js 就行,主文件已包含所有插件,无需单独加载
    src——EasyUI 的源文件,因为部分功能 EasyUI 不开源,所以该目录下不是全部的
源码文件
    themes——主题包。包含主题 style 及相应的资源文件(图标等)。该目标下共包
含 5 个主题可供使用(个人感觉第一个black很有个性个性黑色,default蓝色调比较协调好看,其他的不堪入目感觉很别扭,需要更换主题的话只需要在导入包的时候导入相应的主题下的easyui就可以了可参考下面导包示例)
  文件:
    changelog.txt——更新日志
    easyloader.js——加载器,可以动态的加载项目用到的 EasyUI 插件
    jquery.easyui.min.js——EasyUI PC版主文件
    jquery.easyui.mobile.js—— EasyUI 移动版主文件
    jquery.min.js——EasyUI 所依赖的 jQuery 主文件
    licence_gpl.txt——许可协议
    readme.txt——版本说明文件
meta:(参考链接:http://www.jb51.net/article/42738.htm
<!--用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5、
utf-8、shift-Jis、Euc、Koi8-2等字符集;-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="content-language" content="utf-8">

<!--如果支持Google Chrome Frame:GCF,则使用GCF渲染;如果系统安装ie8或以上版本,则使用最高版本ie渲染;否则,这个设定可以忽略。-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<!--若页面需默认用极速核,增加标签:-->
<meta name="renderer" content="webkit">

<!-- width:可视区域的宽度,值可为数字或关键词device-width
height:同width;intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放 maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放,no 禁止缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no" />
导包:(参考链接:http://tieba.baidu.com/p/3832369081
js文件:只需要导入jquery.min.js和jquery.easyui.min.js即可,这两个是必备的js包,其他插件后期会根据需要进行导入;
css:把themes导入然后删除没用的主题(本人剩下的是icon.css,然后icons一些图标的文
件和default主题包)然后导入demo中的demo.css;
<link rel="stylesheet" type="text/css" href="css/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="css/themes/icon.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/jquery.min.js" type="text/javascript"></script>
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/jquery.easyui.min.js" type="text/javascript"></script>
1.布局:
data-options:"collapsible:false";不可折叠
split:boolean 边框是否固定

點擊查看更多內容
32人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
PHP開發工程師
手記
粉絲
21
獲贊與收藏
373

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消