关于hbuilder:HbuilderX花括号自动换行问题
解决Ctrl+K 主动代码格局发现花括号被换行。这对我来说是极其火暴的起因感觉本人排列好的作品!被你这个外星人竖着排列! 工具 → 设置 → 插件配置 → 关上文件jsbeautifyrc.js配置 此时你找到brace_style 换成这个就行了!!
解决Ctrl+K 主动代码格局发现花括号被换行。这对我来说是极其火暴的起因感觉本人排列好的作品!被你这个外星人竖着排列! 工具 → 设置 → 插件配置 → 关上文件jsbeautifyrc.js配置 此时你找到brace_style 换成这个就行了!!
app扫描二维码性能: html:<div id="bcid"></div> js代码: scan = null; //扫描对象 //初始化页面mui.plusReady(function () { mui.init({ swipeBack: true, //开启右滑敞开性能(默认就是false) keyEventBind: { backbutton: true //开启back按键监听(默认就是true) }});var filter;//自定义的扫描控件款式var styles = {frameColor: "#29E52C",scanbarColor: "#29E52C",background: "",};//扫描控件结构scan = new plus.barcode.Barcode('bcid',filter,styles); startRecognize();//调用摄像头,扫描二维码function startRecognize() { console.log('调用摄像头,扫描二维码')try { scan.onmarked = onmarked; //调用onmarked办法 scan.onerror = onerror; //调用onerror办法 scan.start(); //关上敞开闪光灯解决 var flag = false; document.getElementById("turnTheLight").addEventListener('tap', function() { console.log('关上敞开闪光灯解决',flag) if (flag == false) { scan.setFlash(true); flag = true; } else { scan.setFlash(false); flag = false; } }); } catch (e) { alert("呈现谬误啦:\n" + e); scan.cancel();//完结条码辨认 scan.close();//敞开条码辨认控件 }} ...
我的项目到尾巴上了,稀里糊涂的用的uni开发了一段时间,首先说下它的上手难度,如果会vue与小程序开发,基本上就是开箱即用。废话不多说了,记录一下本人的采坑历史吧。以便当前本人看。 1、首先的就是页面的路由与跳转了 1)、uni.navigationTo() 其余日常跳转 2)、uni.switchTab() 跳转tabbar 3)、uni.redirectTo() 敞开所有的webview,跳到一个指标的页面。门路上能够加参数。 当有一个需要,点击返回的时候,须要从新刷新以后的页面,能够在返回的函数上用uni.redirectTo()去执行。2、storage这个货色,貌似同步与异步在个别的应用中,关系不大。然而有一个问题,当用uni.setStorage(key,value)的时候,如果存的是字符串不是对象,那么uni.getStorage(key)的时候拿到的是对应value,然而h5+的plus.getStorage拿到的是一个JSON字符串。
前言近年来国内出现了一些可以让前端人员编写移动端App的IDE,Hbuilder X是DCloud推出的一款免费开发工具,最大的亮点是可以开发App,利用html5+技术,结合mui+nativejs可以在云端打包,主要用到的技术就是HTML5、JS、CSS,一套代码,即可生成Android和IOS对应的两种App。最早的App开发只有原生这个概念,Html页面只是用来做一些简单的静态资源展示,但是随着H5的兴盛,大家发现很多功能、逻辑都可用web来实现,然后原生作为容器显示,而且H5展示的页面更炫酷、功能更丰富,在IOS、Andriod中都有很好的支持,这样开发效率更高、成本更低,同时用户体验也不错。 项目已上传github,欢迎大家下载交流。 前端项目地址:https://github.com/Hanxueqing... 在线项目手册:https://hanxueqing.github.io/... 项目技术栈UI框架:MUI(官方推荐的模拟原生App的UI框架) JS框架:VUE API:H5+、Native.js(原生40万API随意调用) 编辑器:HBuilder,在5+ App项目下编写的HTML、js等文件,会被打包到原生的安装包(Android是apk包、iOS是ipa包)。 项目运行# 克隆到本地git clone git@github.com:Hanxueqing/Maoer-App-HBuilder.git# 放到HBuilder环境下运行# 使用数据线连接手机# IOS系统在AppStore下载HBuilder插件# 在HBuilder中输入ctrl+r开启真机演示项目开发环境搭建下载安装HBuilder X在官网地址选择合适的版本下载安装: http://www.dcloud.io/hbuilder... 新建项目打开HBuilder,在菜单栏中选择文件——新建——项目,选择5+App,创建一个mui项目,填写文件名称、保存位置,点击创建,会给你生成一个包含mui的js、css、字体资源的项目模版。 文件结构新建完成后,会在左侧的项目管理器中出现如下目录结构,跟我们平时做前端开发的项目类似。mainifest.json文件中存储的是app相关的配置。 真机调试使用数据线连接手机和电脑,在Android设备会自动安装并启动HBuilder调试基座,IOS系统的同学请下载一个名字叫HBuilder的调试插件,点击窗口上方的播放键小图标或者使用快捷键command+r在手机上运行。 真机运行有3个特点: 真实。虽然PC端HBuilder右侧的内置浏览器也可以看大致的页面,但真实的布局效果以及手机上的特殊能力调用,还是必须在真机测试。边改边看。在HBuilder更改页面并保存后,可立即同步在真机上看到保存后的显示效果。比开发原生应用还方便。检查错误和log。手机运行HTML等文件时如果发生错误以及打印的console.log,都可以在真机运行时从手机端反馈回到HBuilder的控制台,在控制台直接查看。注意只有移动App项目才可以真机联调。如果你真机失败,注意看控制台的提示,或点HBuilder菜单-运行里的故障排查指南。注意:真机联调App时,提供的是一个测试环境,并不真实发生打包,调试基座App的名字、图标、启动封面图片、是否可旋转这些只有打包才能更改的属性不会因为开发者修改manifest文件而变化。只有修改manifest且点击菜单发行-打包后,上述4个设置才能更改。 运行后,HBuilder中修改页面代码,保存后会自动同步到手机中,如果手机当前展示着被修改的页面,则会刷新页面。尝试在js中在plus ready之后编写console.log,或者改写错误的js,可以直接在HBuilder的控制台看到结果。如果真机运行遇到各种故障,请点击运行菜单里的真机运行常见故障指南。 底部Tab选项卡页面初始化mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载、设置系统状态栏背景颜色。 //mui初始化 mui.init();编写三个tab选项:首页、好玩、设置,在href中填写展示页面的id。 <nav class="mui-bar mui-bar-tab"> <!-- href写id --> <a id="defaultTab" class="mui-tab-item mui-active" href="home.html"> <span class="mui-icon mui-icon-home"></span> <span class="mui-tab-label">首页</span> </a> </a> <a class="mui-tab-item" href="play.html"> <span class="mui-icon mui-icon-paperplane"></span> <span class="mui-tab-label">好玩</span> </a> <a class="mui-tab-item" href="mine.html"> <span class="mui-icon mui-icon-gear"></span> <span class="mui-tab-label">设置</span> </a> </nav>配置子页面先通过var self = plus.webview.currentWebview();创建一个主窗口self,然后内部通过循环拿到三个子窗口,通过H5+方法 Webview——create创建新的Webview窗口,判断i是否大于0来判断当前窗口是否是第2、3窗口,如果是则隐藏,如果不是则说明为第一个子窗口,就追加到self主窗口中,并且通过subpage_style样式规定它在主窗口的展示位置。 H5 + create方法 ...
微信授权登录提示code-2appid和appsecret应该是移动应用,而非网页应用 微信授权登录提示code:-100/自定义基座无法微信登录和分享开发者账号配置的应用签名应该是md5加密后的值,而不是原字符串 生产环境proxyTable不生效,导致接口500两种解决办法:①入口文件使用网络地址,且和接口在同一域名下②(推荐)入口文件依旧是index.html 在config/prod.env和config/dev.env下添加API_ROOT'use strict'module.exports = { NODE_ENV: '"production"', API_ROOT: '"http://cross.precision-wechat.com"'}在main.js里设置baseUrlaxios.defaults.baseURL = process.env.API_ROOTcss内背景图片使用相对路径,打包测试不出现修改config/index,js内的这一行 // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './',import进来的样式表没有被lib-flexible转为rem转换写法,改为<style scoped src='../../assets/css/formReset.css'></style> ApplePay沙盒测试登录app store失败不能直接登录app store,需要在点击付款时登录沙盒账号 微博分享闪退Dcloud的锅,在授权失败时授权层会闪现闪退,授权失败有两种情况,1网络问题授权失败2你没安装新浪微博,要再加一层判断,如果授权失败则进行提示。 plus.share.getServices(function(s){ s.forEach(function(item) { if(item.id === 'sinaweibo') { $this.shares = item; } }); if($this.shares.authenticated) { // 已授权 $this.shares.send($this.sinashareMsg, function() { plus.nativeUI.toast($this.langs.SHARE_SUCCESS); }, function(e) { plus.nativeUI.toast($this.langs.SHARE_FAIL); }) }else { // 未授权 $this.shares.authorize(function() { $this.shares.send($this.sinashareMsg, function() { plus.nativeUI.toast($this.langs.SHARE_SUCCESS); }, function(e) { plus.nativeUI.toast($this.langs.SHARE_FAIL); }) }, function(e) { // 授权失败 plus.nativeUI.toast($this.langs.SHARE_FAIL); }) } }, function(e){ plus.nativeUI.toast(e.message); });IOS真机测试,el-input光标全满,输入时错位设置line-height=字体大小 ...