- 博客(17)
- 收藏
- 关注
原创 uniapp 项目过大真机运行 编译不过去的问题解决方法(FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap o)
当uniapp项目太大,也就是pages.json文件过大时,如果真机运行后,修改一下代码,就会报错内存溢出FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory这是因为Hbuilder x 编辑器的node 的内存太小导致,官方HBX自带的node是32位解决办法是去下载一个V8.7版本的node,替换即可点击进入官方nodeV8.7版本下载下载node-v8.17.0-win-x64
2022-02-08 13:58:52
3279
3
原创 vue v-html 改变数据中某些文字的颜色
有的需求是,一段文字中,有几个字,词语需要标记,画重点,改颜色如果后端能给你处理好,单独返回那好说,如果后端懒,不想给你分开弄,一股脑全给你扔来那就只能靠自己了<div style="width: 60rpx;display: flex;" v-html="text">}</div>比如后端给你扔了个text,内容是"我愿变成童话里,你爱的那个天使"需求是你要把,童话,天使变颜色,所以加上v-html,添加一个标签代码如下:var str = '我愿变成童话里,你爱的
2021-12-16 14:57:21
4313
原创 VUE filters 使用
什么是filters?filters 翻译就是 过滤器,vue 官网表示,它就类似个格式化的工具比如你渲染后端数据到标签,后端给你个时间戳,你需要自己去转换,那么如果不用filters,你就得在请求到数据时候去改变这个值,最后才是渲染上去;如果你用了filters,那么你就可以直接在标签上面,通过 “管道符” —> “|” 来使用过滤器可以用在两个地方:双花括号插值和 v-bind 表达式如 ://双花括号插值{{ time | dateFormat}}//v-bind 表达
2021-11-30 11:00:54
877
原创 VUE 路由安装配置和使用
最近有初学者小白朋友要学习vue,安排一个路由配置安装好vue cli 一般都会有路由不是cli的就直接装npm install vue-router --save看看有没有router文件夹,没有自己创建,并创建一个index.jsindex.js内导入路由对象和vue,并调用vue.useimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)然后创建个数组,加入配置你的路由const
2021-11-08 11:13:01
401
原创 VUE router跳转页面动画
用vue写项目,router跳转页面时候是没有动画的,这个需要自己加入动画用到VUE的transition代码如下//-----App.vue----<template> <div id="app"> <transition :name="transitionName"> <keep-alive> <router-view class="view"></router-view> &l
2021-08-06 13:34:40
667
原创 vue 路由页面缓存
VUE框架真的很神奇,神奇到好多坑你都要填这次说说VUE里缓存页面的问题现在前端做APP的话,估计很少人会直接去用VUE cli来写,因为那样特别麻烦,你得配置很多东西。填很多坑!现在如果要求前端H5来做个APP,估计大家很多都会选择uniapp,MUI等这些主流框架,一套代码适配多端,很方便。接下来就说说,vue cli做APP遇到的问题,页面缓存因为总会要做到A-B,B选择完或者处理完业务返回到A,大家都知道,VUE默认是会销毁页面的,就是一般情况下,A->B页面,C回B页面后,A其实已经
2021-08-04 15:16:15
3065
原创 cordova环境搭建 及 项目搭建
安装前需要Java开发工具包(JDK)Android SDK (Android Studio)Android SDK 直接安装Android Studio 就可以设置环境变量 JAVA_HOME 和 ANDROID_HOME,具体自行百度Cordova环境下载和安装Node.js ,自行百度以便使用npm命令安装环境 npm install -g cordova执行命令安装插件管理器npm install -g plugman验证环境cordova -v..
2021-07-28 10:24:27
191
原创 vue封装axios-很实用,很详细
axios 是vue 请求接口必须用到的,和ajax一个意思做项目最好就是封装好,全局使用,比较方便话不多说,开始首先vue 项目安装axiosnpm install axios然后,新建一个http.js的文件下面内容直接粘进去,里面有详细介绍import axios from 'axios' //引入import { getToken } from '@/utils/token'import { Toast } from 'vant'; let baseURL = 'ht
2021-07-07 14:10:17
9159
11
原创 VUE 搭建2.x cli 项目步骤(不包含webpack)
搭建一个vue 项目,不包含webpack的npm 命令需要node.js支持,没有安装node的自行百度去下载安装,安装完成就有了第一步npm install -g @vue/cli第二步vue create 你的项目名字第三步选择第三个,手动选择需要的配置第四步自己选择需要的配置,下图是我的配置,代码风格检测不需要,不然写代码不规范老报错下图是说明,第五步选择你需要的版本,我选的2.x选完问你是否需要路由的history选是-y选择less问想把
2021-06-24 13:36:26
566
转载 cordova关于沉浸状态栏的使用
cordova 打包的应用,默认是没有状态栏沉浸的。我们需要自己加入下面介绍的方法并不是自动跟随页面头部颜色而自动切换颜色沉浸,而是自己定义好颜色话不多说 ,上代码首先安装插件cordova plugin add cordova-plugin-statusbar然后在App.vue里面添加如下代码,并使用watch侦听器,监听路由跳转export default { data() { return { active: "index", statusBarcolorPath:
2021-04-14 15:07:38
425
转载 cordova 二维码扫描插件的使用
cordova 二维码扫描插件的使用插件安装cordova plugin add cordova-plugin-qrscanner本文章是基于一位大佬文章修改的,我看他那文章代码复制了,很多说报错,我试了,只是样式而已,修改了一下原文连接:这里以下是代码,<template> <div class="scanner-bodys" id="scanner-bodys"> <i class="iconfont icon-guanbi" style="positi
2021-03-17 17:40:37
1036
8
原创 cordova打开图片,PDF等文档的方法
最近在搞cordova的项目,是vue + cordovad框架的APP,目的是为了可以方便打包和调用原生设备插件。这个cordova 实在是难用,文档不全,教程不多。官方群没几个活人,有也不搭理,只能自己摸索最近做到要预览图片和文档文件的功能,下面贴上代码。大家可参考;逻辑就是先下载到本地,再通过插件去本地打开,在线预览的我没找到插件图片和文档都是服务器里上面的在线地址用到这三个插件cordova plugin add cordova-plugin-filecordova plugin
2021-03-04 10:19:52
922
2
原创 vue+cordova 在安卓10选择相册照片无法显示解决方案
最近接触cordova,坑多用vue + cordova 写从相册获取照片并显示在页面,发现有点jpg的照片显示不了navigator.camera.getPicture(onSuccess, onFail, { quality: 50, destinationType: destinationType.FILE_URI, sourceType:str })如果destinationType的类型是FILE_URI代表手机内部路径这种情况下,凡是jpg格式的照片在页面都显示不出来经过
2021-02-25 15:38:02
733
原创 cordova 文件下载
我这里是下载zip文件解压到本地需要下载插件,文件插件和解压插件安装下载插件,文件插件和解压插件cordova plugin add cordova-plugin-file-transfercordova plugin add cordova-plugin-filecordova plugin add cordova-plugin-zipcordova.file.externalApplicationStorageDirectory是文件路径,指向手机内存的 Android/data/包名/下
2021-02-25 15:21:56
1295
原创 appcan框架 文件下载(含进度条)
对appcan框架的初步接触自己刚接触APPCAN,插件确实很丰富,但是文档有的就太难懂了,不够连贯,新手的确很费劲。最近在做下载功能的实现,琢磨了一天,才搞出来。所以发出来给以后的不懂的新人参考。我做的是下载文件,同时进度条的显示,以下是JS代码,复制就可 //点击下载文件 function downloadPdf() { var dateobj ...
2019-12-09 10:46:30
369
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人