遇到过的问题
Bright2017
学,然后知不足!
展开
-
各种国内地图坐标系总结
2)互联网地图在国内必须至少使用GCJ-02进行首次加密,不允许直接使用WGS-84坐标下的地理数据,同时任何坐标系均不可转换为WGS-84坐标。3)是国内最广泛使用的坐标体系,高德、腾讯、Google中国地图都使用它。百度中国地图所采用的坐标系,由GCJ-02进行进一步的偏移算法得到。搜狗地图所采用的坐标系,由GCJ-02进行进一步的偏移算法得到。图吧地图所采用的坐标系,由GCJ-02进行进一步的偏移算法得到。2、GCJ-02 坐标系:国测局坐标,火星坐标系。3、CGCS2000坐标系:国家大地坐标系。转载 2024-01-22 14:59:55 · 550 阅读 · 0 评论 -
前端性能监控-window.performance
Performance是一个做前端性能监控离不开的API,最好在页面完全加载完成之后再使用,因为很多值必须在页面完全加载之后才能得到。最简单的办法是在window.onload事件中读取各种数据。转载 2023-11-20 14:45:57 · 358 阅读 · 0 评论 -
css中filter属性设置后导致页面定位失效
原因:当在标签中使用了 filter 属性后(body { filter: grayscale(1);), filter 就会生成一个新的包含块,其位置大小和所在标签一样,然后 fixed 元素就会根据这个包含块进行定位,导致定位出现问题。问题:app上设置css的filter属性导致定位失效。解决方式:设置到html上即可。原创 2023-10-12 16:27:02 · 824 阅读 · 0 评论 -
Chrome报错:Unchecked runtime.lastError
项目背景、安装了 Express 框架,目的是为了快速创建一个web服务器。创建成功后,控制台出现了报错,而在这之前没有出现过这个错误,所以一直在纠结是不是框架本身的问题。错误原因:这个错误一般是浏览器与扩展或者插件之间通信有关,排查后定位在了迅雷扩展上。关闭扩展后,报错消失了!原创 2023-10-08 20:59:36 · 620 阅读 · 0 评论 -
vscode js文件没有代码提示
【代码】vscode js文件没有代码提示。转载 2023-02-07 14:49:43 · 390 阅读 · 0 评论 -
Vue——解决Eslint导致的console报错问题
【代码】Vue——解决Eslint导致的console报错问题。转载 2023-01-29 22:20:47 · 764 阅读 · 0 评论 -
对svg中的元素使用animate.css的旋转,不围绕中心点旋转解决方案
近来在用animate.css实现一些svg的效果,使用rotateIn发现并不能围绕着中心旋转。看了网上的一些文章设置translate到中心点,然而非正途啊。有木有简单的方法呢。经过一番折腾,终于被我找到了,就是这个神奇的transform-box样式,而使用transform-box: fill-box可以使svg 元素像个html一样被操作。转载 2023-01-17 17:01:04 · 564 阅读 · 0 评论 -
yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本。
1.运行 Windows PowerShell(管理员),执行命令set-ExecutionPolicy RemoteSigned更改 PowerShell 执行策略,过程中提示询问是否要更改执行策略?,选择 A 或 Y。二、导致此错误的原因是,PowerShell 执行策略,默认设置为Restricted不加载配置文件或运行脚本。1.yarn : 无法加载文件 C:\Users[UserName]\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本。转载 2022-11-27 16:18:46 · 1895 阅读 · 0 评论 -
js设计模式-状态模式-示例(高压锅状态)
<template> <div class="cooker"> <img src="../assets/gaoyaguo.png" alt="." /> <div class="flex typeName"> <div>状态:{{ typeName }}</div> <div>描述:{{ desction }}</div> </div>...原创 2022-03-12 14:27:32 · 1419 阅读 · 0 评论 -
vsCode关闭时总是提示需要更新、点击确定重启但更新失败
解决办法、按照图二路径、找到vsCode的文件夹、会看到一个文件夹名称是 — 、将它里面的内容复制出来、粘贴到和它同级的地方。然后将原本的文件夹 — 删除、如果担心出问题、可以压缩备份一下。...原创 2022-03-10 09:57:09 · 2371 阅读 · 3 评论 -
js求数组的每一项累加前一项
var baseArr = [1,0,8,9,0,4]; // 求数组的每一项累加前一项 // 求得 baseArr = [1,1,9,18,18,22] var setArr = []; var currNum = 0; baseArr.forEach((item, index) => { if(index == 0){ setArr.push(baseArr[index]); }else{ if(.转载 2022-02-17 09:23:12 · 566 阅读 · 0 评论 -
快速强制删除vue项目中的node_modules包
安装:npm install rimraf -g删除命令rimraf node_modules转载地址:https://www.cnblogs.com/shihx/p/13158055.html转载 2021-12-07 09:20:23 · 635 阅读 · 0 评论 -
echart 绑定点击事件无效,原因是属性设置错误
最近做的项目需要联动两个图表,点击在折线图或者柱状图柱子上,触发事件。正常做法就是给图表绑定上click事件即可,但这次绑定后却无效。最终发现是属性设置问题silent:true// 是否不响应和触发鼠标事件,默认为 false,即响应和触发鼠标事件。改为true或者干脆不设置这个属性即可。子组件中 this.$emit("loadedChart", this.charts);在组件上绑定事件@loadedChart="manufactorClick"manuf...原创 2021-12-03 13:37:04 · 8248 阅读 · 2 评论 -
echart绑定的点击事件多次请求问题
echart绑定的点击事件多次请求问题原创 2021-12-03 10:00:00 · 311 阅读 · 0 评论 -
解决Echarts柱状图X轴数据隔一个显示
解决1.设置相应属性----axisLabel设置axisLabel中的interval为0xAxis: { type: 'category', data: ['攻击模式', '应对措施', '入侵集合', '恶意软件', '工具', '脆弱性', '威胁主体', '攻击活动', '身份', '攻击指标', '可观察数据'], axisPointer: { type: 'shadow' }, axisLabel: { interval: 0 //设置...转载 2021-11-10 10:06:06 · 5115 阅读 · 0 评论 -
vue项目单位适配
main.js中引入rem.jsimport '/src/rem.js'rem.js// 设置 rem 函数const setRem = () => { // 获取html的Dom元素 let htmlDom = document.getElementsByTagName('html')[0] let designWidth = 750 // 默认设计稿尺寸为750px,如果设计师提供设计稿为别的尺寸,则替换相应尺寸 htmlDom.style.fontSize =原创 2021-09-09 11:48:48 · 328 阅读 · 0 评论 -
Vue项目中折线图圆滑显示,X轴加滚动条dataZoom
效果图这里需要注意的是,我的项目中Echarts版本是4.6。5.0的版本这里X轴滚动条样式会有所不同"echarts": "^4.6.0",完整代码<template> <div id="app"> <div class="chart_content"> <div>折线图--圆滑--X轴加滚动条</div> <chartSeven :legendone="four_legend_data_one" .原创 2021-07-29 17:23:29 · 1011 阅读 · 0 评论 -
iView-Table合并,防止串行
串行的效果合并后的效果<template> <Table :columns="columns14" :data="data5" border :span-method="handleSpan" class="tableclass"></Table></template><script> export default { name: "tableone"..原创 2021-07-12 17:26:11 · 365 阅读 · 0 评论 -
html引入element ui 后,element-icons.woff 和 element-icons.ttf文件找不到
html文件引入element ui后,报错 element.js:1 GET file:///D:/llz/test-8-17/css/fonts/element-icons.woff net::ERR_FILE_NOT_FOUND element-icons.woff 和 element-icons.ttf文件找不到只要在对应文件夹里引入这两个文件即可:点击下载引入:转载地址:https://blog.csdn.net/bigbigpigsobig/article/details/转载 2021-05-26 09:29:47 · 2480 阅读 · 0 评论 -
axios请求中添加token,Authorization中添加token
axios({ method: 'get', url: url, responseType: 'blob', headers: { 'Authorization': 'Bearer ' + getToken() } }).then(res => { console.log(res) })转载地址:https://blog.csdn.net/weixin_44994731/article/details/104472894转载 2021-05-26 09:26:11 · 1372 阅读 · 0 评论 -
vue绑定数据,渲染页面时会出现变量闪烁
在使用vue绑定数据的时候,渲染页面时会出现变量闪烁,例如<div class="#app"> <p>{{value.name}}</p></div>在加载的时候会看到{{value.name}}原因:由于JavaScript去操作DOM,都会等待DOM加载完成(DOM ready)。对于vuejs、angularjs这些会在DOM ready完会才回去解析html view Template,所以对于Chrome这类快速的浏转载 2021-05-24 17:58:20 · 476 阅读 · 0 评论 -
vue 配合mintUi实现省市区三级联动
最终效果这里有个问题需要提示下,MintUi的版本问题,我用的https://unpkg.com/mint-ui@2.2.13/lib/index.js 2.2.13版本滚动时有问题,而且重复打印,于是切换了版本,最后发现 2.2.9版本滚动正常,但是不知道为什么,页面其他picker受到了影响,所以最终只有地址这个界面使用了2.2.9版本,其他界面依旧使用2.2.13版本!文档地址:http://mint-ui.github.io/docs/#/zh-cn2/picker&l...原创 2021-05-08 16:55:16 · 224 阅读 · 0 评论 -
thinkphp5.0安装composer安装topthink/think-captcha
cmd命令行窗口长时间没反应使用国内镜像打开命令行窗口(windows用户)或控制台(Linux、Mac 用户)并执行如下命令: composer config -g repo.packagist composer https://packagist.phpcomposer.com安装前请先安装composer,我的php是5.4,所以使用 composer require topthink/think-captcha=1.*重点!!!默认是3.0的,thinkphp6版本的转载 2021-04-15 10:02:05 · 643 阅读 · 0 评论 -
HTML5 video在安卓的微信上面播放时自动会全屏的问题
<video x5-playsinline="true" playsinline="true" webkit-playsinline="true" :poster="option.cover_pic_url ? option.cover_pic_url : $bigDefaultImg" v-if="option.content_file_url" controls="controls"> <source :src="option.content_file_url" .转载 2021-04-13 11:34:23 · 211 阅读 · 0 评论 -
vue项目使用electron打包桌面应用程序 exe
客户需求,要求vue做一个桌面应用,很久没碰vue了,这里简单记录下。我是用Hbulider X 创建的vue项目,electron打包vue项目为桌面应用。目录结构:打包之前需要简单创建几个vue界面,同时安装axios和router,让页面可以正常跑起来。main.jsimport Vue from 'vue';import App from './App.vue';import VueRouter from 'vue-router';import axios fro原创 2021-03-19 11:58:13 · 935 阅读 · 0 评论 -
富文本编辑器ueditor——找不到ueditor.all.js以及ueditor.all.min.js文件
首先,下载ueditor官方下载地址:ueditor下载地址由于github下载速度太慢,我就选择clone到gitee上进行下载,速度M级,下载地址:ueditor下载地址注意:下载的ueditor源码并没有ueditor.all.js文件安装依赖在下载好的项目目录下执行 npm install 安装依赖,或者使用淘宝源 cnpm install 安装依赖,速度快很多(不过需要事先安装淘宝cnpm)执行 grunt default需要事先安装好 grunt,如果没有,可以执行以下命令转载 2021-03-12 14:04:01 · 1905 阅读 · 0 评论 -
thinkPhp5隐藏index.php设置后依旧模块不存在的解决方法!
隐藏入口index.php的整了好久 主要是phpstudy的.htaccess跟thinkphp5文档的写法不一样所导致的所以记录下来引以为戒。以Apache为例,需要在入口文件的同级(public目录下)添加.htaccess文件(官方默认自带了该文件),内容如下:<IfModule mod_rewrite.c>Options +FollowSymlinks -MultiviewsRewriteEngine onRewriteCond %{REQUEST_FILENAM.转载 2021-02-27 16:00:42 · 1871 阅读 · 2 评论 -
安装tp6时出现Could not find package topthink/think with stability stable.
安装tp6.0操作步骤: 1.git bash到要安装的地方 2. 执行命令:composer create-project topthink/think tp6出现的错误: [InvalidArgumentException] Could not find package topthink/think with stability stable.解决方案:删除之前的镜像:composer config -g --unset repos.packa...转载 2021-02-23 09:23:34 · 2426 阅读 · 0 评论 -
小程序录像用户拒绝授权后,再次发起授权
<view class='cententView' wx:if="{{showCamera}}"> <block> <camera device-position="front" flash="off" binderror="error" class="camera_video"> <cover-view class="camera_video_top"> <cover-image src='/image/15.png' ..原创 2020-11-05 16:17:54 · 719 阅读 · 1 评论 -
swiper反向滑动
swiper一直都是比较喜欢的一个插件,不管是设计还是我自己,都习惯了默认的向左滑动。今天客户要求必须向右,找了半天,终于找到了相应的参数。direction只能设置Swiper的整体滑动方向,可设置为水平方向切换(horizontal)或垂直方向切换(vertical)。reverseDirection开启反向自动轮播。var mySwiper = new Swiper('.swiper-container',{ autoplay: { reverseDirectio原创 2020-10-26 14:39:53 · 3464 阅读 · 0 评论 -
使用Electron将HTML项目打包为桌面应用(exe)
基础环境需要安装node.js和npm1)进入需要打包的项目文件夹中,打开cmd进入该目录2)npm init之后会多出一个package.json文件,以下是默认内容{ "name": "exe", "version": "1.0.0", "description": "", "main": "main.js", "scripts": { "test": "echo \"Error: no test specified\" && exit ..原创 2020-09-25 18:10:31 · 2338 阅读 · 0 评论 -
vue 循环数据进行操作改变对象得值,但是视图没有发生变化
如果是数组this.form = Object.assign([], this.form)如果是对象this.form = Object.assign({}, this.form)Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。语法链接:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assi..转载 2020-09-25 13:11:39 · 378 阅读 · 0 评论 -
npm 删除 node_modules 文件夹
node_modules 文件夹不能手动删除,但是可以用npm提供的一个包来把它删除npm 提供一个包remove-node-modules来帮助删除node_modules安装 yarn global add remove-node-modules//或 npm install -g remove-node-modules删除当前项目根目录下输入remove-node-modules,即可删除 node_modules 文件夹。...转载 2020-09-16 11:00:25 · 1814 阅读 · 0 评论 -
uni-app 报编译错误,使用了scss/sass语言,但是未安装相应的编译器插件
今天遇到这个问题,但是我明明已经去插件市场下载了插件。下载插件及步骤说明:https://ext.dcloud.net.cn/plugin?name=compile-node-sass下载了插件后,按照说明操作了,但是还是报错。最后发现是名称问题。插件下载后,压缩包的名称是compile-node-sass_0.0.3解压后需要更改插件名称,文件名字改成 compile-node-sass不然插件执行错误。...原创 2020-09-09 15:51:01 · 1753 阅读 · 0 评论 -
display:flex布局下的子元素宽度无效
加上 flex-shrink: 0;width: 120px;flex-shrink: 0;转载 2020-09-03 10:05:40 · 841 阅读 · 0 评论 -
canvas生成图片模糊的解决方案
一般情况,在高清屏的设备下,任何绘制canvas中的图像、文字、线条、形状都可能会出现模糊的问题。可通过引入 GitHub 中的 hidpi-canvas 有效地解决。首先去 GitHub 下载 hidpi-canvas.js 文件:传送门; 在项目中引入 hidpi-canvas.js 文件; 调用 getPixelRatio( ) 函数,得到 ratio 值; 在 drawImage( ) 中,将 width 和 height 乘以 ratio; 效果如下,但抱歉,没做对比图!在部分 iO转载 2020-07-29 09:37:57 · 3929 阅读 · 0 评论 -
flexible.js和页面其他css冲突,导致html的font-size不能生效
问题:解决方式:var txt=$("html").attr('style'); var tt=txt.replace(/px/g, 'px !important');$("html").attr('style',tt); 移动端使用阿里的插件flexible.js实现rem自适应,由于页面引入了其他插件,导致有时页面加载慢的时候,flexible.js动态设置的html的px被其他样式覆盖,解决办法就是加上最高级。由于flexible.js源码添加了 !important 后无效原创 2020-07-17 09:28:52 · 1571 阅读 · 0 评论 -
微信中缓存太严重,H5页面在微信中加载css修改后无效
一直都知道微信中缓存比较严重,但是没想到这么严重。之前清理微信缓存,或者删除某条聊天记录后页面重载后还是会更新的。这次比较严重,无论怎么刷新,清理缓存,打开页面都没有效果。解决办法,为引入的css加上版本号即可,这样每次进入都会重新加载,而不是获取缓存。当然,仅在微信中使用。<script type="text/javascript">document.write("<link rel='stylesheet' type='text/css' href='/css/inde原创 2020-06-02 13:59:02 · 2313 阅读 · 0 评论 -
微信开发者工具打开是黑屏
电脑用时间长了,昨天重做了系统,安装了开发者工具之后发现打不开,等了好久打开后居然黑屏。我以为是系统没做好又重装了一遍,后来在社区查了下,才知道,这个问题很普遍。解决办法:你好,黑屏问题麻烦打开C:\\users\\<>\\AppData\\Local\\微信开发者工具\\userdata\\WeappLocalData放置这个文件https://share.weiyu...原创 2020-04-30 10:07:12 · 5337 阅读 · 0 评论 -
uni-app中 canvas插入图片--图片保存空白
使用uni-app做混合APP时,需要用canvas生成海报。遇到问题,第一次保存底部是黑色的,第二次保存出来是全部空白。因为初次保存图片,背景透明,保存到安卓手机个别型号底部是黑色的,为了解决这个问题,用了一张白色图片,覆盖了整个海报的底色。 最终效果图 覆盖了白色底之后,黑色底部这个问题解决了,但是因为图片加载顺序的问题,有时二维码也会...原创 2020-04-27 17:03:36 · 9111 阅读 · 2 评论