Graphics Architecture Overview Each Aura Window owns a corresponding compositor layer. The layer tree corresponds roughly to the window tree (though Views also supports layers, so a single Aura Window can have nested Layers created by Views within th…

1 Introduction In the past 2 years I’ve been working intensively on mobile applications, mostly hybrid, and mostly with AngularJS. In my quest to find a good UI framework that integrates with AngularJS, I came across the following options: IonicFrame…

阅读列表 01 - Vue3 UI Framework - 开始 02 - Vue3 UI Framework - 顶部边栏 03 - Vue3 UI Framework - 首页 04 - Vue3 UI Framework - 文档页 05 - Vue3 UI Framework - Button 组件 ️ 06 - Vue3 UI Framework - Dialog 组件 ️ 07 - Vue3 UI Framework - Switch 组件 ️ 08 - Vue3 UI Framew…

本文转自:http://devgirl.org/2014/01/20/ionic-mobile-ui-framework-for-phonegapcordova-developers/ Ionic is both a CSS framework as well as a JavaScript UI library. If you’re an AngularJS developer you will be right at home as Ionic uses AngularJS Extensio…

1 .自定义模块 新建模块必须是静态库 2.使用的第三方framework 必须要把 .h文件开放出来 3.编译要用 真机模式 (上传模块以后,自定义load要编译,用生成的二维码调试) 4. 添加监听,调用必须在apiready方法之中 [self sendCustomEvent:@"onShotScreen" extra:json]; function apiready() { api.addEventListener({ name: 'onShotScreen' }, funct…

官网基本做好了,接下来开始做核心组件 返回阅读列表点击 这里 目录准备 在项目 src 目录下创建 lib 文件夹,用来存放所有的核心组件吧.然后再在 lib 文件夹下创建 Button.vue 文件. 您也可以进行结构化设计,比如,这里就不进行了. |-lib |-Button |- Button.vue |- Button.ts |_ Button.scss 需求分析 惯例先行需求分析 多种类基础 Button,包含警告.成功.危险等 允许设置 Button 为禁用状态 不止有传统 Butt…

写在前面 一年多没写过博客了,工作.生活逐渐磨平了棱角. 写代码容易,写博客难,坚持写高水平的技术博客更难. 技术控决定慢慢拾起这份坚持,用作技术学习的阶段性总结. 返回阅读列表点击 这里 开始 大前端时代,最近在面试前端工程师的过程中,有感而发,技术更新迭代快,学习成本高.浏览了各大博客论坛,千差万别,比较混乱.最终决定参考 Element UI 的设计风格,主题色选择紫色(受到 MaterialDesignInXamlToolkit 的影响),写一套基于 Vue3 的 UI 框架库和对应的官…

顶部边栏做完了,接下来开始做官网的首页 返回阅读列表点击 这里 创建视图文件夹 让我们先新建一个 src/views 文件夹,用来存放官网的主要视图 然后在该文件夹下新建两个 vue 文件,作为我们的视图 Home.vue,首页 Document.vue,文档页 再配置一下 router.ts 来实现跳转 import { createWebHistory, createRouter } from 'vue-router' import Home from './views/Home.vue'…

为了更好的提升用户体验,我们这里再做一个很常用的开关组件 switch 返回阅读列表点击 这里 需求分析 开始之前我们先做一个简单的需求分析 switch 组件应分为选中/未被选中,两种状态 可以通过点击变更选中状态 不同的选中状态有不同的颜色,且有滑块处于不同的端 可以指定不同的尺寸 可以自定义颜色 可以设置为禁用 那么可以整理出以下参数表格 参数 含义 类型 可选值 默认值 value 默认选择状态 boolean false / true false size 尺寸 string midd…

接下来再做一个常用的组件 - input 组件 返回阅读列表点击 这里 需求分析 开始之前我们先做一个简单的需求分析 input 组件有两种类型,即 input 和 textarea 类型 当类型为 textarea 时,可以自定义行高,但是当类型为 input 时,行高恒为 1 可以自定义外边框的颜色 可以设置为禁用 那么可以得到如下参数表格 参数 含义 类型 可选值 默认值 value 绑定值 string 字符串 必填 theme 类型 string input / textarea in…