随笔分类 - 跨端
摘要：最近Vue项目中使用axios组件，在页面交互中发现axios会发送两次请求，一种请求方式为OPTIONS，另外一种为自己设置的。 什么是CORS通信？ CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。 它允许浏览器向跨源服务器，发出X
阅读全文
摘要：说明： 自主到从：从Main到Renderer的消息传递，借助BrowerWindow.webContents.send()发送消息。自从到主：从Renderer到Main的消息传递，借助ipcRender和ipcMain发送/接收消息。事件机制：无论是BrowerWindow.webContent
阅读全文
摘要：移动端300ms延迟原因 2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。 双击缩放(double tap to zoom)，这也是会有上述 300 毫秒延迟
阅读全文
摘要：最近，WebAssembly 在 JavaScript 圈非常的火！人们都在谈论它多么多么快，怎样怎样改变 Web 开发领域。但是没有人讲他到底为什么那么快。在这篇文章里，我将会帮你了解 WebAssembly 到底为什么那么快。 第一，我们需要知道它到底是什么！WebAssembly 是一种可以使
阅读全文
摘要：一、背景 文章2017 前端大事件和趋势回顾，2018 何去何从？中提到了2017年前端值得关注的十大事件，其中就提到了PWA。 大家都知道Native app体验确实很好，下载到手机上之后入口也方便。它也有一些缺点: 开发成本高(ios和安卓) 软件上线需要审核 版本更新需要将新版本上传到不同的应
阅读全文
摘要：electron有主进程和渲染进程，所以调试部分也分为两大块，即调试主进程和渲染进程 一、调试渲染进程 调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具 1.手动打开 View->Toogle Developer Tools的方式打开如下图：
阅读全文
摘要：安装： cordova plugin add cordova-plugin-inappbrowser 语法： var ref = cordova.InAppBrowser.open(url, target, options); 1. URL参数为浏览器跳转的地址； 2. target的参数有三种：
阅读全文
摘要：navigator.app.exitApp(): document.addEventListener("deviceready", function() { console.log("deviceready"); document.addEventListener("backbutton", fun
阅读全文
摘要：打包debug调试版 在工程目录下执行cordova build android，生成的apk就是debug调试版本；apk生成目录：/platforms/android/app/build/outputs/apk/debug/app-debug.apk 打包release发布版在工程目录下执行co
阅读全文
摘要：用Cordova打包vue项目时，发现deviceready事件没有被触发。 解决方法：加入 <script src="cordova.js"></script> 程序正常运行。 cordova.js直接引入即可，是自动生成的。
阅读全文
摘要：第一步：参照https://www.cnblogs.com/vickylinj/p/13347168.html中将打包好的app安装到手机 第二步：启动google浏览器的开发者工具，如果没有识别到设备，可能是usb链接问题或者是电脑识别手机的驱动问题 参照：https://www.cnblogs.
阅读全文
摘要：1：修改名字 找到config.xml文件，修改<name>你的app名字</name> 2：更改icon 多个icon对应android系统的多种尺寸，比如平板、大尺寸的手机，这些icon提供了一个可以选择适应的尺寸展现给用户（如果只用一个图标，在手机平板上安装图标大小是一样的，不过可能会有拉伸）
阅读全文
摘要：最近项目用hbuilderx打包web项目为app，发现经常有闪退的问题，尝试改用其他工具打包，以下是实验步骤。 参考：https://blog.csdn.net/bing103425/article/details/81169784 官网：https://cordova.apache.org/do
阅读全文
摘要：目前开发app有原生开发和web开发两种方式，各有各的优势和劣势，利用web技术开发app可以只用写一套代码，即可以在Android和ios同时应用，比较方便和快捷，有很多中不同的开发方式，例如cordova打包vue、阿里weex框架打包以及hbuilder打包等等方式。本文介绍利用hbuilde
阅读全文
摘要：Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个 Node. js 的变体，它专注于桌面应用而不是 Web 服务器端。 这不意味着 Electron 是某个图形用户界面（GUI）库的 JavaScript 版本。 相反
阅读全文
摘要：第一步：下载HBuilder X（建议下载开发版） https://www.dcloud.io/hbuilderx.html 第二步：下载个模拟器，我这里使用的是（MuMu模拟器） 第三步:在HBuilder X 中新建一个项目 然后，打开模拟器 如果 HBuilder x 未检测到 模拟器，那就需
阅读全文
