混合开发
yinianjian2017
每天学习一点点,积累一点点,进步一点点!
展开
-
Cordova 项目 增加 IOS 通知扩展后报错 Could not find *-Info.plist file, or config.xml file
const plist_file_entry = _.find(xcBuildConfiguration, entry => entry.buildSettings && entry.buildSettings.INFOPLIST_FILE && entry.buildSettings.INFOPLIST_FILE.includes('项目名.plist'));编译后发现打印出的 info.plist 为 通知扩展的info.plist。在find中过滤项目名称。找到报错位置后增加打印。原创 2023-01-30 10:10:39 · 242 阅读 · 0 评论 -
Syntax Error: Error: Node Sass does not yet support your current environment: OS X 64-bit
2、重新安装提示版本(降级至4.14.1)node-sass 版本异常。1、卸载node-sass。3、rebuild一下。原创 2022-10-09 14:23:25 · 588 阅读 · 0 评论 -
flutter_boost 3.0 集成到已有项目Android和IOS
flutter_boost3.0 集成到已有native项目,并实现flutter到native之间的切换原创 2022-08-12 15:59:24 · 638 阅读 · 0 评论 -
Cordova 项目中自定义插件--插件创建流程
cordova 项目中自定义插件原创 2022-06-21 15:38:41 · 679 阅读 · 0 评论 -
Flutter 冷启动白屏解决方案 flutter_native_splash
1、项目根目录执行flutter pub add flutter_native_splash2、会在pubspec.yaml 中添加flutter_native_splash: ^2.0.53、pubspec.yaml 文件中增加flutter_native_splash: color: "#17016D"增加 color 或 background_image , 两个不能同时存在,否则create失败4、根目录执行flutter pub run flutter_n原创 2022-03-02 16:06:01 · 3844 阅读 · 0 评论 -
Flutter TextField 中自定义icon 过大时,修改尺寸
1、查看InputDecoration源码2、通过增加Padding 并设置padding: const EdgeInsets.all(10)即可缩小icon图片,按需开发原创 2022-03-01 16:46:55 · 1522 阅读 · 0 评论 -
Flutter 国际化 多语言设置
1、android studio 安装 Flutter Intl2、添加 flutter_localizations:3、增加支持的多语言语种4、初始化Tools -> Flutter Intl -> initialize for project5、初始化后增加目录6、 对应文件增加对应的 key value7、引用时S.of(context).key (key为文件中自定义的)...原创 2022-03-01 15:29:34 · 2040 阅读 · 0 评论 -
Mac flutter 出现 zsh: command not found: flutter
1、open ~/.bash_profile 不存在(does not exist.)就先 vim ~/.bash_profile 之后 wq 保存,再执行 open2、增加对应path查找flutter sdk 的解压路径,pwd查看全路径,之后写入 bash_profile 文件,路径替换为自己的对应路径export PATH=对应的全路径/flutter/bin:$PATHexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-i.原创 2022-02-23 18:46:44 · 1248 阅读 · 0 评论 -
混合开发 axios 封装,拦截request和response
1、src目录下心间api目录2、api目录下新建 axios.js内容import axios from 'axios'import {Toast} from 'mand-mobile'axios.defaults.baseURL = "http://127.0.0.1:4523/mock/546412/" //根路径axios.defaults.withCredentials = trueaxios.defaults.headers.post['Content-Type']原创 2022-01-10 18:23:17 · 395 阅读 · 0 评论 -
vue3.0网络访问 axios 实战
1、先搞axios库的依赖npm install axios -g2、main.js中引入import axios from 'axios'Vue.prototype.$axios = axios3、Login.vue 按钮点击事件中引入onBtnClick() { // methods中,按钮的点击事件this.$axios.get("http://127.0.0.1:4523/mock/546412/v1/signIn?uid=123&pwd=12").then(re原创 2022-01-10 11:01:28 · 524 阅读 · 0 评论 -
apifox --前端开发中模拟接口返回数据尝试
1、官网下载apifox2、傻瓜式安装3、微信即可登陆4、创建项目5、新建接口6、增加接口期望7、测试结果:失败结果:成功结果:至此,开发中可以与后端解耦,愉快的并行开发了。...原创 2022-01-06 17:43:57 · 2651 阅读 · 0 评论 -
cordova 扫一扫插件 cordova-plugin-cszbar
1、index.js 声明插件head中添加<script type="text/javascript" src="cordova.js"/><script type="text/javascript" src="cordova_plugins.js"/>2、调用扫一扫的地方增加代码// 扫一扫方法cloudSky.zBar.scan({text_title: "扫码", // Android onlytext_instructions: "请把相原创 2021-12-24 17:35:16 · 2696 阅读 · 0 评论 -
vue3.0 router 页面跳转实现
1、router/index.js 中声明(类似主配置文件注册)export default new Router({routes: [{path: '/',name: 'Login',component: Login},{path: '/main',name: 'Main',component: Main}]})从Login跳转到Main, Main的path为 /main2、Login.vue中满足条件时跳转引入routerimpo原创 2021-12-24 11:43:46 · 2668 阅读 · 0 评论 -
混合开发--vue之mand-mobile 框架引入,解决组件巨大问题
1、手动安装npm install mand-mobile --save2、引入import {ActionBar,Toast} from 'mand-mobile' //组件import 'mand-mobile/lib/mand-mobile.css' //样式3、注册components: { [ActionBar.name]: ActionBar, },4、布局中引入<div id="login"> <md-action...原创 2021-12-22 17:34:37 · 1025 阅读 · 0 评论 -
混合开发--vue、webpack、cordova\android、iOS项目关联详细过程
1、相关依赖环境已具备,具体可看前面文章。2、详细创建流程如下:2.1 创建vue项目vue init webpack demo-vue回车可回车,或增加描述,之后一路回车Ynn,后面几个没啥需要就n,否则需要下载相关依赖回车,使用npm等一会,项目创建成功。2.2 编译vue项目cd demo-vuenpm run dev浏览器打开链接vue 项目创建成功2.3 创建cor...原创 2021-12-21 16:47:55 · 1894 阅读 · 0 评论 -
混合开发 --- vue 应用创建
1、创建项目vue init webpack TestDemo //项目名称一直 downloading templateFailed to download repo vuejs-templates/webpack安装nrm npm install nrm -g切换镜像nrm use taobao重新安装webpacknpm install -g webpack还不行,ping 超时ip 确实不通查找对应ip多个地点ping[github.com]服...原创 2021-12-10 17:22:11 · 394 阅读 · 0 评论 -
混合开发--- cordova android iOS browser 项目创建
1、进入指定路径(存放混合开发项目)2、创建项目cordova create test com.example.test Test3、进入当前项目 test4、添加Android平台cordova platform add android --save5、添加IOS平台cordova platform add ios --save6、添加浏览器运行平台cordova platform add browser7、配置相关环境变量open ~/.bash_pr...原创 2021-12-09 17:41:11 · 1835 阅读 · 0 评论 -
混合开发---Mac环境配置cordova
1、jdk、android studio 基础安装配置,环境变量配置,不再多言。2、环境配置2.1 安装nodejsbrew install nodejs2.2 安装 npmnpm install -g cnpm --registry=https://registry.npm.taobao.org2.3 安装webpackcnpm install webpack -g2.4 安装 vue 脚手架sudo cnpm install -g vue-cli2.5 检查是否.原创 2021-12-09 11:28:34 · 382 阅读 · 0 评论