自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 问答 (1)
  • 收藏
  • 关注

原创 前端跨域怎么办?

前端解决跨域问题的一个小小方法

2024-04-15 11:05:03 237

原创 关于Jmeter如何通过脚本获取变量且将其设置为全局变量

关于Jmeter设置全局变量且使用

2024-01-03 10:56:05 588

原创 关于使用Selenium获取网页控制台的数据

背景:需要获取网页的控制台的数据,如下图。

2023-12-27 17:51:10 974 2

原创 Angular16的路由守卫基础使用

【代码】Angular16的路由守卫基础使用。

2023-08-16 15:19:39 1616

原创 angular使用i18n / angular i18n的基础配置

【代码】angular使用i18n / angular i18n的基础配置。

2023-08-10 18:42:09 344

原创 JMeter的简单使用/JMeter压力测试

【代码】JMeter的简单使用/JMeter压力测试。

2023-08-09 14:36:23 94

原创 新建一个Springboot项目,并实现获取数据和输出一个api接口

一个Springboot模板,实现获取数据和输出一个api接口

2022-08-16 16:27:33 591 1

原创 如何打包及运行打包后的前端项目

打包前端项目及运行

2022-08-01 10:43:45 3651

原创 纯js实现弹幕效果

纯js实现弹幕效果

2022-07-29 16:33:22 800

原创 Angular login页面的简单模板及过程

angular登陆页面模板

2022-07-25 15:31:43 1714

原创 Angular使用双向绑定出错

angular使用双向绑定

2022-07-25 15:20:35 496

原创 Angular使用ngx-toastr样式失效问题

使用ngx-toastr样式失效问题

2022-07-21 15:59:10 403

原创 angular的安装和简单配置(入门)

Angular的安装和简单配置

2022-07-20 23:55:45 1048

原创 对象数组排序无效解决方法

arr.sort()arr.sort((a,b) => a-b)如果以上代码无效可以尝试以下代码arr.sort((a, b) => (b.key === a.key ? 0 : a.key > b.key ? 1 : -1))learn from https://www.cnblogs.com/yuanchao-blog/p/13502610.html

2022-05-20 17:28:47 481

原创 关于uniapp配置友盟umeng

友盟开发文档这里主要解决3.2集成问题。如果在uniapp开发时,没有app.js,而是使用App.vue + main.js的话,使用官方推荐的挂载方法可能会比较麻烦。因此可以在main.js里使用以下代码。(Alipay版)import umaAlipay from 'umtrack-alipay'umaAlipay.init( { appKey: '62061f5fe0f9bb492b01241f', //由友盟分配的APP_KEY debug: true, //是否打开调试模式 u

2022-05-06 18:46:31 1478

原创 ES6 对象数组 / 数组去重

ES6对象数组/数组去重

2022-04-29 11:01:26 93

原创 封装一个简单showToast组件 / 自定义toast组件

父组件:<tempalte> <view> <toast ref="mytoast"></toast> </view></template><script> methods:{ func() { // 绑定子组件,调用子组件内的方法 this.$refs.mytoast.showtoast( '成功' ) }</script>子组件:<templa

2021-12-29 17:51:41 804

原创 一个简单的防抖函数

原理:当持续触发一个事件时,在n秒内,事件没有再次触发,此时才会执行回调;如果n秒内,又触发了事件,就重新计时适用场景。debounce( func, args ) { clearTimeout( method.timer ); method.timer = setTimeout( function() { method.call(args); // }, 150 ); // 控制刷新一次的时间}debounce( func )...

2021-12-07 09:53:13 142

原创 前端js实现模糊搜索

思路:1.遍历数组 list.foreach()2.将遍历出来的item进行字符串转换 JSON.stringify(item)3.在转换后的字符串通过search方法进行模糊搜索 str.search( value )4.如果search到该字段的话则将该item塞入数组 newlist.push(item)完整代码<uni-search-bar v-model="list" @input="input()" placeholder="">data() { oldList:

2021-12-03 18:11:29 1781

原创 误删暂存代码的恢复方法

昨天因为将上传git的时候暂存了代码,后来误删把一天写的全部内容无了!在网上试了几个方法在这里分享一下。

2021-11-25 09:35:31 4389 2

原创 HBuilderx uni-app配置环境变量 / 自定义环境变量

uni-app官网关于环境变量的三种配置方法方法1:vue.config.js支持情况:CLI 工程HBuilderX 2.1.5 及以上版本注意:仅vue页面生效方法2:.env支持情况:CLI 工程方法3:package.json本文主要围绕package.json这个配置方法来展开。首先在根目录下创建(若没有)package.json文件,并写入以下代码。!切记复制以下代码需要去掉所有注释,在package.json中不能有任何注释,否则会报错。{ /**

2021-11-03 11:14:14 5973 2

原创 antd Modal + Form搭配使用 / Ant Design 4.x的Modal中表单验证

最近写React + antd时,使用到Modal和Form组件时候,因为Modal组件自带onOk按钮,因此不能使用Form自带的onFinished函数,所以一直不清楚怎么能自己发起对表单的校验。看完官网和[这位博主](https://www.cnblogs.com/samve/p/13493151.html)的代码后,大致了解可以通过使用 **ref** 的方式获得表单值甚至可以发起表单校验方法。

2021-08-12 18:15:10 2235

原创 尚硅谷React实战项目踩坑记录

本次实战项目素材来自尚硅谷的React全展现全栈,项目内容是使用react + antd的方式开发后台管理系统,本文在这里记录一下开发时踩到的小坑以及解决方案,希望能对你有帮助!

2021-07-19 22:51:47 1760 13

原创 报错:yarn add less less-loader安装失败!

报错信息:info fsevents@2.3.2: The platform "win32" is incompatible with this module.info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.info fsevents@1.2.13: The platform "win32" is incompatible wit

2021-07-19 14:16:18 1259

原创 iview表格(table)行样式 / 列样式修改

行样式(Row)在iview的官方文档里有提供动态修改行样式的方法。直接上代码演示。html部分<Table :data="data1" :columns="columns4" :row-class-name="rowClassName" ></Table>js部分rowClassName (row, index) { if (index === 1) { return 'demo-table-info

2021-06-11 16:10:10 4475 1

原创 Echarts3D图 / Echart3D饼图

**注意事项** 1. 安装Echarts并引入 2. 将示例的方法复制到methods中,并新建一个用来初始echarts的方法,将该方法挂载到mounted状态中 3. **在使用的页面中引入echarts3d**`<script>import 'echarts-gl'</script>;` 4. **给需要挂载的dom设置宽高**

2021-05-26 10:39:50 11436 2

原创 Vue的表单验证规则全套!

//ref可用于表单验证 model用于绑定数据 rule用于验证规则 labale-with用于控制表单项文案宽度<el-form ref="form" :model="form" :rule="rules" label-width="200px"> <el-form-item label="名字"> //label表单项文案 <el-input v-model="form.name"></el-input> //v-model数据绑定 &lt

2021-05-13 15:08:12 924

原创 Echarts仪表盘样式不一致问题

最近在使用Echarts官网样例的仪表盘图时候发现自己用的和官网的样例样式完全不一样。无论怎么调整参数都还是没有办法解决。如果有同学碰到和我一样的问题可以尝试一下使用最新版的Echarts(5.0以上)。因为曾经也怀疑过Echarts版本问题因此npm install更新了Echarts但是只更新到了4.9的版本。4.9的版本还是会出现样式不一致的问题。因此如果想解决这个问题可以在install的时候指定一下更新最新版本或者通过下载文件引入的方式来使用最新版的Echarts。希望能解决一些同学关于这个方

2021-05-12 10:08:58 1124

原创 Echarts —— x轴数据过多显示不全 / x轴数据左右滑动显示

在echarts配置的option内开启dataZoom,option: { dataZoom: [{ show: true, endValue: 9//x轴少于10个数据,则显示全部,超过10个数据则显示前10个。 }]}效果图柱状图下方就是滑动条,可以选择选择滑动条长度范围(根据百分比显示)官方dataZoom配置手册在里面还有更多的属性可以找到自行配置。...

2021-05-07 11:31:34 3697

原创 Element UI输入框(input)动态绑定disabled属性

效果图这里是在表格里面给插入input输入框,但是在某个参数我们有固定值不需要使用input框,因此给这两个参数的input框加上disabled = true的属性,不允许用户进行修改代码部分//对应xxx参数<template slot-scope="scope" slot="params"> <el-form-item> <el-input v-model="scope.row.params" :disabled="(scope.row.$index

2021-04-14 09:53:38 12998 1

原创 AVue表格(avue-crud)中插入输入框

直接上图和代码<template slot-scope="scope" slot="spacesearch"> <div> <avue-crud :data="data3" :option="option3" > //插入输入框 <template slot-scope="scope" slot="default"> <el-form-item>

2021-04-13 17:04:41 3939 2

原创 echarts的样式调整 / echarts柱状图不紧挨y轴开始

如图需要制作一个横向的柱状图,且起点不紧挨着零刻度线。从元素中可以看到一个柱状图中是有两个canvas构成的,第一个canvas是横竖坐标,第二个canvas就是横向的柱状图。那么需要通过找到第二个canvas然后给它绑定样式属性。虽然我们不知道这个元素的id,但我们知道这个元素一定是canvas标签。所以我们可以通过document.getElementByTagName的方式去找到对应的canvas。找到对应的canvas后就可以通过绑定,将样式重写到这个canvas里面了,在这里需要离开.

2021-04-07 11:52:04 3277 4

转载 父元素中同时使用 css3 transform 的 rotate 和 skew 后,子元素如何不受影响?

.father { transform: rotateZ(-30deg) skewX(30deg);}// 子元素使用transform倒转回来的时候应该将skew和rotate也倒转。transform有前后顺序关系。.children { transform: skewX(-30deg) rotateZ(30deg);}原出处:(https://www.v2ex.com/t/394630)...

2021-03-31 17:09:33 2050

原创 关于Antd 表格(Table)中插入图片

HTML<a-table :columns="columns" :data-source="data" :pagination="false" :stripe="true"> //表头 <span slot="ranktitle" style="color: rgb(245,172,139);">排名</span> //表单 <span slot="img" slot-scope="img"> //注意此处src需要用动

2021-03-24 18:03:39 4035

原创 Echarts gallery地图使用及效果

这次使用的地图为中国各省份地图下面简单说一下如何引入和使用步骤1:在项目中安装Echarts的依赖npm install echarts --save然后在main.js中引入并使用import echarts from "echarts";Vue.prototype.$echarts = echarts(当然也可以在echarts官方下载安装包导入项目内,也可以通过script标签引入,方法很多)步骤2:找到自己需要的地图echarts gallery步骤3:选择好自己需

2021-03-16 16:20:06 3627 2

原创 修改placeholder颜色

input::input-placeholder{color: red;} ::-webkit-input-placeholder { /* WebKit browsers */ color: red; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: red; } ::-moz-placeholder { /* Mozilla Firefox 19 */ color: red; } :-ms-input-place

2021-03-10 17:11:22 9255

原创 HTML导入字体并使用

步骤1:选择自己需要的字体字体下载网站下载 -》解压-》得到xxx.ttf文件步骤2:将得到的ttf文件放入自己的项目中步骤3:在@font-face{ font-family: 'pangmenzhengdao'; src: url(../fonts/pangmenzhengdao.ttf);}@font-face{ font-family: 'youshebiaotihei'; src: url(../fonts/youshebiaotihei.ttf);}步骤

2021-03-05 16:55:13 5955

转载 关于Ant-Design of Vue的样式修改

步骤1:安装less / less-loader 依赖npm install --save-dev less-loader less步骤2:以下方式三选一webpack@4: 修改 webpack.config.js 文件:// webpack.config.jsmodule.exports = { rules: [{ test: /.less$/, use: [{ loader: 'style-loader', }, { loader: '

2021-03-05 10:25:11 1674 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除