泛客户端开发
文章平均质量分 85
christian-dong
这个作者很懒,什么都没留下…
展开
-
Cordova
简介Cordova 是⽤ Web 技术( HTML,CSS 和 JS )构建移动应⽤的平台。我们可以认为Cordova 是⼀个容器,⽤于将的 Web 应⽤移植到移动端,同时⽀持移动端的功能(例如:定位、蓝⽛、摄像头等)。资源⽹站官⽹: https://cordova.apache.org/中⽂镜像:http://cordova.axuer.com/Github: https://github.com/apache/cordova环境搭建Node.js 环境搭建Git 安装Andro原创 2021-09-18 14:52:27 · 1128 阅读 · 0 评论 -
Electorn 项目实战
创建 React 应用create-react-app my-app基础配置concurrently: 连接多个命令,中间使用空格分开wait-on:等待某个结果执行之后再去执行后续的命令cross-env : 跨平台的环境变量设置package.json"scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test",原创 2021-09-13 11:29:01 · 418 阅读 · 0 评论 -
Electron基础
桌面应用原创 2021-09-09 15:26:05 · 2473 阅读 · 0 评论 -
Flutter -- 项目实践
导航import 'package:flutter/material.dart';import 'home/Home.dart';import 'study/Study.dart';import 'mine/Mine.dart';class Index extends StatefulWidget { Index({Key key}) : super(key: key); @override _IndexState createState() => _IndexState()原创 2021-09-09 11:57:53 · 605 阅读 · 1 评论 -
Flutter 基础
初始化项目项目目录原创 2021-09-07 11:19:39 · 283 阅读 · 0 评论 -
Dart 基础
Dart 资源网站官网:英文:https://dart.dev/中文:https://dart.cn/如果想要在线运行 Dart 代码,可以使用 DartPadhttps://dartpad.dartlang.org/https://dartpad.cn/生态:https://pub.dev/Dart 语言概览:https://dart.cn/samplesDart 速查表:https://dart.cn/codelabs/dart-cheatsheet环境搭建Dart原创 2021-09-01 11:54:14 · 320 阅读 · 0 评论 -
Flutter 之 Mac 环境搭建
目标在 Mac 下,搭建 Flutter 运行的 iOS 开发环境基础环境要安装并运行 Flutter,您的开发环境必须满足以下最低要求:操作系统: macOS (64-bit)磁盘空间: 700 MB (不包括 Xcode 或 Android Studio 的磁盘空间)工具: Flutter 依赖下面这些命令行工具bash, mkdir, rm, git, curl, unzip, which使用镜像由于在国内访问 Flutter 有时可能会受到限制,Flutter 官方为中国开发者原创 2021-08-31 09:30:28 · 2331 阅读 · 0 评论 -
Flutter 之 Windows 环境搭建
目标在 Windows 下,搭建 Flutter 运行的 Android 的环境。详情参考:https://flutter.dev/基础环境GitFlutter 依赖Git 命令行工具如果未安装 Git for Windows,请先安装; 如果已安装 Git for Windows,请确保命令提示符或 PowerShell中可运行 git 命令VS Code首先安装 VS Code 编辑器。下载地址:https://code.visualstudio.com/在 VS Code 中原创 2021-08-30 17:31:57 · 557 阅读 · 0 评论 -
React Native项目实战
调试接口API 调试工具是用来对 API 接口进行调试的。比较出名的有 Postman,Insomnia、Postwoman 等。本节以 Insomnia 为例。首先,需要跳转到 Insomnia 官网,下载(Insomnia Core):https://insomnia.rest/download然后执行安装。然后,配置开发环境。配置完之后,就可以根据接口(例如:和风天气接口)的使用规则,在 Insomnia 中调试接口了。使用效果如下:调用接口React Native 提供了和 web原创 2021-08-30 11:23:29 · 3689 阅读 · 0 评论 -
React Native 架构原理
为了更好的理解 React Native,我们需要了解 RN 的架构原理。这里主要介绍两个内容现有架构当前 RN 正在使用的架构新架构2018年6月,Facebook推出了 RN 的重构计划。我们需要了解下一代 RN 的架构原理。现有架构架构模型基本架构模型如下:Native 是原生部分,例如:iOS 原生或 Android 原生JS 端主要是 React 语法Bridge 用与 Native 和 JS 的通信因为 Native 和 JS 相对独立。彼此通信是通过桥接器(Brid原创 2021-08-27 10:31:13 · 2185 阅读 · 0 评论 -
React Native 路由与导航
简介在 React 中实现路由,有两种方案,分别对应两个不同的场景React-RouterReact-Router 适用于 Web 项目。React-NavigationReact Native 没有像浏览器那样的内置导航 API (location对象,history对象)。React Native 中的导航是通过React-Navigation来完成的。React Native 把导航和路由都集中到了 React-Navigation 中。RN 0.44 之前,React-Navi原创 2021-08-26 17:44:09 · 1030 阅读 · 0 评论 -
React Native 基础
StyleSheetStyleSheet 是 RN 中用来声明样式的语法RN 中的样式与 CSS 的区别RN 中的样式,没有继承性(子组件不能继承父组件的样式)CSS:Cascading Style Sheet(级联样式表)SS:Style Sheet(样式表)样式名称使用小驼峰式命名例如:CSS 中的 font-size,在 RN 中写成 fontSize所有尺寸都是没有单位例如:width: 100这是因为 RN 中尺寸只有一个单位,dp(一种基于屏幕密度的抽象单位,默认原创 2021-08-26 16:32:50 · 668 阅读 · 0 评论 -
React Native iOS 环境搭建
RN 要进行 iOS 应用开发,只能在 Mac 环境(Windows 不行)。所以,以下安装步骤,都是在 Mac 中进行的。watchmanWatchman 是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager 可以快速捕捉文件的变化从而实现实时刷新)。brew install watchman没有 brew 的同学,可以先安装 brewXcodeReactNative 目前需要Xcode 10 或更高版本。你可以通过 App St原创 2021-08-23 15:37:03 · 417 阅读 · 0 评论 -
React Native 安卓环境搭建
基础环境必须安装的依赖有:Node.js、Yarn 和 React Native 脚手架。这是运行 RN 的基础Node.jsNode.js 的版本应大于等于 12,推荐安装 LTS 版本(去Node.js官网下载安装包)安装之后,(为了提高下载速度)我们将 npm 镜像源,设置为淘宝的#修改npm的镜像源npm config set registry https://registry.npm.taobao.org#验证是否更改成功(查看镜像源):npm config get re原创 2021-08-23 14:48:56 · 1144 阅读 · 0 评论 -
uniapp 项目实践
基于 UniAPP 社区论坛项目多端开发实战学习目的: 通过学习,基于 Vue 、微信小程序、uniapp 开发框架,对标企业级「大前端」开发实践标准,从零到一构建社区论坛类客户端应用项目全流程, 输出相关 H5、微信小程序、安卓、IOS 多客户端应用。一、项目准备1.1 项目业务逻辑介绍相关文档API 接口文档,详情查阅《 ThinkSNS 社区服务接口文档.md 》ThinkSNS 综合管理系统,开源代码 git 地址:https://gitee.com/joysapp/t原创 2021-08-20 14:43:33 · 14797 阅读 · 9 评论 -
《 ThinkSNS 社区服务接口文档.md 》
社区服务 API 接口文档基础相关信息服务器请求地址:http://ts.lagou.uieee.com客户端访问统一接口规则 : /api/v2/gitHub 完整 API 接口服务文档查阅:https://github.com/slimkit/slimkit.github.io/tree/gh-pages/docs体验版前台地址:http://ts.lagou.uieee.com/feeds后台管理系统地址: http://ts.lagou.uieee.com/admin原创 2021-08-20 14:42:52 · 2967 阅读 · 0 评论 -
uniapp 基础
基于 UniAPP 从入门到社区项目实战课程背景:咱们作为前端开发人员,单纯的Web 端开发已经慢慢无法满足我们的业务需求了,微信小程序、安卓 APP、IOS APP,甚至是 Windows 桌面端开发都成了我们需要掌握的技能。所以呢,市面上各种「跨平台」开发解决方案层出不穷,比较有代表性的就是: UniAPP 、 Flutter、 React Native、Taro、Weex等等。UniAPP 是基于「 Vue + 微信小程序 」语言体系,开发人员学习成本低上手快,同时随着如今 UniAPP原创 2021-08-17 16:49:38 · 651 阅读 · 0 评论 -
微信小程序
注册小程序账号使用小程序之前,先要注册小程序账号。前往:https://mp.weixin.qq.com/wxopen/waregister?action=step1或参考: 注册微信小程序.md安装微信开发者工具想要开发微信小程序,必须去微信公众平台,先下载微信开发者工具,下载之后,一路 下一步 安装。初始化小程序双击打开微信开发者工具填写项目信息填写小程序名称、存放目录、AppID,填写完成后,点击新建项目名称: 可以任意设置目录: 设置本地空目录AppID: 注册小原创 2021-08-17 09:54:09 · 361 阅读 · 0 评论