HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

v3加油哦,问题一抹多

v3

v3加油哦,问题一抹多,估计v4或v5出来了,才能用v3,

v3加油哦,问题一抹多,估计v4或v5出来了,才能用v3,

v3模式requestFullScreen无效

v3

v3模式requestFullScreen无效

v3模式requestFullScreen无效

在小程序中使无缝使用 Mock.js,拦 截请求,返回自定的数据。

小程序 request

Build Status
Coverage Status
npm
NPM
npm
type-coverage

介绍

better-mock fork 自 Mock.js,使用方法和 Mock.js 一致,用于 javascript mock 数据生成,它可以拦截 XHRfetch 请求,并返回自定义的数据类型。并且还支持主流小程序(微信、支付宝、头条、百度)。http://lavyun.github.io/better-mock

缘起

Mock.js 是一个很好的库,国内使用者众多,虽然该库几乎已经停止维护了,但是还是有很多使用者在提 issue 和 PR,这些问题都得不到有效的解决。而且在当前时代下,Mock.js 的构建工具、代码质量都显得很陈旧,所以 better-mock 将会在 Mock.js 的基础上进行迭代,持续修复 Mock.js 的众多issue,支持更多的新特性。

特性

  • 100% 兼容 Mock.js
  • 使用 typescript 进行重构,更好的代码提示。
  • 更加现代化的构建打包方案。
  • 更加完善的单元测试。
  • 支持对 fetch 的拦截。
  • 支持主流小程序(微信、支付宝、头条、百度)。

安装

npm install better-mock

使用

使用 better-mock 代替 mockjs

const Mock = require('better-mock')  
Mock.mock({  
  'list|1-10': [{  
    'id|+1': 1  
  }]  
})

更多

文档介绍
更新日志

继续阅读 »

Build Status
Coverage Status
npm
NPM
npm
type-coverage

介绍

better-mock fork 自 Mock.js,使用方法和 Mock.js 一致,用于 javascript mock 数据生成,它可以拦截 XHRfetch 请求,并返回自定义的数据类型。并且还支持主流小程序(微信、支付宝、头条、百度)。http://lavyun.github.io/better-mock

缘起

Mock.js 是一个很好的库,国内使用者众多,虽然该库几乎已经停止维护了,但是还是有很多使用者在提 issue 和 PR,这些问题都得不到有效的解决。而且在当前时代下,Mock.js 的构建工具、代码质量都显得很陈旧,所以 better-mock 将会在 Mock.js 的基础上进行迭代,持续修复 Mock.js 的众多issue,支持更多的新特性。

特性

  • 100% 兼容 Mock.js
  • 使用 typescript 进行重构,更好的代码提示。
  • 更加现代化的构建打包方案。
  • 更加完善的单元测试。
  • 支持对 fetch 的拦截。
  • 支持主流小程序(微信、支付宝、头条、百度)。

安装

npm install better-mock

使用

使用 better-mock 代替 mockjs

const Mock = require('better-mock')  
Mock.mock({  
  'list|1-10': [{  
    'id|+1': 1  
  }]  
})

更多

文档介绍
更新日志

收起阅读 »

用了HTML5+蓝牙Bluetooth本地打包后,蓝牙模块不能使用

用HTML5+蓝牙Bluetooth模块测试没有问题,用eclipse本地打包后蓝牙模块完全不能用,按照官方给的文档,jar包也拷了,权限也配置了,不知道到底是什么原因?

用HTML5+蓝牙Bluetooth模块测试没有问题,用eclipse本地打包后蓝牙模块完全不能用,按照官方给的文档,jar包也拷了,权限也配置了,不知道到底是什么原因?

文档api的平台差异说明能否改进一下?

文档上的属性平台差异说明真的看的是模棱两可。
比如某个api属性,平台差异只写上H5+,那么是支持还是不支持?我和同事两脸懵逼啊!只能去测试,然后其他人估计也是差不多这样,阅读和开发起来效率就不是很好了。希望官方能改进,写好文档的东西也不是很难,强烈建议写明白清楚!
如下图,我一开始以为是支持除了h5不支持,结果测试了半天才发现根本不支持!
而且这样的情况已经不是一次两次了,有的就还好,有的就需要自己看着办?文档本来就应该清晰明了啊

继续阅读 »

文档上的属性平台差异说明真的看的是模棱两可。
比如某个api属性,平台差异只写上H5+,那么是支持还是不支持?我和同事两脸懵逼啊!只能去测试,然后其他人估计也是差不多这样,阅读和开发起来效率就不是很好了。希望官方能改进,写好文档的东西也不是很难,强烈建议写明白清楚!
如下图,我一开始以为是支持除了h5不支持,结果测试了半天才发现根本不支持!
而且这样的情况已经不是一次两次了,有的就还好,有的就需要自己看着办?文档本来就应该清晰明了啊

收起阅读 »

Hippy

Hippy腾讯?

Hippy腾讯?

WebStorm 开发 UNI-APP 配置

推送插件配置指南

=======================================================================================
知识点:
=======================================================================================
引自 W3School 教程:
=======================================================================================
XSD
XML Schema 是基于 XML 的 DTD 替代者。
XML Schema 描述 XML 文档的结构。
XML Schema 语言也称作 XML Schema 定义(XML Schema Definition,XSD)。
=======================================================================================
DTD
文档类型定义(Document Type Definition)可定义合法的XML文档构建模块。它使用一系列合法的元素来定义文档的结构。
DTD 可被成行地声明于 XML 文档中,也可作为一个外部引用。
<!DOCTYPE 根元素 [元素声明]>
=======================================================================================
安装保存 uni-app d.ts 声明文件

npm install --save @types/uni-app

源 https://www.npmjs.com/package/@types/uni-app
=======================================================================================
配置WebStorm (xsd文件 在附件里), (命令行运行与编译 npm run dev: ,npm run build:,这个不详写:官方-看这里)过桥不能拆板 推荐配合 使用HBuilerX IDE 打包与调试


=======================================================================================
<<xsd文件 在这里 >>

继续阅读 »

=======================================================================================
知识点:
=======================================================================================
引自 W3School 教程:
=======================================================================================
XSD
XML Schema 是基于 XML 的 DTD 替代者。
XML Schema 描述 XML 文档的结构。
XML Schema 语言也称作 XML Schema 定义(XML Schema Definition,XSD)。
=======================================================================================
DTD
文档类型定义(Document Type Definition)可定义合法的XML文档构建模块。它使用一系列合法的元素来定义文档的结构。
DTD 可被成行地声明于 XML 文档中,也可作为一个外部引用。
<!DOCTYPE 根元素 [元素声明]>
=======================================================================================
安装保存 uni-app d.ts 声明文件

npm install --save @types/uni-app

源 https://www.npmjs.com/package/@types/uni-app
=======================================================================================
配置WebStorm (xsd文件 在附件里), (命令行运行与编译 npm run dev: ,npm run build:,这个不详写:官方-看这里)过桥不能拆板 推荐配合 使用HBuilerX IDE 打包与调试


=======================================================================================
<<xsd文件 在这里 >>

收起阅读 »

uniapp兼容electron踩坑

uniapp

1、环境
electron 7.1.7
electron-package 14.1.1

2、修改
①package.json:
electron打包命令修改
"electron":"electron main.js"

②mainfest.json:
index.html页面里静态资源路径
"h5": {
"template": "index.html",
"publicPath":"./"
}

③uniapp源码修改
1)底部tabbar路径修改
node_modules/@dcloudio/uni-h5/dist/index.umd.min.js
_getRealPath方法修改:

_getRealPath: function (t) {  
                            return 0 !== t.indexOf("/") && (t = "/" + t), Object(i["a"])(t)  
                        }

修改成

_getRealPath: function (t) {  
                            return 0 !== t.indexOf("/") && (t = t), Object(i["a"])(t)  
                        }

2)静态资源路径修改
在vue.config.js里修改
(尝试了方案,没有起作用,和官网说的不一样啊)

④关于electron配置
1)出现不可引用本地资源错误:
在main.js添加配置
webPreferences: {
webSecurity: false
}
同时静态资源不要放在dist目录;

2)出现打包错误
package.json里添加入口配置
"main": "main.js",

3) 打包完成后,应用打开乱码,或者js报错
是electron-pakcage问题,尝试多打包几次就好

4)应用静态资源要加http(s)头,否则是按本地资源加载,会把错
5)使用electron-package打包,使用命令行不够灵活
可以使用js脚本,引入electron-package进行打包,更加灵活

6)关于electron API
①document.location.protocol 结果是 file:

继续阅读 »

1、环境
electron 7.1.7
electron-package 14.1.1

2、修改
①package.json:
electron打包命令修改
"electron":"electron main.js"

②mainfest.json:
index.html页面里静态资源路径
"h5": {
"template": "index.html",
"publicPath":"./"
}

③uniapp源码修改
1)底部tabbar路径修改
node_modules/@dcloudio/uni-h5/dist/index.umd.min.js
_getRealPath方法修改:

_getRealPath: function (t) {  
                            return 0 !== t.indexOf("/") && (t = "/" + t), Object(i["a"])(t)  
                        }

修改成

_getRealPath: function (t) {  
                            return 0 !== t.indexOf("/") && (t = t), Object(i["a"])(t)  
                        }

2)静态资源路径修改
在vue.config.js里修改
(尝试了方案,没有起作用,和官网说的不一样啊)

④关于electron配置
1)出现不可引用本地资源错误:
在main.js添加配置
webPreferences: {
webSecurity: false
}
同时静态资源不要放在dist目录;

2)出现打包错误
package.json里添加入口配置
"main": "main.js",

3) 打包完成后,应用打开乱码,或者js报错
是electron-pakcage问题,尝试多打包几次就好

4)应用静态资源要加http(s)头,否则是按本地资源加载,会把错
5)使用electron-package打包,使用命令行不够灵活
可以使用js脚本,引入electron-package进行打包,更加灵活

6)关于electron API
①document.location.protocol 结果是 file:

收起阅读 »

uniapp 采用按照官网文档集成离线打包,出现点击图标无法打开应用情况,后台报找不到类io.dcloud.PandoraEntryActivity,另外uniapp离线打包不显示上部导航栏问题

问题:1.uniapp 采用按照官网文档文档教程集成离线打包,出现点击图标无法打开应用情况,后台报找不到类io.dcloud.PandoraEntryActivity,

解决:在AndroidManifest.xml文件添加这部分代码,这个官网文档教程并未指出。

 <activity   

     android:name="io.dcloud.PandoraEntryActivity"  

     android:launchMode="singleTask"  

     android:configChanges="orientation|keyboardHidden|screenSize|mcc|mnc|fontScale|keyboard"  

     android:hardwareAccelerated="true"  

     android:permission="com.miui.securitycenter.permission.AppPermissionsEditor"  

     android:screenOrientation="user"  

     android:theme="@style/DCloudTheme"  

     android:windowSoftInputMode="adjustResize">  

        <intent-filter>  

            <category   android:name="android.intent.category.DEFAULT" />  

            <category   android:name="android.intent.category.BROWSABLE" />  

            <action  android:name="android.intent.action.VIEW" />  

            <data  android:scheme="h56131bcf" />  

        </intent-filter>  

</activity>  

问题 2:. uniapp离线打包不显示上部导航栏,
解决:是需要加入android-gif-drawable-release@1.2.17.aar插件 ;这个是参考zyfking@hotmail.com 提供的方案的解决的,链接:https://ask.dcloud.net.cn/question/77861

继续阅读 »

问题:1.uniapp 采用按照官网文档文档教程集成离线打包,出现点击图标无法打开应用情况,后台报找不到类io.dcloud.PandoraEntryActivity,

解决:在AndroidManifest.xml文件添加这部分代码,这个官网文档教程并未指出。

 <activity   

     android:name="io.dcloud.PandoraEntryActivity"  

     android:launchMode="singleTask"  

     android:configChanges="orientation|keyboardHidden|screenSize|mcc|mnc|fontScale|keyboard"  

     android:hardwareAccelerated="true"  

     android:permission="com.miui.securitycenter.permission.AppPermissionsEditor"  

     android:screenOrientation="user"  

     android:theme="@style/DCloudTheme"  

     android:windowSoftInputMode="adjustResize">  

        <intent-filter>  

            <category   android:name="android.intent.category.DEFAULT" />  

            <category   android:name="android.intent.category.BROWSABLE" />  

            <action  android:name="android.intent.action.VIEW" />  

            <data  android:scheme="h56131bcf" />  

        </intent-filter>  

</activity>  

问题 2:. uniapp离线打包不显示上部导航栏,
解决:是需要加入android-gif-drawable-release@1.2.17.aar插件 ;这个是参考zyfking@hotmail.com 提供的方案的解决的,链接:https://ask.dcloud.net.cn/question/77861

收起阅读 »