前端 - 简忆博客

uniapp打包app提示通讯录权限问题，如何取消通讯录权限

HBuilderX使用云打包时提示：通讯权限问题，需要重新实名认证。云端服务器返回错误:本次打包选择了通讯录权限,请登录开发者中心(https://dev.dcloud.net.cn)完成实名认证后再继续打包!如不需要使用通讯录权限,请在manifest.json页面取消通讯录权限后,重新提交打包。通讯录权限配置: 1.App模块配置: Contact(通讯录): 2. App权限配置:android.permission.READ_CONTACTS由于项目中不需要用到通讯录权限，所以需要取消通讯录权限

elementUI el-table 表格实现手动选择展示列

4天前

123 0

一、使用场景：在使用elementui开发表格功能的时候，我们会遇到表格字段列数过多的情况，这时我们就需要对其进行设置，选择是否展示列，默认展示多少列，还有就是到处表格数据的时候，我们可以指定选择列到处，这样体验方面是很好的。二、效果展示：点击操作按，展开筛选类选项三、实现思路：（1）表格默认展示所有字段，每个字段通过 v-if 属性来进行判断是否显示；（2）点击表格最后一列表头（操作栏），弹出选择框；【el-popover】（3）选择框中包括：全选复选框、所有字段复选框组、取消按钮、确定按钮；【el-checkbox-group】（4）选

cocos微信小游戏如何加入游戏圈功能

8天前

147 0

1、游戏圈：微信游戏开发者可以通过游戏圈组件，在小游戏内为用户提供游戏交流、用户互动、反馈收集等社区能力。开发者可直接调用 wx.createGameClubButton() 创建打开游戏圈的按钮。let button = wx.createGameClubButton({ icon: 'green', style: { left: 10, top: 76, width: 40, height: 40 } }) type按钮类型，可以是图片也可以是文字为image时 image:按钮的背景图片，仅当 type 为;image;时有效更多参数参考微信开发文档：微信开发文档直通车2、案例效果图：3、代码示例：;//获取系统信息的宽度 let screenW

Canvas生成海报文字居中

2022-08-30

248 0

在弄canavs生成海报的时候，我们需要把文字居中。假设画布宽度为1080px宽度，我们除以二即可把文字居中context.font = 'bold 40px sans-serif'; context.textAlign = 'center';//文字水平居中 context.fillText(localStorage.getItem('我是文字文字文字'), (1080 / 2), 1620) //第一个参数是绘制文本第二个x设置画布宽度一半第三个是y坐标

jquery.qrcode.js生成二维码并转成图片格式

2022-08-30

186 0

1、引入插件<script;src="../Js/jquery-1.11.3.min.js"></script>;; <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.js"></script> 2、部分代码;<div id="divOne"></div>;; ;<img id='imgOne';style='border:1px solid red;'/>;; 3、Canvas生成代码<script>;; //默认使用Canvas生成，并显示到图片;; ;var qrcode= $('#divOne').qrcode('http://www.tpxhm.com/').hide();;; ;var canvas=qrcode.find('canvas').get(0);;; ;$('#imgOne').attr('src',canvas.toData

HTML CSS 伪元素添加元素 :before和:after的使用

2022-08-15

342 0

HTML CSS 伪元素添加元素 :before和:after的使用，可以给标签加背景加字体，并可以设置背景图片和文字。1、元素开始位置添加元素:before{ ;;content: '开始位置'; ;;color: green; } 2、元素结束位置添加元素:after{ ;;content: '结束位置'; ;;color: green; } 3、添加一个带背景的元素:before{ display:block; ;;content: ''; ;;width: 100px; ;;height: 100px; ;;background-image: url('../图片路径.png'); ;;background-size: 100% 100%; }

关于wepy小程序引入echarts统计图之后出现定位穿透问题的解决方案

2022-07-21

345 0

微信小程序使用过百度 echarts 的开发者会遇到这样的问题，echarts优先级问题，因为 echarts 渲染出来的是画布 canvas ，在小程序中有限级是最高的，为了解决这个问题，我们可以采用以下思路：我们可以先等待 echarts 渲染成功之后，隐藏 echarts，然后通过图片来展示。1、小程序echarts部分代码 ;<view class="main"> ;;<ec-canvas ;;;;id="month-trend-bar-dom1";; ;;;;class="month-trend"; ;;;;canvas-id="month-trend-bar1" ;;;;bind:init="echartBarInit1($wx)" ;;;;:ec=" ec " v-if="echartImg1 ==''"

wepy小程序如何引入echarts统计图

2022-07-21

235 0

本文讲解wepy微信小程序框架中引入百度echarts框架，实现折线统计图效果展示：一、下载插件：https://github.com/ecomfe/echarts-for-weixin二、引入插件：将下载好的文件解压并放到 components 目录<config> { ; navigationBarTitleText: 'echarts案例', ; enablePullDownRefresh: false, ; backgroundTextStyle: 'dark', ; usingComponents: { ; "ec-canvas": "~@/components/ec-canvas/ec-canvas" ; } } </config> <script> ;import wepy from '@wepy/core' ;import * as echarts from '@/components/ec-canvas/ech

关于微信小程序wepy框架环境安装问题

2022-06-30

276 0

问题描述：wepy项目无法运行问题缘由，解决方法：每次电脑换新系统，总是需要重新安装开发环境，wepy环境需要进行全局安装，在桌面使用git安装，如果你之前在vscode的终端安装过，请先删除有关wepy的文件夹或者文件，然后通过下面命令安装npm install @wepy/cli -g 这样默认安装的wepy2.1版本，至于如果你使用的是vscode安装默认是1.7版本，会导致wepy2项目一直运行不起来。如果还有其他问题：请参考wepy学习过程中遇到的问题及解决方法：https://www.tpxhm.com/l/72.html

bootstrap搜索下拉框插件的使用方法

2022-06-25

431 0

有时我们用到下拉框，选项比较多的的情况下，我们就需要给他加个搜索功能了，我们可以使用bootstrap框架的一个下拉框搜索插件bootstrap-select。1、引入插件<link rel="stylesheet" href="/bootstrap3/css/bootstrap.min.css">  <script src="/bootstrap3/js/bootstrap.min.js"></script>  <link rel="stylesheet" href="/bootstrap3/css/bootstrap-select.min.css"> <script src="/bootstrap3/js/bootstrap-select.min.

JQ判断重置单选按钮radio为空

2022-06-25

360 0

html单选按钮在表单提交经常会用到，我们提交数据成功的时候，清空表单内容，如果重新加载页面来清空，体验会不怎么好，所以我们采用局部刷新的形式，重置表单内容，以下是重置单选radio的值方法：1、获取radio单选按钮值$('input[name="pro"]:checked').val() 2、清空单选按钮值$('input:radio[name="pro"]').prop('checked',false);

wepy微信小程序框架加入版本更新提示

2022-05-28

303 0

我们经常可以看到一些小程序更新一个版本之后，我们再次打开会收到版本更新提示，这是这么做到的呢？以下以wepy为例，我们可以在：项目\src\app.wpy文件下加入以下更新提示代码：wepy.app({ ; ; async onLaunch() { ; ; ; console.log('热更新') ; ; ; if (wx.canIUse("getUpdateManager")) { ; ; ; const updateManager = wx.getUpdateManager(); ; ; ; updateManager.onCheckForUpdate(function(res) { ; ; ; ; console.log("onCheckForUpdate====11111", res); ; ; ; ; // 请求完新版本信息的回调 ; ; ; ; if (res.hasUpdate) { ; ; ;

vscode 安装代码实时预览到浏览器插件

2022-05-02

734 0

我们在开发前端项目的时候，想要实现实时预览代码效果功能，比如微信开发者工具，我们一保存代码就会自动刷新浏览器页面，这种效果vscode也是可以实现的，我们只需安装一个Live Server插件：1、搜索：Live Server2、使用：安装好之后，就可以右击我们的html代码文件，选择open with live server

JavaScript如何获取URL参数

2022-04-19

430 0

前端有时需要获取url中参数，我们可以使用下面的方法来获取//获取url中的参数 function getUrlParam(name) { ;var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); ; ;var r = window.location.search.substr(1).match(reg); ; ;if (r != null) return decodeURI(r[2]); return null; } 使用方法：比如我们有个参数为p，则可以使用下面方法获取var p = getUrlParam('p');

一个css动画loading收藏

2022-04-19

410 0

有时我们在开发项目需要等待加载完毕后再显示数据，我们可以给它加个loading动画，以下是收藏的一个动画效果供大家参考和使用<!DOCTYPE html> <html lang="en"> <head> ;;<meta charset="UTF-8"> ;;<meta http-equiv="X-UA-Compatible" content="IE=edge"> ;;<meta name="viewport" content="width=device-width, initial-scale=1.0"> ;;<title>loading</title> </head> <style> ; ;;.loading__anim {;; ;;;;width: 35px; ;;;;height: 35px; ;;;;display: inline-block; ;;;

解决layui框架excel导出长数据科学计数法问题

2022-04-06

516 0

Layui框架自带的导出excel数据默认导出的数据会以数字格式存放，比较长的数据存放后会经过科学计数法加工，从而导致数据错误解决方法： 1、在/lib/layui-v2.5.5/lay/modules/table.js中搜索：d.exportFile 2、将d.exportFile这个函数，用下面内容替换掉：;;;;d.exportFile = function (e, t, i) { ;;;;;;;;t = t || d.clearCacheKey(d.cache[e]), i = i || "csv"; ;;;;;;;;var a = c.config[e] || {},;// 分页按钮 ;;;;;;;;;;l = {csv: "text/csv", xls: "application/vnd.ms-excel"}[i], // meta格式 ;;;;;;;;;;n = document.createElem

css关闭a标签点击出现蓝色背景问题

2022-03-26

535 0

在做手机端页面的时候，会发现a标签点击会出现背景颜色问题，我们可以通过css样式来设置，解决这个问题。body { -webkit-tap-highlight-color:rgba(0,0,0,0); } 这句代码加上去之后就不会出现点击背景颜色问题了。

js如何防止ajax重复提交表单

2022-03-08

569 0

很多开发者在做表单提交数据到后台的时候，会出现多提交一次，多一条数据的情况，这种原因的是因为服务端未能及时响应结果(网络延迟，并发排队等因素)，导致前端页面没有及时刷新，用户有机会多次提交表单如果提交对象为按钮的话，可以对按钮设置disabled，此办法适应于按钮提交，此种方法简单粗暴，也是很多人用的办法：$(".sub").attr('disabled',true)//在按钮提交之后和AJAX提交之前将按钮设置为禁用 $.ajax({ url:'/post.php' data:{a:1,b,1} success:function(){ $(".sub").attr('disabled',false)//在提交成功之后重新启用该

Uniapp如何引入自定义样式文件

2022-02-23

884 0

首先我们在项目根目录下创建目录并创建我们的css文件common.css打开项目下的App.vue文件，添加如下代码，引入我们的自定义的样式css文件<style lang=”scss”> @important “common/common.css” </style>

uniapp如何引入uView UI框架

2022-02-14

1252 0

uView是uni-app生态专用的UI框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。如何在uniapp引入uView框架呢？1、安装：https://ext.dcloud.net.cn/plugin?id=1593选择使用 HBuilderX 导入插件，导入成功之后，项目目录下会有个文件夹2、配置2.1. 引入uView主JS库在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后。// main.js import uView from '@/uni_modules/