
前端
Gabriel_wei
这个作者很懒,什么都没留下…
展开
-
java web项目本地能正常跑,布置到Tomcat8.5以后, 浏览器控制台能拿到各种css文件 但是chrome等浏览器不能正确识别css、解析css并应用到html文件上
开发了一个java web项目,开发环境为。原创 2023-05-26 08:57:06 · 437 阅读 · 0 评论 -
Echarts 同一实例中在提示框中同时显示不同图表的数据
Echarts 同一实例中在提示框中同时显示不同图表的数据原创 2022-08-20 22:26:38 · 1108 阅读 · 0 评论 -
layui数据表格中reload报错layui error hint: The table instance with ID ‘idTest‘ not found
lay ui 中数据表格使用原创 2022-06-29 15:53:29 · 6371 阅读 · 0 评论 -
新电脑安装Git并建立与GitHub的ssh连接(好记性不如烂笔头~)
安装Gitgit下载地址设置这台电脑的Git用户信息这里设置的用户名,用于在提交到GitHub仓库的时候,显示是谁,如何联系获取本机Git用户名 ,如果之前没有设置过,回车以后Git返回为空git config --global user.name设置本机Git用户名git config --global user.name '小红的台式机'获取本机Git用户名邮箱, 如果之前没有设置过,回车以后Git返回为空git config --global user.email原创 2022-01-01 21:24:39 · 3310 阅读 · 0 评论 -
Echarts做地图,将每个省的数据标记在地图上,根据数据的大小做散点方大效果,并筛选前五个最大省份进行展示(经常有这种需求,看自己的代码跟屎一样,本文只做记录,)
效果js代码function loadMap() { // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('mapChart')); var nameColor = " rgb(55, 75, 113)" var name_fontFamily = '宋体' var name_fontSize = 35 var mapName = 'china'原创 2021-12-26 18:41:49 · 8560 阅读 · 0 评论 -
uviewUI中u-popup组件show属性显示和不显示控制问题
问题在uviewUI中u-popup组件show并不是用来控制弹出层的显示与否,而是用v-model来进行控制,注意查看官方的API解决在控件上面加入v-model控制即可<template> <view class="content"> <u-popup v-model="show" @close="close" @open="open" :round="10" mode="top" class="pop"> <view&g原创 2021-12-08 20:03:16 · 10731 阅读 · 10 评论 -
uniapp设置width为100vh导致内部元素margin不正常
问题描述外层元素使用了width: 100vh,结果内部的margin显示不正常,此时的代码为 <view class="content"> <view class="main"> 14 </view> </view>.content { height: 100vh; width: 100vh; position: relative; background-color: #F1F0F6;}.main{ backgroun原创 2021-10-19 17:33:04 · 1233 阅读 · 0 评论 -
微信小程序获取当前设备信息;微信小程序判断是iOS还是安卓
代码onLoad() { let that = this; wx.getSystemInfo({ success:function(res){ console.log("wx.getSystemInfo") console.log(res) if(res.platform=="ios"){ that.isIOS = !that.isIOS; } } });}如果是安卓,返回如下如果是iOS返回如下SDKVersion: "2.17原创 2021-05-07 16:31:28 · 6059 阅读 · 1 评论 -
uniapp开发的小程序中调用微信支付
实操后端准备下图中所标字段,都由后端在微信处取得,然后后端应该给出一个接口,去获取这些字段的信息前端调用接口请求前端调用后端给的接口,获取下图中的信息,一般前端还需要携带支付金额(以一分为单位)以及当前交易的说明比如我的代码如下 openVip(){ this.showLoading(); let that = this; let mydata = {}; //当前用户的openid mydata.open_id = getApp().globalData.o原创 2021-05-07 16:03:44 · 2273 阅读 · 0 评论 -
在uniapp开发的微信小程序中使用腾讯视频
问题描述我的小程序是使用uniapp开发的,想在小程序中播放位于腾讯视频上面的资源,直接采用嵌套的方式,小程序不会播放解决打开小程序后台添加插件搜索腾讯视频,然后点击添加按钮点击详情可以查看具体的使用信息注意这里的APPID和版本号,后面要用到实操代码manifest.json在mp-weixin中加入如下代码"plugins" : { "tencentvideo" : { "version" : "1.3.9", "原创 2021-05-07 11:11:15 · 1186 阅读 · 1 评论 -
点击某个区域调用小程序picker;picker调用不灵敏;边角区域调用picker失败;点击不到picker
问题描述当我点击全部这个按钮的时候,要显示picker当picker展开的时候,全部按钮状态如下图功能是实现了,但是只有点击全部文字和他旁边的图标的时候,才会显示picker,甚至有时候点击图标,picker也不显示showDiQu值用来控制图标以及样式的切换<picker class="aaa" @click="diQu()" @change="handleGetRegion" :value="index" :range="province" @cancel="regionCancel原创 2021-04-24 19:45:26 · 960 阅读 · 0 评论 -
小程序 this.$scope.globalData与getApp().globalData
如果在APP.vue中调用,用this.$scope.globalData,如果在其他子页面调用,用getApp().globalData原创 2021-04-22 21:54:41 · 1237 阅读 · 0 评论 -
布局:小程序底部固定,上部超出滚动,不使用绝对定位
效果代码<template> <view class="content"> <scroll-view class="top" :scroll-top="scrollTop" scroll-y="true"> <view class=""> a </view> <view class=""> a </view> <view class=""> a原创 2021-04-15 18:00:42 · 586 阅读 · 0 评论 -
微信小程序真机测试没有问题,但是预览出问题
问题描述我写了一个全局的登录权限控制,涉及到了获取后端的数据,使用微信开发者工具,点击编译,在开发者工具中,逻辑功能完全没有问题;点击真机调试,也没有问题,但是点击预览,此时就不行,赶紧里面的逻辑全乱了,与我写的不符点击预览,在手机上面打开调试模式这时候就和真机调试的时候一样,功能完全正确,你说神奇不,只要打开调试模式,他就正常;不打开,逻辑就错误。解决首先查看一下,你请求数据的域名,是否已经配置过了。如果没有,则配置一下设置路径为:登录小程序的后台管理页面--->开发--->开原创 2021-04-15 17:13:31 · 3859 阅读 · 4 评论 -
await is only valid in async function
转自:https://blog.youkuaiyun.com/weixin_43459866/article/details/111057061这个错误的意思是await只能放到async函数内部,言下之意:await必须放到函数里函数必须有async修饰符错误1: 没有放到函数里const myFun = async () => { return new Promise((resolve, reject) => { setTimeout(() => { reso转载 2021-04-14 21:02:44 · 218 阅读 · 0 评论 -
深入理解await与async
转自:https://www.cnblogs.com/jsgoshu/p/11444404.html原创 2021-04-14 20:56:59 · 187 阅读 · 0 评论 -
promise
参考https://www.jianshu.com/p/1b63a13c2701resolve作用是,将Promise对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;reject作用是,将Promise对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。promise有三个状态:1、pending原创 2021-04-14 20:15:28 · 232 阅读 · 0 评论 -
小程序和uniapp的globalData以及getApp()
globalDatauniapp的globalData小程序有globalData,这是一种简单的全局变量机制。这套机制在uni-app里也可以使用,并且全端通用。以下是 App.vue 中定义globalData的相关配置:<script> export default { globalData: { text: 'text' } } </script>js中操作globalDa原创 2021-04-14 16:31:39 · 18103 阅读 · 0 评论 -
微信小程序onLoad、onShow、onHide、onUnload区别
onLoad:页面第一次加载时触发,从跳转页面返回时不能触发,可以传递参数onShow:页面显示或从后台跳回小程序时显示此页面时触发,从跳转页面返回时触发,不能传递参数onHide:页面隐藏,例如使用 wx.navigateTo只是打开新页面 并不关闭原页面onUnload:页面被卸载,例如使用 wx.redirectTo 重定向一个页面 原页面已经关闭当初始化或打开一个新页面时 先执行onLoad,然后执行onShow但是对于Tab页面,又是不一样的从A第一次请求到B 是onHide转载 2021-04-14 09:14:43 · 1508 阅读 · 0 评论 -
获取到全局唯一的 App 实例,获取App上的数据或调用开发者注册在 App 上的函数。
整个小程序只有一个 App 实例,是全部页面共享的。开发者可以通过 getApp 方法获取到全局唯一的 App 实例,获取App上的数据或调用开发者注册在 App 上的函数。// app.jsApp({ onLaunch (options) { // Do something initial when launch. }, onShow (options) { // Do something when show. }, onHide () { // Do so原创 2021-04-13 22:09:45 · 874 阅读 · 0 评论 -
background-position不起效果?
background-position不起效果??那一定是你用错了,哈哈哈哈哈,你需要把background-position放在background: url('') no-repeat;的后面,否则不起效果原创 2021-04-13 21:55:53 · 2127 阅读 · 0 评论 -
微信小程序open-data使用
微信小程序open-data使用<template> <view class="content"> <view class="con"> <!-- 用户头像 --> <open-data type="userAvatarUrl" class="con-avatar"></open-data> </view> <view class="con"> <!-- 用户昵称 --&g原创 2021-04-11 22:08:41 · 810 阅读 · 0 评论 -
微信小程序 getUserProfile直接进入fail函数,getUserProfile调用失败:fail desc length does not meet the requirements
问题描述我刚开始的getUserProfile的desc是这么写的wx.getUserProfile({ desc: '获取你的昵称、头像、地区及性别用于信息注册', success: res => { console.log(res); console.log(1); }, fail: res => { console.log(2); console.log(res) //拒绝授权 wx.showToast({ title: '您拒绝了请求,不能正常使原创 2021-04-11 21:50:46 · 8981 阅读 · 1 评论 -
微信小程序 getUserProfile直接进入fail函数,getUserProfile调用失败:fail can only be invoked by user TAP gesture.
问题描述小程序更改了调用用户信息的接口,详情调用getUserProfile直接进入失败返回的错误信息如下getUserProfile:fail can only be invoked by user TAP gesture.大概意思是此接口只能通过用户点击调用修改我们稍作调整,使用按钮进行调用wx.showModal({ title: '温馨提示', content: '亲,授权微信登录后才能正常使用小程序功能', success(res) { console.log(0)原创 2021-04-11 21:44:28 · 17356 阅读 · 4 评论 -
flex自适应的两种布局方式;上中下,左中右布局自适应;两端固定高度或者宽度,中间自适应的布局
上中下<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> /* ===========================转载 2021-04-07 18:35:36 · 2861 阅读 · 0 评论 -
It‘s not allowed to load an initial chunk on demand. The chunk name is already used by an entrypoint
问题描述使用uniapp,下载了一个插件,想看看插件效果,结果报错如下原因及修改作者在page.json文件中,声明了组件,导致报错,如下图所示,将其删除即可原创 2021-04-07 10:53:42 · 2122 阅读 · 0 评论 -
微信授权登录,authorize不执行;uniapp 获取用户信息权限失败;无法通过wx.getUserInfo与<button open-type=“getUserInfo“/>获取用户个人信息
微信登录的接口又又又又改了微信官方本次修改说明wx.getUserProfile小程序的open-datauniapp的open-data为优化用户的使用体验,平台将进行以下调整:2021年2月23日起,若小程序已在微信开放平台进行绑定,则通过wx.login接口获取的登录凭证可直接换取unionID2021年4月13日后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像、昵称、性别与地区),将直接获取匿名数据(包括userInfo与encrypte原创 2021-04-07 09:56:05 · 1918 阅读 · 1 评论 -
小程序开发,uni.login的时候,获取code的时候出现the code is a mock one
原因很简单,你没有修改你小程序的APPID,当前还是处于测试阶段原创 2021-04-04 18:48:42 · 4751 阅读 · 0 评论 -
第三方工具统计页面被访问的次数
只做技术储备参考为你的优快云博客添加CNZZ流量统计功能第三方工具统计页面被访问的次数使用第三方应用友盟实现网站访问量统计功能友盟原创 2021-03-10 22:00:15 · 671 阅读 · 0 评论 -
js:查找字符串中首个出现的中文位置
问题描述由于一些特殊的需要,我需要在下列内容中找出第一个中文字符,并且找到第一个中文字符前面的第一个“>”,截图这个位置后面的所有字符<p style="margin: 0px; padding: 0px; border: 0px; color: #666666; font-family: 'Microsoft YaHei'; font-size: 12px; user-select: text !important;"> 长久以来,真菌生物荧光,从亮橙色有毒蘑菇奥尔原创 2021-03-10 21:49:24 · 1802 阅读 · 0 评论 -
echarts中geoCoordMap世界地图国家及中国城市的经纬度数组整理
他人的中国各城市经纬度坐标export default { 阿克苏地区: [80.260604, 41.168779], 和田地区: [79.922211, 37.114157], 上海: [121.480237, 31.236305], 东莞: [113.758231, 23.026997], 东营: [118.588614, 37.454925], 中山: [113.399023, 22.522262], 临汾: [111.526153, 36原创 2020-12-23 20:17:02 · 11071 阅读 · 7 评论 -
overflow-wrap: break-word; word-break: break-all; word-break: keep-all; white-space: nowrap; 区别
忘记在哪转载的了,只做记录<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title></title> <style type="text/css"> body { font-size: 18px; } p, h3 { font-fa原创 2020-09-09 15:24:52 · 3962 阅读 · 0 评论 -
Echarts实现图表联动(多图联动、图表间联动)
效果如图本实例代码function loadBlock9() { var myChart1 = echarts.init(document.getElementById("block9")); var myChart2 = echarts.init(document.getElementById("block10")); //series中的每一个label设置 var labelOption = { normal: { s原创 2020-09-08 19:35:05 · 7508 阅读 · 0 评论 -
echarts 图例超出的时候启用滚动
legend: { type: 'scroll', show: true, left: 10, right: 10, bottom: 15, textStyle: { color: "#fff" },},关键代码type: 'scroll'官方资料原创 2020-09-07 16:44:54 · 2981 阅读 · 0 评论 -
echarts:设置默认选中,单选;多个柱状图时设置谁显示;多个图的时候设置谁显示
转自:https://www.cnblogs.com/niuben/p/11536026.html资料默认选中 和 不选中 传送门设置单选实例复制代码<script> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); option = { legend: { selected:{ // 设置默认不显转载 2020-09-06 16:14:48 · 5211 阅读 · 0 评论 -
引用js文件时的编码格式问题(乱码问题);js文件的字符集声明;js文件的编码声明
说明如果js文件的编码格式是utf-8,并且含有中文,那么按照正常的方法引用,就会出现乱码的情况。解决如果js文件的编码格式是utf-8,并且含有中文,那么按照正常的方法引用,就会出现乱码的情况。所以正确的引用方式如下:当js文件的编码格式为gbk时,用如下方式引用:<script type="text/javascript" language="javascript" src="mytest.js"></script>当js文件的编码格式为utf-8时,应该用如下方原创 2020-09-05 16:04:26 · 5138 阅读 · 0 评论 -
纯今天html上传虚拟主机(空间)以后,网页乱码问题
问题描述本地开发的纯静态网页,上传到空间以后乱码,在本地浏览器打开的时候没有问题解决其实很简单,在header中加入下面这句话,尽量放在第一行<meta http-equiv="Content-Type" content="text/html; charset=utf-8">其实我的header中是有这段meta的,但是第一:我没有放在第一行;第二:我是将header里面的内容整体拿出去,用js动态加载进去的我觉得就是我动态加载,导致的这段代码没有生效...原创 2020-09-05 16:00:35 · 453 阅读 · 0 评论 -
360安全浏览器强制使用极速模式打开
参考资料360官方社区自定义切核功能说明360官方社区:如何让我的网站在360安全浏览器中默认使用极速模式打开?360浏览器内核控制标签meta说明整理浏览器内核模式优先级强制锁定极速模式(无法手动切换)>手动切换>浏览器兼容列表>meta指定1、强制锁定极速模不对外开放,比如淘宝、360导航2、手动切换模式,手动切了兼容模式,以后打开一直是兼容,切了极速模式就一直是极速模式,只能手动切回去(兼容列表、meta指定会无效)3、meta指定默认模式(可以手动切换),开发者可原创 2020-09-05 15:55:25 · 6925 阅读 · 0 评论 -
浏览器为低版本IE的时候的信息提示;旧版 Internet Explorer 升级提示页;旧版 Internet Explorer 淘汰行动
本部分内容来自:https://support.dmeng.net/旧版 Internet Explorer 升级提示页旧版 Internet Explorer 淘汰行动微软对旧版 Internet Explorer 的支持服务已终止的说明X-UA-Compatibility Meta Tag and HTTP Response Headerif IE 条件注释说明360浏览器内核控制标签meta说明360浏览器自定义切核功能说明旧版IE升级提示弹窗截图...转载 2020-09-05 15:38:28 · 2028 阅读 · 0 评论 -
IE8兼容性解决forEach()
转自:http://www.manongjc.com/article/163.htmlforEach 是在第五版本里被添加到 ECMA-262 标准的;这样它可能在标准的其他实现中不存在,你可以在你调用 forEach 之前 插入下面的代码,在本地不支持的情况下使用 forEach()。该算法是 ECMA-262 第5版中指定的算法。算法假定Object和TypeError拥有它们的初始值。callback.call等价于Function.prototype.call()。if ( !Array.pro转载 2020-09-05 15:19:28 · 1610 阅读 · 0 评论