第一季第一集 第二集 第三集 第四集 第五集 第六集 第七集 第八集 第九集 第十集 第十一集 第十二集 【目前就更新到这，若出现502，复制url后的链接，在新一页打开】

APP高级特性APP的表现形式不仅仅可以是一个个窗口，还可以为动态壁纸，小工具，后台服务等，取决于开发者的想象力。 下面我们将以几个特殊APP为例，探索如何利用APP的高级特性。 便签便签用于快速记录信息，设计为一个小窗口，自启动于屏幕右上角。 https://cdn.jsdelivr.net/gh

全局配置全局配置文件定义于根目录下configs.js文件，它决定了整个系统的基本属性，原则上来说不推荐频繁修改。 其中 lockedApps 和 trustedApps 一定要认真按需填写。如果信任了有害的APP，可能会侵犯用户利益。 属性名 说明 默认值 softwareName 项目名，展示到

开始菜单https://cdn.jsdelivr.net/gh/yuri2peter/ylui@master/documents/assets/3.png 开始菜单包括左部侧边栏和菜单列表两部分，其数据结构示例如下。 "startMenu": { "sidebar": [ { "app": "yl-

应用程序池（apps）应用程序池是一系列应用（APP）的集合，而APP是YLUI的主要管理对象。 "apps": { "app1": {...}, "app2": {...}, "app3": {...}, ... } 其中，app1,app2,app3是APP的id。 可以说是很关键的 一章了。

桌面图标桌面图标是最常用的UI表现形式，它是APP的快捷方式。 "shortcuts": [ { "app": "yl-browser", "title": "浏览器", "params": {}, "hash": "" }, { "app": "yl-app-store", "title": "应

全局APIYL.init(data)data object|null 待加载的数据 初始化 YLUI。如果data不存在，YLUI将尝试用空数据启动。 YL.import(data)data object 待加载的数据 重新加载 YLUI。 YL.export()return object 返回当前

概念定义类似于单机游戏的存档，存档数据记录了当前系统运行状态，并能随时还原为这一状态，便于用户将自己的桌面状态保存或上传到远程服务器上，并能随时同步还原。 另外，如果开发者熟悉存档数据结构，能够通过编写程序批量修改存档数据。 结构存档数据以JSON格式存在，保证了数据传输过程中的可序列化。如果用js

磁贴磁贴是一种视觉冲击力很强的UI形式，但是其数据结构比较复杂，推荐用YLUI的可视化工具编辑。 "tiles": [ { "title": "系统", "data": [ { "x": 0, "y": 0, "w": 6, "h": 3, "app": "yl-app-store", "title

配置（configs）配置定义了UI的一些行为，它们大部分是视觉相关的。 属性名 类型 说明 topTaskBar bool 任务栏是否置顶 sound bool 是否开启声音（声音尚未实现） wallpaper string 当前壁纸url wallpaperBlur bool 壁纸是否模糊处理

窗体数据首先，窗体数据是存在于运行时（runtime）的，它不需要保存到存档数据中，之所以把它放于此处，是因为它与APP的数据结构有很多相似之处（继承）。 窗体和APP的关系正如windows进程与exe文件之间的关系。窗体依赖于APP存在，是它的运行状态。 窗体数据的可操作字段如下 字段 意义 例

目录结构---- langs/ //语言文件目录 |- en.json //英语 |- zh-cn.json //简体中文 |- zh-tw.json //繁体中文 ---- res/ //资源文件目录 |- apps/ //系统APP目录 |- componenets/ //web组件 |- cs

如何获取请通过官方途径获取软件及使用授权，否则按侵权处理。官网：ylui.yuri2.cn 部署方案1和方案2任选其一。 1. http-server（仅用于开发预览）需要已安装Node.js+npm环境。 在项目目录输入命令： npm ci npm start 访问网址，默认：http://loc

前言YLUI是什么YLUI是一款纯前端框架，是对WEB桌面UI的一个大胆尝试。 它凝聚了作者近一年的心血，作为WIN10UI开源项目的升级版，承载了作者对WEB桌面设计风格的追求。 在前端技术日新月异的背景下，YLUI力图提供一种新的web应用组织形式。 如果你正在寻找一个漂亮的UI组件库，你应该选

窗体通信YLApp.onReady(cb)cb fucntion 回调函数 完成基本通信对接后触发的回调。任何涉及到窗体通信和窗体主动调用的API都应该放在cb处。 YLApp.idYLApp 属性，string类型， 只读； 当前窗体的id，由YLUI随机分配，在YLApp.onReady有效时被

开发记录TODO 升级至FA5 模拟浏览器前进后退有问题 nwjs版 APP STORE 声音 IOS iframe的问题 -webkit-overflow-scrolling:touch skin字段 文档 APP STORE 合并小文件 手机点击抽屉闪烁 毛玻璃 版本更新2.1.20 删除弃用的

YLUI YLUI是一款纯前端框架，是对WEB桌面UI的一个大胆尝试。 它凝聚了作者近一年的心血，作为WIN10UI开源项目的升级版，承载了作者对WEB桌面设计风格的追求。 在前端技术日新月异的背景下，YLUI力图提供一种新的web应用组织形式。 如果你正在寻找一个漂亮的UI组件库，你应该选择boo

运行流程最简模型 接收到web请求，引入yl.js主文件，建立基本架构 引入onLoad.js文件，注册onload事件响应函数 读取basic存档数据，并以此发起系统初始化 系统读取所需资源，完成初始化，渲染桌面 响应用户操作 高级应用最简模型往往不能满足我们的需求。定制化改动推荐实现于YL.on

窗体API窗体API指窗体在运行过程中可以使用的API，得益于YLUI精巧的设计，跨域的窗体也能实现一些强大的功能。 对于同域的窗体，可以使用parent.window来获取父窗体（YLUI主体）的所有全局对象，自然也就可以为所欲为。但是我们依然推荐开发者使用YLUI的窗体API模式，来获取更安全、