ionic项目中,在splashscreen消失后会出现零点几秒的白屏,再出现app页面。1. 安装Cordova splash screen插件ionic plugin add org.apache.cordova.splashscreen2.修改ionic项目的config.xml 文件1 <!-- set splash screen --> 2 <preference na
转载 2023-06-05 10:02:36
47阅读
                                 &n
原创 2015-10-28 11:56:14
2896阅读
ionic css布局实例1:   基本布局: 标题/header、内容/content 和页脚/footer。   bar.bar-header - 声明元素为标题区 .bar.bar-footer - 声明元素为底部 .content . scroll-content- 声明元素为内容区<!DOCTYPE html> <html>
原创 2015-10-27 11:44:19
500阅读
5. ionic 界面组件 表单输入1.输入组件容器 : .item-input在 ionic 中,各种输入组件被定义成不同的 HTML 模板,以便将描述标签和输入元素 打包在一起。在这个模板的根元素上,需要声明.item-input 样式:<any class="item-input">...</any>不同的输入元素有不同的模板定义。比如,文本输入通
原创 2015-10-28 14:15:31
4035阅读
Ionic CSS 介绍ionic 的预定义 CSS 类主要分四个方面:基本布局类颜色和图标类界面组件类栅格系统类基本布局类ionic将手机页面的布局模式基本抽象为三块:头、内容、尾。基本布局类提供了 这几个区域的CSS类。头部,定高条块:bar样式 .bar 将元素声明为屏幕上绝对定位的块状区域,具有固定的高度(44px):<any class="bar">...bar 嵌入 inp
原创 2021-06-07 10:30:07
1271阅读
创建vue项目vue create ionic-vue构建成功,运行:yarn run serve在浏览器中输入: locahost:8081安装ionic相关依赖安装ionic相关依赖(其中
原创 2022-01-12 15:32:48
162阅读
转载只为传播更多信息,版权归原作者所有。Ionic简介ionic
转载 2022-07-22 09:49:16
1067阅读
1. cordova介绍1.1. cordova历史Cordova是PhoneGap贡献给Apache后的开源项目,是从 PhoneGap中抽离出的核心代码,是驱动PhoneGap的核心引擎。有点类似Webkit和Google Chrome的关系。渊源就是:早在2011年10月,Adobe收购了Nitobi Software和它的PhoneGap产
转载 2023-07-29 14:24:47
104阅读
npm install axios sass-loader vue-infinite-scroll vue-router vuex express superagent --save --save 和 --save-dev 的区别: --save 安装的插件位于 dependencies 之下 --
转载 2017-04-10 20:38:00
66阅读
2评论
 Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。接下来我们提供一些 vue 性能优化的方法。&nb
转载 2023-07-05 09:10:55
108阅读
什么是CSS-in-JS?顾名思义,CSS-in-JS就是可以使用JS来编写CSS样式,那么为什么要用JS来编写CSS呢?我写CSS写的好好的,干嘛非给自己找不自在呢?相信以前大家都听说过这么一个词:关注点分离,就算没听过这个词那么你肯定至少也听说过这么一句话:要把HTML、CSS和JS分开编写,不要写在一起形成耦合,不要写行内样式和行内脚本等,比如像这样?CSS-in-JS但是React的出现打
1. Install ionic2. Create ionic appionic start myApp tabs //create a appcd myAppionic serve // open the webgoto /#/tab/account // go to one state3. ...
转载 2015-06-14 23:27:00
132阅读
2评论
VUECSS样式穿透1. 问题由来在做两款H5的APP项目,前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想,组件不丰富,最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4(项目结构 webpack+vue+vuex+vue-router+vant+less)。相信好多做TOB的开发朋友都会选择顺手组件库。组件库内置了很多样式,方便了我们开发者
转载 2024-04-28 10:38:40
70阅读
一、配置全局css// main.js文件下 // 配置全局css样式 import '@/assets/css/global.css' requrie('@/assets/css/global.css');直接导入css文件就可以在全局中应用二、配置全局JS// 1. assets文件夹下新建一个js文件夹 // 2. 在js文件夹中建一个settings.js文件 '''settings.
转载 2023-06-09 08:48:43
76阅读
ionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html、css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。
转载 2016-04-08 20:13:00
136阅读
2评论
最近有报一个全栈课程,里面内容比较新颖,其中对scss样式管理的理念让我十分喜欢,各种操作让项目更加具有条理性。1.@mixin 在一个可以全局适用的scss文件中,姑且叫global.scss,写入:@mixin center(){ display:flex; justify-content:center; align-items:center; } 用css的眼光看,这是一个弹
转载 2024-04-18 22:22:42
86阅读
现在制作APP都流行混合开发,Ionic是个不错的选择,但是很多原生的功能,混合开发是无法实现的,这时候就要根据功能来制作Cordova插件来实现,下面就记录第一次制作Cordova插件的步骤和遇到的问题及解决方法。首先cmd命令行创建自定义插件TestPlugin,格式:plugman create --name <pluginName> --plugin_id <plugin
<template> <ion-page> <ion-header> <ion-toolbar> <ion-buttons slot.
ide
原创 2022-07-06 19:12:14
241阅读
作者:TerryZ前言背景情况vue - 2.5.11vue-cli 使用模板 webpack-simplehttp请求:axiosVue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+,即是 ie9 及更高的版本。经过测试,Vue 的核心框架 vuejs 本身,以及生态的官方核心插件(VueRouter、Vuex等)均可以在 ie9 上正常使用。Vue 的作者
转载 2024-08-24 21:00:53
46阅读
[ionic 列表 列表是一个应用广泛的界面元素,在所有移动app中几乎都会使用到。 列表可以是基本文字、按钮,开关,图标和缩略图等。 列表项可以是任何的HTML元素。容器元素需要list类,每个列表项需要使用item类。 ionList和ionItem可以很容易的支持各种交互方式,比如,滑动编辑,拖动排序,以及删除项。基本用法:<ul class="list"> <li
转载 2020-07-06 00:20:00
213阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5