HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

uniapp离线打包配置电话权限

拨打电话 Array.prototype.slice called

<uses-permission android:name="android.permission.CALL_PHONE"/>

<uses-permission android:name="android.permission.READ_PHONE_STATE"/>

继续阅读 »

<uses-permission android:name="android.permission.CALL_PHONE"/>

<uses-permission android:name="android.permission.READ_PHONE_STATE"/>

收起阅读 »

uniapp uni-list-item click传参

目前list item 传入实体参数 存在 undefined 的问题

看了实现原理,通过props 设置属性解决问题

思路:
变量参数的值总是undefined ,始终传不到方法里,所以就想通过 属性传值
但是通过在 list item 中直接设置属性取值没用,因为原事件$event 无法读取出设置的属性值,所以就想了一个办法把值直接放入原事件中

步骤1:
在原组件里 找到props 属性设置,添加自己的参数属性,例如我这边是 orderId ,设置值类型以及默认值

步骤2:
还是在原组件里,找到调用click 事件的地方,修改参数为原事件($event)以及自己所要传的参数

步骤3:重写原组件的 onclick 事件,将自己的参数写入原事件中

步骤4:最后在使用组件是,所调用的方法里面 使用 let _orderId=$event.target.dataset.orderId 将参数取出

继续阅读 »

目前list item 传入实体参数 存在 undefined 的问题

看了实现原理,通过props 设置属性解决问题

思路:
变量参数的值总是undefined ,始终传不到方法里,所以就想通过 属性传值
但是通过在 list item 中直接设置属性取值没用,因为原事件$event 无法读取出设置的属性值,所以就想了一个办法把值直接放入原事件中

步骤1:
在原组件里 找到props 属性设置,添加自己的参数属性,例如我这边是 orderId ,设置值类型以及默认值

步骤2:
还是在原组件里,找到调用click 事件的地方,修改参数为原事件($event)以及自己所要传的参数

步骤3:重写原组件的 onclick 事件,将自己的参数写入原事件中

步骤4:最后在使用组件是,所调用的方法里面 使用 let _orderId=$event.target.dataset.orderId 将参数取出

收起阅读 »

山东大学(章丘)在线教育研究院招聘uniapp开发人员

uniapp 招聘

在线教育,前景广阔,坐标济南,tel18615221325,同wechat

在线教育,前景广阔,坐标济南,tel18615221325,同wechat

跨端总结,感觉webview方案还是被很多应用市场不认可

移动APP uniapp

用uni-app做了一个跨端APP,APP不小,算是中型,但是审核碰到很多问题。

  1. IOS审核,被拒4.2.2,说是类似于web应用,实际有用到消息推送、社交分享、APP跳转等原生APP特性,但是确实是基于APP-VUE(没使用NVUE),改了好几版,一直都是4.2.2,没有截图,每次审核结果都是同样的废话,苹果审核真的坑,5.0,5.1.1 3.2.1 4.2.2. 4.2.3...
  2. 小米审核不过,说是网页打包,最后附上其他4家应用市场的上架截图才给过

另外webview的性能确实堪忧,下拉刷新即使我用上renderjs,还是会有卡顿(即使在我的IPhone11上),另外scroll-view的性能也是惨不忍睹,元素一多,经常会闪烁、卡顿、元素消失。

目前考虑把这个APP改为APP-NVUE了,估计又要踩不少坑了(到时候移植h5和各大小程序平台也是个不小的工作量)

对比目前跨端方案:

  1. uni-app
  2. react native
  3. flutter

uni-app优势主要是开发门槛、跨端、生态(还是有不少插件、另外云打包也能降低门槛),缺点的话APP-VUE性能不佳、市场不认可,APP-NVUE还不成熟,很多不支持。

react native 和 app-nvue类似,之前用RN写过一个APP,说实在不太喜欢这种转原生的方案

flutter是基于Skia自渲染,不依靠原生组件,自定义渲染方案和组件,flutter方案算是未来比较有潜力的方案,不过缺点也比较明显,web开发者的学习成本、生态不成熟,缺少一些常用的组件、库,轮子可以造,但是太耗费时间的,项目不等人。

继续阅读 »

用uni-app做了一个跨端APP,APP不小,算是中型,但是审核碰到很多问题。

  1. IOS审核,被拒4.2.2,说是类似于web应用,实际有用到消息推送、社交分享、APP跳转等原生APP特性,但是确实是基于APP-VUE(没使用NVUE),改了好几版,一直都是4.2.2,没有截图,每次审核结果都是同样的废话,苹果审核真的坑,5.0,5.1.1 3.2.1 4.2.2. 4.2.3...
  2. 小米审核不过,说是网页打包,最后附上其他4家应用市场的上架截图才给过

另外webview的性能确实堪忧,下拉刷新即使我用上renderjs,还是会有卡顿(即使在我的IPhone11上),另外scroll-view的性能也是惨不忍睹,元素一多,经常会闪烁、卡顿、元素消失。

目前考虑把这个APP改为APP-NVUE了,估计又要踩不少坑了(到时候移植h5和各大小程序平台也是个不小的工作量)

对比目前跨端方案:

  1. uni-app
  2. react native
  3. flutter

uni-app优势主要是开发门槛、跨端、生态(还是有不少插件、另外云打包也能降低门槛),缺点的话APP-VUE性能不佳、市场不认可,APP-NVUE还不成熟,很多不支持。

react native 和 app-nvue类似,之前用RN写过一个APP,说实在不太喜欢这种转原生的方案

flutter是基于Skia自渲染,不依靠原生组件,自定义渲染方案和组件,flutter方案算是未来比较有潜力的方案,不过缺点也比较明显,web开发者的学习成本、生态不成熟,缺少一些常用的组件、库,轮子可以造,但是太耗费时间的,项目不等人。

收起阅读 »

自研短视频, 八大主题上线

主题 短视频

插件地址:https://ext.dcloud.net.cn/plugin?id=2165#detail

为满足多种风格的App,添加更改主题功能,提供以下八大主题

  1. deep_blue,深蓝色;
  2. sky_blue天蓝色;
  3. purple,浅紫色;
  4. deep_purple,深紫色;
  5. red,浅红色;
  6. deep_red,深红色;
  7. pink,粉红色;
  8. default,默认黄色;

继续阅读 »

插件地址:https://ext.dcloud.net.cn/plugin?id=2165#detail

为满足多种风格的App,添加更改主题功能,提供以下八大主题

  1. deep_blue,深蓝色;
  2. sky_blue天蓝色;
  3. purple,浅紫色;
  4. deep_purple,深紫色;
  5. red,浅红色;
  6. deep_red,深红色;
  7. pink,粉红色;
  8. default,默认黄色;

收起阅读 »

动态switch状态

switch uniapp

根据后台返回的值设置switch开关状态。
一开始是通过class来改变开关状态的,实际运行发现并不可行。然后改为了':checked',就可以了。
以下为例子

<template>  
    <view>  
        <button @click="changeSwitch()">改变状态</button>  
        <switch :checked="areaPosterSwitch"></switch>  
    </view>  
</template>  
<script>  
    var _this;  
    export default {  
        data() {  
            return {  
                //默认开关状态为“关”  
                areaPosterSwitch: true, // false  
            }  
        },  
        mounted() {  
            _this = this;  
        },  
        methods: {  
            changeSwitch() {  
                _this.areaPosterSwitch = !_this.areaPosterSwitch;  
            },  
        }  

    }  
</script>  

在这里插入图片描述

继续阅读 »

根据后台返回的值设置switch开关状态。
一开始是通过class来改变开关状态的,实际运行发现并不可行。然后改为了':checked',就可以了。
以下为例子

<template>  
    <view>  
        <button @click="changeSwitch()">改变状态</button>  
        <switch :checked="areaPosterSwitch"></switch>  
    </view>  
</template>  
<script>  
    var _this;  
    export default {  
        data() {  
            return {  
                //默认开关状态为“关”  
                areaPosterSwitch: true, // false  
            }  
        },  
        mounted() {  
            _this = this;  
        },  
        methods: {  
            changeSwitch() {  
                _this.areaPosterSwitch = !_this.areaPosterSwitch;  
            },  
        }  

    }  
</script>  

在这里插入图片描述

收起阅读 »

sqlite可否在开发时就可以使用

sqlite只能在app安装后才能使用,我有一些原始数据希望能导入到数据库中,现在不能在开发阶段导入,很不方便,开发调试阶段有无办法导入呢?谢谢!

sqlite只能在app安装后才能使用,我有一些原始数据希望能导入到数据库中,现在不能在开发阶段导入,很不方便,开发调试阶段有无办法导入呢?谢谢!

hbuilderX如何在手机端运行纯h5页面文件项目

需求:我写了一个纯h5页面文件,里面只包含了html、css、js、image这几个前端常用文件夹,然后我想用手机浏览器在公用网络状态下打开并预览。

实现步骤:
1.打开设置

  1. 运行配置
  2. 找到“外部web服务器调用url”,
  3. 在输入框下面还有一个选择框 ”外部服务器url是否包含项目名称“,我们把它选上。
  4. 现在,只要你的软件一旦运行到web浏览器,那我们就可以用手机通过你自己的电脑IP来访问你的项目了,http://127.0.0.1:8848/project/index.html === 192.168.0.99/project/index.html
  5. 记住你的电脑和手机用的要是同一个网络才行。
继续阅读 »

需求:我写了一个纯h5页面文件,里面只包含了html、css、js、image这几个前端常用文件夹,然后我想用手机浏览器在公用网络状态下打开并预览。

实现步骤:
1.打开设置

  1. 运行配置
  2. 找到“外部web服务器调用url”,
  3. 在输入框下面还有一个选择框 ”外部服务器url是否包含项目名称“,我们把它选上。
  4. 现在,只要你的软件一旦运行到web浏览器,那我们就可以用手机通过你自己的电脑IP来访问你的项目了,http://127.0.0.1:8848/project/index.html === 192.168.0.99/project/index.html
  5. 记住你的电脑和手机用的要是同一个网络才行。
收起阅读 »

外包,招聘2名前端人员,只需接口调试,坐标武汉

招聘 外包

物联网程序APP ,已有前端页面,需要调试接口,坐标武汉 ,求靠谱前端人员来接,需要人员面试下,最好全职,有意加微信Roaly_chen

物联网程序APP ,已有前端页面,需要调试接口,坐标武汉 ,求靠谱前端人员来接,需要人员面试下,最好全职,有意加微信Roaly_chen

离线安装插件的坑

插件安装

上图是官方的说法。我碰到的坑是这样的,离线下载zip包,解压放入 plugins 文件夹下,结果还是提示未安装。
原因:下载的zip包是带版本号的,去掉版本号,就可以了。
或者直接使用HbilderX导入插件就可以了。

继续阅读 »

上图是官方的说法。我碰到的坑是这样的,离线下载zip包,解压放入 plugins 文件夹下,结果还是提示未安装。
原因:下载的zip包是带版本号的,去掉版本号,就可以了。
或者直接使用HbilderX导入插件就可以了。

收起阅读 »

win7安装微信开发者工具后打不开,卡死的现象

微信小程序

今天想研究下uniapp发布成微信小程序的方法,于是从微信的网站上下载了微信开发者工具:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
下载64位稳定版安装,打开,界面处理卡死的状态,一片黑。
搜索了一下下面的解决方案:
https://developers.weixin.qq.com/community/develop/doc/000a02d19141b0ddc11aa05d55b800?jumpto=comment&parent_commentid=0006a84c0b4968411e2a02e85510&commentid=0006a84c0b4968411e2a02e85510

将这个文件设置为下面贴的代码试试呢 ~/AppData/Local/微信开发者工具/User Data/localstorage_b72da75d79277d2f5f9c30c9177be57e.json

{
"show": false,
"currentCategory": "general",
"compiler": {
"clusterCompile": false,
"autoPreview": false,
"autoRemoteDebug": false
},
"general": {
"openLastModifiedProject": true,
"autoPreviewType": "mobile",
"autoRemoteDebugType": "mobile",
"maxLogLength": 300,
"enableNewFW": true,
"enableGPU": false,
"ignoreUnsafeProxy": false,
"locale": "zh",
"defaultWorkspace": "/Users/kunlideng/WeChatProjects"
},
"appearance": {
"theme": "dark",
"devtoolsTheme": "dark",
"fontFamily": "SF Mono",
"fontSize": 12,
"lineHeight": 20,
"simulatorAlignment": "left"
},
"edit": {
"tabSize": 2,
"insertSpaces": true,
"wrap": "on",
"minimap": false,
"gitIgnoreWindowsReturn": true,
"autoTypingsDetectEnabled": true,
"alwaysOpenFileInNewTab": false,
"autoSave": false,
"autoRefresh": false,
"saveBeforeCompile": false,
"saveBeforePreview": false,
"saveBeforeUpload": false
},
"proxy": {
"proxyType": "SYSTEM",
"proxyHost": "127.0.0.1",
"proxyPort": "12639"
},
"notification": {
"bbs": true,
"sys": true,
"alarm": true
},
"security": {
"enableServicePort": true,
"port": 19195
},
"geo": {
"enabled": false,
"latitude": 39.92,
"longitude": 116.46,
"speed": -1,
"accuracy": 65,
"altitude": 0,
"verticalAccuracy": 65,
"horizontalAccuracy": 65
},
"shortcuts": {
"_editingShortcuts": false,
"toggleToolbar": {
"modifiers": ["cmd", "shift"],
"key": "T"
},
"toggleSimulatorWindow": {
"modifiers": ["cmd", "alt"],
"key": "S"
},
"toggleEditorWindow": {
"modifiers": ["cmd", "shift"],
"key": "E"
},
"toggleFileTree": {
"modifiers": ["cmd", "shift"],
"key": "M"
},
"toggleDebugWindow": {
"key": "I",
"modifiers": ["cmd", "shift"]
},
"rebuild": {
"key": "B",
"modifiers": ["cmd"]
},
"format": {
"key": "F",
"modifiers": ["shift", "alt"]
},
"refresh": {
"key": "R",
"modifiers": ["cmd"]
},
"toggleForegroundBackgroundStatus": {
"key": "",
"modifiers": []
},
"documentationSearch": {
"key": "",
"modifiers": []
},
"gotoFile": {
"key": "P",
"modifiers": ["cmd"]
},
"gotoRecentFile": {
"key": "E",
"modifiers": ["cmd"]
},
"preview": {
"key": "P",
"modifiers": ["shift", "cmd"]
},
"upload": {
"key": "U",
"modifiers": ["shift", "cmd"]
}
},
"syncTime": 1584263702017
}

经试验有效,但处理时并未找到上述方法给出的目录与文件,后来找到类似的目录:

目录下也并没有方案中所说的文件,于是自己新建了一个方案中的文件,并把上述代码拷贝到文件中,结果微信开发者工具正常启动了。

继续阅读 »

今天想研究下uniapp发布成微信小程序的方法,于是从微信的网站上下载了微信开发者工具:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
下载64位稳定版安装,打开,界面处理卡死的状态,一片黑。
搜索了一下下面的解决方案:
https://developers.weixin.qq.com/community/develop/doc/000a02d19141b0ddc11aa05d55b800?jumpto=comment&parent_commentid=0006a84c0b4968411e2a02e85510&commentid=0006a84c0b4968411e2a02e85510

将这个文件设置为下面贴的代码试试呢 ~/AppData/Local/微信开发者工具/User Data/localstorage_b72da75d79277d2f5f9c30c9177be57e.json

{
"show": false,
"currentCategory": "general",
"compiler": {
"clusterCompile": false,
"autoPreview": false,
"autoRemoteDebug": false
},
"general": {
"openLastModifiedProject": true,
"autoPreviewType": "mobile",
"autoRemoteDebugType": "mobile",
"maxLogLength": 300,
"enableNewFW": true,
"enableGPU": false,
"ignoreUnsafeProxy": false,
"locale": "zh",
"defaultWorkspace": "/Users/kunlideng/WeChatProjects"
},
"appearance": {
"theme": "dark",
"devtoolsTheme": "dark",
"fontFamily": "SF Mono",
"fontSize": 12,
"lineHeight": 20,
"simulatorAlignment": "left"
},
"edit": {
"tabSize": 2,
"insertSpaces": true,
"wrap": "on",
"minimap": false,
"gitIgnoreWindowsReturn": true,
"autoTypingsDetectEnabled": true,
"alwaysOpenFileInNewTab": false,
"autoSave": false,
"autoRefresh": false,
"saveBeforeCompile": false,
"saveBeforePreview": false,
"saveBeforeUpload": false
},
"proxy": {
"proxyType": "SYSTEM",
"proxyHost": "127.0.0.1",
"proxyPort": "12639"
},
"notification": {
"bbs": true,
"sys": true,
"alarm": true
},
"security": {
"enableServicePort": true,
"port": 19195
},
"geo": {
"enabled": false,
"latitude": 39.92,
"longitude": 116.46,
"speed": -1,
"accuracy": 65,
"altitude": 0,
"verticalAccuracy": 65,
"horizontalAccuracy": 65
},
"shortcuts": {
"_editingShortcuts": false,
"toggleToolbar": {
"modifiers": ["cmd", "shift"],
"key": "T"
},
"toggleSimulatorWindow": {
"modifiers": ["cmd", "alt"],
"key": "S"
},
"toggleEditorWindow": {
"modifiers": ["cmd", "shift"],
"key": "E"
},
"toggleFileTree": {
"modifiers": ["cmd", "shift"],
"key": "M"
},
"toggleDebugWindow": {
"key": "I",
"modifiers": ["cmd", "shift"]
},
"rebuild": {
"key": "B",
"modifiers": ["cmd"]
},
"format": {
"key": "F",
"modifiers": ["shift", "alt"]
},
"refresh": {
"key": "R",
"modifiers": ["cmd"]
},
"toggleForegroundBackgroundStatus": {
"key": "",
"modifiers": []
},
"documentationSearch": {
"key": "",
"modifiers": []
},
"gotoFile": {
"key": "P",
"modifiers": ["cmd"]
},
"gotoRecentFile": {
"key": "E",
"modifiers": ["cmd"]
},
"preview": {
"key": "P",
"modifiers": ["shift", "cmd"]
},
"upload": {
"key": "U",
"modifiers": ["shift", "cmd"]
}
},
"syncTime": 1584263702017
}

经试验有效,但处理时并未找到上述方法给出的目录与文件,后来找到类似的目录:

目录下也并没有方案中所说的文件,于是自己新建了一个方案中的文件,并把上述代码拷贝到文件中,结果微信开发者工具正常启动了。

收起阅读 »