steamedbread321-优快云博客

原创 html网页加载ppt文件非ifram加载

ppt的src地址不可以用那个本地的地址哦，必须要线上地址然后通过微软的地址解析出来就可以了。今天有一个客户需求是加载一个ppt文件还要有翻页的效果，我搜索了很久也只有一个ifram加载。所以我果断用了chtgpt然后发现了一个宝藏效果。

2023-02-15 11:50:41 1058 1

原创咕叽咕叽甜水铺子商城无js适合新手用

一共五页就放这么多把，下面是代码哦。

2023-02-11 21:03:24 276

原创用vue写一个内网请求chatgpt的网页可以返回图片请求【内含一个key】

如果很懒的话没关系啊，这里有部署好的地址直接使用就行了，http://sq888522.store/chatgpt.html，对了附赠一个key：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。最近不是chatgpt很活吗？可是必须要科技上网才可以进入，所以我就参考其他人写的页面改写了一个网页版不需要chatgpt请求的网页，还可以请求图片哦。部署以后就可以直接使用废话不多说了直接上代码。

2023-02-11 20:40:51 1944 2

原创 2022-5.9初学ts笔记

ts变量的类型在enum中需要注意的是const getValue = () => { return 0}enum List { A = getValue(), B = 2, // 此处必须要初始化值，不然编译不通过 C}console.log(List.A) // 0console.log(List.B) // 2console.log(List.C) // 3A 的值是被计算出来的。注意注释部分，如果某个属性的值是计算出来的，那么它后面一位的成员必须要初始

2022-05-09 11:00:09 152

原创 2021-08-20问题记录

问题记录elementui图片上传限制尺寸直接上代码吧:HTML代码 <el-upload :auto-upload="false" class="editor-slide-upload" action="" :multiple="true" :file-list="fileList" :show-file-list="true" accept=".png,.jpg,.jpge" li

2021-08-21 15:52:51 281

原创 vue项目中运行项目报错：You may use special comments to disable some warnings.

以上情况是vue中于法检测工具搞得鬼，解决办法如下

2021-07-31 19:59:59 189

原创在表格点击详情弹出中动态添加audio标签的src

如果直接使用:src是不能绑定成功的所以第一步：使用ref做绑定，详细代码如下dom中的代码： <audio ref='audio' controls> <source :src=popList.audioUrl type="audio/ogg"> </audio>js中的代码 this.$nextTick(()=>{ this.$refs.audio.src = `${window.g.BAS

2021-07-31 19:57:19 415

原创 npm 报错 Cannot find module ‘core-js/modules/es6.regexp.constructor‘

解决：不识别es6语法cnpm install core-js@2

2021-07-21 11:44:12 607 1

原创 openlayer中EPSG:900913标准下坐标转EPSG:4326标准坐标

首先，创建地图。这里是创建的高德地图的卫星图。 map = new LMap.Map("map", { // projection: "", // displayProjection: "EPSG:4326", projection: new LMap.Projection("EPSG:900913"), displayProjection:new LMap.Projection("EPSG:4326"),

2021-07-21 11:39:11 720

原创 ECHARTS图表当坐标轴文本过长时使用省略号显示

主要是在axisLabel中增加formatter属性具体代码如下：这里以x轴为例子 axisLabel: { interval: 0, textStyle: { color: 'deepskyblue', fontSize: 12 }, formatter:function(value){ let valuetext = "" if(value.length > 12){

2021-06-02 17:59:19 1001

转载 echarts如何给柱状图设置渐变色

在series 的 itemStyle 里面进行设置color的属性值，itemStyle: {normal: {color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 0,color: ‘#cd7cf3’}, {offset: 1,color: ‘#de5df2’}]),}},这里设置后每个柱子的颜色渐变方向是从低到上从#cd7cf3到#de5df2...

2021-06-01 17:46:39 2049

转载安装vuex调试工具（无脑）

https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd // 点击推荐下载在谷歌浏览器地址中输入chrome://extensions/ // 如果没有显示添加扩展工具的话请把左侧的开发者模式打开把解压包里面的那个crx 文件直接拖拽过来到空白位置安装成功之后重启浏览器注意 vue开发者工具你得运行一个vue项目才会出来作者：啊咻代码的搬运工链接：https://www.jianshu.com/p/6c7

2021-04-30 10:07:28 344

原创 vue-element-admin使用vue-video-player打包问题

在vue-element-admin中使用vue-video-player在本地可以播放流媒体文件，可是打包以后不能播放流媒体文件，回报错提示mock哪里有错误打开main.js注释以下代码即可解决

2021-04-02 16:46:44 439

原创 elementui复选框组改为二选一功能

需求如下：需要使用elemenui中的复选框组实现单选框组二选一的功能，以及两个都不勾选的功能。解决方法：使用change函数限制勾选的长度具体代码如下:vue文件中的代码： <el-checkbox-group v-model="checkList" @change="changeCheck"> <el-checkbox v-for="(item, index) in list" :key="index" :label="

2021-03-31 15:21:36 1280

原创 vue中prop传值获取不到值

在使用prop传值时，父组件传值到子组件，子组件拿不到值得情况下。解决办法：将prop传到子组件的值转换为本地的值具体如下：子组件中的代码： props: { curlData: { type: Object } }, watch:{ curlData(){ this.realData =this.curlData } },watch中的函数名使用prop的变量名称，watch监控字段值得变化，相当于在此处监听curlData值得变化。

2021-03-31 15:11:18 2489

原创 vue-element-admin中实现自适应功能

有这样一个需求：在1920*1080下视图显示正常，但是需要在1600*900下也要显示正常（在vue-element-admin下）我们直接使用postcss-px-to-viewport这个插件。网上很多说这个是vue3.0才可以使用，但是我这边实际情况是vue2.x版本也可以用。操作步骤1：下载插件npm install postcss-px-to-viewport --save-dev2：使用：在package.json中加入如下代码：module.exports = { plu

2021-03-31 14:22:38 3266 4

原创 vue加载html文件

使用iframe标签，如果是外部的链接，比如百度就直接写地址，如果是自己的本地html，就放在后端的public里面代码如下：HTML <iframe id="iframeId" :src="url" frameborder="0" class="pc iframe" scrolling="auto"> </iframe>JS data() { return { url:"http://localhost:7001/public/cl

2021-01-27 17:58:20 1075

转载 vue+webpack项目动态设置页面title的方法

https://blog.youkuaiyun.com/weixin_42333548/article/details/103626427?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_param_isCf&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1

2021-01-27 16:18:22 436

原创 css水波纹图

这里记录两种水波纹图。第一种代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #icon{ transform: rotate(6.5deg); color: transparent; } </style>

2021-01-19 14:25:21 372

原创 animated-number局部刷新功能

首先，我们需要使用到AnimatedNumber这个插件可以参考以下这篇文章：https://blog.youkuaiyun.com/weixin_44766633/article/details/111296624现在的需求如下：，点击一个刷新按钮的图标数字会跳动，可是我没有找到AnimatedNumber里面的官方用法，所以，使用到了局部刷新。效果如上。局部刷新的代码如下：<span class="item_number" v-if="isRouterAlive"><animated

2021-01-19 13:53:08 490

转载在HTML中限制input 输入框只能输入纯数字

https://blog.youkuaiyun.com/mp624183768/article/details/90734790

2021-01-18 11:41:56 132 1

原创 elementui表格中实现点击单个单元格触发事件

需求是这样得：表格中循环遍历出值，然后点击单个单元格触发事件。在官方文档中得事件cell-click，在点击每一行得时候都会触发，显然这不符合要求。解决方法如下：在你所需要点击触发事件得单元格中添加如下代码 <el-table-column prop="name" label="姓名" > <template scope="scope"> <div class="sub-bo

2021-01-18 11:13:53 10475 2

原创 vue中引入js文件踩的坑

一开始是这样引入的js文件，看着没有毛病但是一直报错【导致页面加载不出来，白屏】找了文章发现问题如下:原来是文件名字出了问题，我import的时候import xxx from ‘./index’ 那么此时有两个index文件，因为优先级js>vue，自然就会调用index.js文件，那页面显示空白就是正常的了，js里都是定义的方法，没有vue模版报Failed to mount component: template or render function not defined.也顺理成章.

2021-01-15 18:22:29 1742

原创 vue中抽取css

2021-01-15 18:16:27 484

原创 element-ui多个组件只修改其中的一个样式

原理：先找到上一级元素，再去定位你想修改的那个.peopleNl /deep/.el-input{ width: 148px!important; }

2021-01-13 12:49:39 1333

原创 vue中去掉v-for遍历数组中的最后一个逗号

<span v-if="i<fwData.householdRegisterList.length-1">,</span>加一个v-if判断就好了，判断只要是长度-1的都有,其他的就没有

2021-01-05 10:31:53 2978

原创 elemen-ui走马灯中循环元素

图中的效果使用element-ui做出来的详细代码如下 <div class="foo"> <div class="middleTitle1"><span>行政信息</span></div> <div class="foo_lun"> <el-carousel :interval="5000" arrow="always" height="22vh" :loop="false" .

2020-12-30 16:07:59 480

原创 vue中跳转页面以后返回还是原来的值

存储再localstorage中然后再取出来

2020-12-29 16:16:45 763

原创 element-ui中给表格添加单选框组（el-radio-group）

需求如下：默认选择每一行的双向通行，然后可以点击其他并且有排斥的效果主要是使用三元表达式的多次判断代码如下： <el-table-column prop="b" label="管理" width="620" show-overflow-tooltip align="center"> <template slot-scope="scope"> <el-ra.

2020-12-29 15:26:16 4234 3

原创 vue中使用echarts-gl（3d环形图）

以这个为例子：https://www.makeapie.com/editor.html?c=x1-kIyaV6u记得要先下载echarts 和echarts-glnpm install echartsnpm install echarts-gl然后就是导入 import echarts from 'echarts' import 'echarts-gl'然后就是效果图最后就是代码<template> <div> <div class="Center

2020-12-28 10:06:33 11240 11

转载 $.ajaxSettings.async = false；是什么意思

如果喂false则设置为同步的如果为true则设置为异步的//设置为同步 $.ajaxSettings.async = false; $.post("url", data, function(result) { // 请求处理 },"json"); //设置回异步 $.ajaxSettings.async = true; 注意：使用这种方式，使用了同步后(.ajaxSettings.async=false;)，需及时释放掉使用异步(.ajaxSettings.async =

2020-12-23 09:19:45 1135

原创 vue中数字自动增加到一个指定数字vue-animate-number

如题，需要用到vue-animate-number插件下载插件# Yarn$ yarn add animated-number-vue # NPM$ npm install animated-number-vue --save下载完成以后引入插件以及注册import AnimatedNumber from "animated-number-vue";注册： components: { AnimatedNumber },使用<animated-number :

2020-12-16 17:39:30 2840 1

原创 echarts tooltip移入出现页面抖动

移入echarts以后页面会出现抖动解决方法如下：在echarts的那个元素外面加一个div包裹起来，这里需要用overflow:hidden <div style="overflow: hidden;width: 100%;height: 100%;"> <div class="dbline" id="dbline" :style="{'width':width, 'height':height}"></div> </div>然后设置too

2020-12-13 20:54:21 892 1

原创使用懒加载加载element-ui中的表格（原生分页）

需求：在element-ui表格中，使用滚动条滚动到最底部再去做网络请求。代码：HTML代码块 <el-table :data="tableData_work" style="width: 100%" stripe ref="myTable" height="550"> <el-table-column prop="title" label="标题" width="290" align="left" :show-overflow-t

2020-11-29 16:11:46 478 1

原创 element-ui表格中表头表内容的居中左右对齐

element-ui表格中表头表内容的居中左右对齐第一个是内容第二个是表头

2020-11-20 16:16:58 2462

原创 element-ui单元格内容过长时省略号代替

只要在需要设置的列加上:show-overflow-tooltip='true’即可想在那一列添加效果就在那一列添加<el-table-column prop="url" label="说明书下载地址" width='200' :show-overflow-tooltip='true'></el-table-column>...

2020-11-20 10:52:06 257

原创 mapbox在标签下添加新图层

如果没有第二个参数那么新加的图层就会在那个图层的紧挨着的下面。"fill"：具有可选描边边框的填充多边形。"line"：描边线。"symbol"：图标或文本标签。"circle"：实心圆。"heatmap"：热图。"fill-extrusion"：拉伸（3D）多边形。"raster"：栅格地图纹理，例如卫星图像。"hillshade"：基于DEM数据的客户端山体阴影可视化。目前，该实现仅支持Mapbox Terrain RGB和Mapzen Terrarium磁贴。"b.

2020-11-19 16:44:48 1912

原创 mapbox显示多种文本格式并设置其样式

这里需要用到几个方法。setLayoutProperty设置指定样式图层中布局属性的值。ParameterslayerId(string)需要在其中设置布局（layout）属性的图层 ID。name(string)需要设置的布局属性名称。value(any)布局属性的值。必须是一种符合 Mapbox Style Specification 规定的属性类型。options(Object?)(default {})eg:map.setLayoutProperty('my-layer', 'vi

2020-11-19 15:43:32 3714

原创 element-ui中分页的坑

element-ui中分页的坑在分页中有时候哦需要通过一些条件去筛选条件，然后点击搜索再返回渲染到表格中，如果没有我下面的添加代码，就会造成搜索不出来的效果。特别是：比如你在第二页搜索东西，肯定不会出来东西。必须再第二页原因如下？：因为分页中page一直是1所以不行具体代码如下： async searchPeople() { await HjKu({ page: 1,//xiu rows: this.pageSize_ldrk

2020-11-18 17:59:17 533