杨轩帅

2019 年作为 **5G** 时代元年，伴随着“**超高速率、超低时延、超高密度**”等性能加持，万物互联趋势越发明显（物联网 IoT ，智慧城市，VR，AR，云...），所带来的影响是：[数据流量一定会呈指数级别的增长](https://www.zhihu.com/question/28593566)；在这种背景下，传统型应用或将进一步削弱；另外，随着前端技术的超蓬勃发展，将促使原有传统型应用开发，成本逐渐增加。与此同时，各类`即点即用`小程序，竞相而出，方兴未艾；用户将对`免安装`类应用越发适应。另一边，iPhone 的创新性不断消退，国产 Android 手机又迅速崛起..... 这一切外在因素，将使得[「快应用」](https://nicelinks.site/post/5b5fb5bc615bf842b609105f?utm_source=awesome-quickapp)在 2019 年，将会有更多可能性。

[PWA](https://github.com/nicejade/nice-front-end-tutorial/blob/master/tutorial/pwa-tutorial.md) 已属当今 Web 网站的必备设定；对于如何在 Vue CLI 3.0 中使用 `PWA` 插件，可以参见文章：[How to use PWA plugin in Vue CLI 3.0](https://naturaily.com/blog/pwa-vue-cli-3)。

ℒℴѵℯ. ℒℴѵℯ. ℒℴѵℯ. 某月某日也许可再跟你 共聚重拾往事 无奈重遇那天存在永远 他方的晚空更是遥远 谁在黄金海岸 谁在烽烟彼岸

## 解决升级 `hap-toolkit` 至`0.0.38`报错问题 如将 `hap-toolkit` 升级至 `0.0.38` 后，因为其内部的 webpack 版本由 `3.*` 升级至 `4.*`，所以需要额外作下处理，才可以正常使用： 1. 升级 webpack 至 4.*: `yarn upgrade [email protected]`； 2. 升级 babel-loader 至 8.*：`yarn add babel-loader --dev`;...

## 快应用框架支持通过链接从外部打开应用： >http://hapjs.org/app//[path][?key=value] https://hapjs.org/app//[path][?key=value] hap://app//[path][?key=value] **具体参数说明如下**： **package**: 应用包名，必选; **path**: 应用内页面的 path，可选，默认为首页; **key-value**: 希望传给页面的参数，可选，可以有多个; Eg: hap://app/com.quickapp.nicelinks/Home； ### 网页中打开「快应用」 嵌入如下 `JS` 代码： ```js ``` ```js // 无需用户确认的调用方式，xxx.yyy.zzz 为包名 appRouter("xxx.yyy.zzz", "/Home", { paramA:...

## 如何解决快应用 textarea 无法清空数据问题 快应用（version

## 快应用生命周期函数 - **现有的APP生命周期函数有**： onCreate, onDestroy - **现有的页面级组件生命周期函数**：onCreate、onInit、onReady、onShow、onHide、onDestroy（onBackPress、onMenuPress） - **已有的自定义组件生命周期函数**： onCreate、onInit、onReady、onDestroy（onDestroy 只会在页面销毁的时候触发，用 `if` 指令卸载无法触发）

## 升级 `hap-toolkit` 从 `

## 如何解决快应用 Input 失去焦点，输入法不收起来问题 目前(`1040-`)可以解决的办法是，在空白区域，添加事件，注入如下逻辑： ```js this.$element('yourInputId').focus({focus: false}) ```

## 快应用中如何使用「字体图标」 在应用中，可以使用**字体图标**如 [icomoon](https://icomoon.io/)，可以帮着有更好的方案来展示应用图标；在快应用中，可以直接在 dom 中使用，如下示例。但，对于定义在变量中的字体编码，则需要借助 `unescape` 做一层转换。 ```js  {{ iconCode }} {{ unescapeFontIconCode(iconCode) }} export default { private: { fontSize: 100, iconCode: '' }, unescapeFontIconCode(iconCode = '') {...