极星(*^_^*)-CSDN博客

原创 uniapp H5获取url携带参数

例：http://vd.ydzykj.com/h5/#/?salt=111onShow() { // #ifdef H5 let params = this.getRequestParams(); let salt = params['salt']; console.log(salt)//111 // #endif},methods: { getRequestParams() { let url = location.href; let requestParams = {};

2021-05-06 16:21:38 3324

原创 uniapp 打包H5自定义模板

需要使用自定义模板的场景，通常有以下几种情况：调整页面 head 中的 meta 配置补充 SEO 相关的一些配置（仅首页）加入百度统计等三方js使用自定义模板时：在项目根目录下创建一个template.h5.html文件复制下面的基本模板内容，到这个html文件，在此基础上修改meta和引入js在 manifest.json->h5配置->模板立即template 节点中关联这个html文件的路径<!DOCTYPE html><html lang="

2021-05-06 16:17:10 2397 1

原创 vue3 Element-Plus el-backtop无效问题

基本格式：<template> <div class="box"> <el-backtop target=".box" :visibility-height="100" :bottom="60" :right="20"></el-backtop> <div> 页面........ </div> </div></template>有时候会发现这个根本无效，那么父级盒子最好设

2021-03-12 18:10:53 1524

原创 vue路由跳转页面不刷新数据

vue-router的切换不同于传统的页面的切换。路由之间的切换，其实就是组件之间的切换，不是真正的页面切换。这也会导致一个问题，就是引用相同组件的时候，由于参数不一样不会覆盖原打开的页面而会打开一个重复的页面，只是页面的数据不一样，再点开旧的页面时(a)发现数据还是新页面(b)的数据，点开旧页面(a)时不会调用created()，mounted()函数，会导致获取数据的函数无法调用从而该组件无法更新。A 页面中跳转的方法this.$router.push({ path: "/detail

2021-03-10 16:08:29 746

原创 vue.js隐藏滚动条的方法

vue.js去掉滚动条的方法：1、设置滚动条：overflow-x: scroll; white-space: nowrap;2、隐藏滚动条：::-webkit-scrollbar { width: 0 !important;}::-webkit-scrollbar { width: 0 !important;height: 0;}

2021-03-01 10:47:56 760

原创 vue3.x/vue-cli4.5 引入elementui

vue3.x/vue-cli4.5 引入elementui得注意安装element-plusnpm install element-plus --save最后安装后官网代码案例为：import { createApp } from ‘vue’import ElementPlus from ‘element-plus’;import ‘element-plus/lib/theme-chalk/index.css’;import App from ‘./App.vue’;const app =

2021-02-27 16:14:17 464

原创 uniapp 登录操作

<template> <view class="pages login"> <view class="otherLogin" v-if="canWx || canApple || canQQ"> <view class="flex flex-h-center"> <view class="loginIcon" v-show="canWx" @click="thirdLogin('weixin')"><image sr

2020-10-24 20:21:12 904

原创 uniapp 苹果上架要求

苹果上架要求ios上架问题整理1.涉及到第三方登录的应用都要添加apple登录，aplle登录图标的标准参考：https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/buttons/2. 已弃用的API用法-不再接受使用UIWebView的新应用程序。改成WKWebView。（apicloud中相关的模块需要用新版的，uni中有选择的位置）3. 涉及到分

2020-10-10 15:05:40 2301

原创 uniapp 导航栏搜索框操作

page.json { "path": "", "style": { "navigationBarTitleText": "", "navigationBarTextStyle": "black", "navigationBarBackgroundColor": "#5a73ff", "app-plus": { "titleNView": { "searchInput": { "backgroundColor": "#ffff

2020-10-10 14:44:33 3725 1

原创 uniapp 页面定位谨记

在uniapp中进行APP与H5的编写时：需要注意固定定位要进行APP与H5的条件编译position: fixed;/* #ifdef APP-PLUS */top: 0;//bottom:0;/* #endif *//* #ifdef H5 */top: 88rpx;//导航栏在H5中占位88rpx//bottom: 88rpx;//底部导航在H5中同样占位88rpx/* #endif */...

2020-10-10 14:27:23 1201 1

原创 uniapp 更改导航栏按钮文字

//导航栏按钮事件onNavigationBarButtonTap(e) { var index = e.index; // 按钮文字的改变所需 // #ifdef APP-PLUS var currentWebview = this.$mp.page.$getAppWebview(); var tn = currentWebview.getStyle().titleNView; console.log(tn); var text = tn.buttons[0].text;

2020-10-10 14:21:19 2589 4

原创 uniapp 判断手机网络状态

代码uni.getNetworkType({ complete: e => { let networkType = e.networkType || 'none'; switch (networkType) { case 'none': if (this.$netWorkTypeBox) { return; } this.$netWorkTypeBox = true; // uni.showModal({

2020-10-10 14:13:30 5516 4

原创 uniapp 扫码页面 scanCode.nvue

代码<div class="box"> <barcode id="1" class="barcode" autostart="true" ref="barcode" background="rgb(0,0,0)" frameColor="#69E206" scanbarColor="#69E206" :filters="fil" @marked="success1" @error="fail1" ></barcode> &l

2020-10-10 14:04:55 1174 5

转载让程序员崩溃的瞬间

「1」公司实习生找 Bug「2」在调试时，将断点设置在错误的位置「3」当我有一个很棒的调试想法时「4」偶然间看到自己多年前写的代码「5」当我第一次启动我的单元测试时「6」数据库的Delete语句忘了使用限定词where... 「7」明明是个小bug但就是死活修不好......「8」当我尝试调整生产数据库中的一些东西时「9」好像真的没人发现我产品里的bug......「10」下班前我还有一项任务...

2020-01-17 11:44:18 201

原创 vscode vue代码片段快捷键设置

（1）在vscode中选择左上角的文件>首选项>用户代码片段（2）点击用户代码片段后会弹出选择器，选择（3）将下面代码复制进去并保存即可{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>", " </div>", "...

2020-01-17 10:45:51 2668

原创 react 使用百度地图

#在react中使用百度地图分以下几步：##一、登录百度http://lbsyun.baidu.com/，拿到ak值（如果没有的话，就进入这个网址按步骤进行获取：http://lbsyun.baidu.com/index.php?title=jspopular3.0/guide/getkey）##二、在react项目中###（1）将下面一段代码加入进public/index.html中 &...

2020-01-10 14:25:03 575 5

原创 vue3打包

#在vue.config.js中添加一下代码可以对图片进行压缩处理module.exports = { //关闭打包map文件 productionSourceMap: false, chainWebpack: (config) => { // vue-cli3打包时图片压缩处理：将图片大小限制设置为 10kb，低于10kb的图片全部被内联，高于10kb的图片会放在单独的i...

2020-01-03 15:28:51 801

原创 APP类型项目中vue的禁止页面缩放

veu-cli自动生成的项目中，index.html中meta 标签内容如下，放在手机上浏览是可以放大缩小的initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放maximum-scale、minimum-scale及user-s...

2020-01-03 15:22:26 1270

原创 JS-2048游戏

#根据慕课网做的2048小游戏<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>2048</title> <link rel="stylesheet" type="text/css" href="2048.css" /> &l...

2020-01-03 13:46:42 184

极星(^_^)的博客