自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue 3 动态引入图片

【代码】vue 3 动态引入图片。

2024-01-03 15:44:42 1269 1

原创 vue2 实现鼠标左键拖拽实现框选功能

vue2 实现鼠标左键拖拽实现框选功能

2023-02-23 09:54:00 2786 3

原创 html2canvas将dom 转换成图片并上传

html2canvas 将dom转换为图片

2022-12-30 16:50:11 627

原创 history.replaceState 详情页和编辑页共用

history.replaceState 详情页和编辑页共用

2022-07-11 10:43:46 171

原创 element 循环两个时间限制功能

elemet 循环时间限制新的改变//只复制部分样式<div :class="['form-box','form-action']" v-for="(item,index) in ruleForm.lead_project" :key="index"><span class="time-title">时间:</span> <el-date-picker v-model="item.start_time" :picker-options="picker0(

2022-03-11 11:18:28 155

原创 vue 3.0 给input 获取焦点

// 给table 循环的input 点击的时候获取焦点// 1、给input 设置ref 属性<el-input v-else ref="refInput" @blur="(scope.row.code = !scope.row.code), changeBlur()" v-model="scope.row[item.prop]" :placeholder="'请输入内容' + item.label"/>// 1、给input的ref属性在setup中使用? 叫什么

2021-10-21 10:56:17 5995 2

原创 vue3.0 使用form 正则校验

vue3.0 使用form 正则表达1、需要引入 vue的 ref 模块.2、 form 中 ref 我绑定的是 ruleForm3、保存按钮不需要传任何值,(图二)4、需要重新定义 const ruleForm = ref(); 记得 return 出去// 保存按钮代码 const submitForm = () => { ruleForm.value.validate((valid) => { if (valid) { al

2021-10-16 17:33:33 2344

原创 vue 3.0 使用element 框架 样式并未生效

1、安装。npm install element-plus --save1、引入。import ElementPlus from 'element-plus';import 'element-plus/lib/theme-chalk/index.css';app.use(ElementPlus)//如果是自己搭建的项目 这里的app的引入是这样的,但是这样的引入会导致引入之后的框架没有样式createApp(App).use(store).use(router).mount('#app')

2021-04-16 09:39:53 3061

原创 vue 关闭eslint

// 在vue.config.js加上下面代码,如果没有就创建// An highlighted block// vue.config.jsmodule.exports = { lintOnSave: false}

2020-11-30 17:48:52 163

原创 puppeteer 设置cookie

一、设置cookie1、生命一个cookie的名字 和值,domain要对应扒的网站 可以查看控制台,如下就可以```javascript var cookie0 = { name: "xs", value: "23%3AAOPrLmUqvL3rFA%3A2%3A1605782200%3A9095%3A11149%3A%3AAcWO1dH7IDJR3LorxCP0--Z0q6W9LZDb0xsFXw3DO2U", domain: ".facebook.com",

2020-11-30 11:23:33 7314

转载 关于element 回到顶部的使用方法

1、新建一个组件2、引用 改改位置 ok// 组件内容<template> <transition name="el-fade-in"> <div v-if="visible" @click.stop="handleClick" :style="{ 'right': styleRight, 'bottom': styleBottom }" class="el-backtop">

2020-11-30 11:14:12 2154

原创 取得两个数组中除相同部分的其他数据

// this.result 是一个空数组 this.result = []//this.list 是比较多的那个数组 this.list = [1,2,3,4,5]//val 是少的那个数组 val = [1,2,3] this.result = this.list.filter(number => !val.includes(number)) console.log(this.result) === [4,5]let result = []let list = [1,2,3,4,

2020-11-03 17:09:15 172

原创 Vue控制表格列的显示隐藏

table控制列显示隐藏的功能当选中时 table列显示,未选中时隐藏该列首先造轮子 全局拿来用// 这是子组件<template> <div style="text-align: right;"> <el-popover placement="right" title="列筛选" trigger="click" > <el-checkbox-group v-model="checkList" @change="filter"

2020-11-03 16:57:31 6539 2

原创 puppeteer 爬取数据

puppeteer我用到的有两种爬取方法第一种是根据页面选择器去爬取对应的数据 第二种是根据接口去爬取一 、以Facebook的广告页页面数据为例,我需要拿到对应的数据const puppeteer = require('puppeteer'); let URL = `https://www.facebook.com/ads/library/?active_status=active&ad_type=all&country=ALL&view_all_

2020-10-20 09:52:20 736

原创 vue 动态加载浏览器左上角 图标 和 显示title

vue 动态加载浏览器左上角 图标 和 显示title设置这个需要在路由里面通过钩子函数进行设置图标需要创建link标签来获取 传过来的url 我这边是通过缓存来获取的sessionStorage.getItem(‘shopLogo’)router.beforeEach((to, from, next) => { let status; var link = document.querySelector("link[rel*='icon']") || document.cr

2020-08-31 10:42:09 1530

原创 前端页面input 只能输入15个汉字,30个英文这样

下面展示一些 内联代码片。搬自https://blog.csdn.net/seven_north/article/details/87073473博客原理就是把一个汉字替换为英文字符aa,长度为2个字符,我这边就判断长度大约30就提示长度超出限制var jmz = {};jmz.GetLength = function(str) { return str.replace(/[\u0391-\uFFE5]/g,"aa").length; //先把中文替换成两个字节的英文,在计算长度}

2020-08-11 15:56:33 1763

转载 vue 页面防抖动和节流

//搬运自 (https://blog.csdn.net/qq_39759115/article/details/82287517) 大哥的博客1、在公共方法中(如 public.js 中),加入函数防抖和节流方法// 防抖export function _debounce(fn, delay) { var delay = delay || 200; var timer; return function () { var th = this;

2020-06-20 10:52:56 1918

原创 vue i18n

在main.js中引入 18n 下面展示一些内联代码片`。import zh from '@/i18n/zh' // 简体中文语言包import tw from '@/i18n/tw' // 繁体中文语言包import ma from '@/i18n/ma' // 马来语言包import en from '@/i18n/en' // 英文语言包import ja from '@/i18n/ja' // 日文语言包const i18n = new VueI18n({ // locale:se

2020-06-05 19:51:14 186

原创 关于elementUI 时间日期选择器 添加 昨天今天按钮

关于elementUI 时间日期选择器 添加 昨天今天按钮<!-- html--><el-button @click="getTime(1)">昨天</el-button> <el-date-picker v-model="dateRange" type="datetimerange" align="center" unlink-panels

2020-05-29 10:20:16 1899

监听滚轮事件

监听滚轮事件: $(document).ready(function(){ // javascript行为层 var bannerH=$(".div_last").offset().top; 获取指定元素到容器最顶部的高度 $(window).scroll(function(){ // 当页面滚动条变化时,执行的函数: var scrollTop=$(this).scrollTop(); //滚动条距离顶部的高度 console.log(scrollTop) if(scrollTop > 100 ){ $('.div_last').show(200) // console.log(1) }else { $('.div_last').hide(200) // console.log(2) }; }); });

2018-12-28

空空如也

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

TA关注的人

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