自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

hunter

一个前端热爱者的日常

  • 博客(28)
  • 资源 (3)
  • 问答 (3)
  • 收藏
  • 关注

原创 字符串转函数

字符串转函数

2022-07-12 13:55:15 1586 2

原创 elementui 组件的二次封装(二)

elementui 组件的二次封装 (二)

2022-06-27 17:02:48 914

原创 elementui 组件的二次封装

elementui table组件的二次封装

2022-06-24 09:21:27 2424

原创 html版风和日丽画

html版风和日丽画

2022-05-05 14:47:28 220

原创 vue CodeMirror组件封装完成新增和编辑操作

vue中怎样封装一个代码编辑器

2022-05-05 14:10:18 1730 3

原创 关于vue + elementUI 的dialog弹窗清空弹窗内值的问题

近来比较繁忙,所以博客近期一直没有更新,今天就来和大家说说关于elementUI dialog弹窗清空值的问题在vue + elementUI项目中有时候会大量的用到弹窗这个组件,所以就对这个组件进行了统一封装。但是对于弹窗中的值的清空问题就有些麻烦了。当dialog 中嵌套的是form表单时,我们可以使用Element UI自带的清空form表单方法this.$refs.formData.resetFields(); //重置表单数据,清除校验信息或者手动的去重置清空表单数据this.

2021-06-22 16:02:29 6255 2

原创 Mac 解决向日葵被别人远程控制无法操作的问题

解决方案系统偏好设置->安全性与隐私->辅助功能先解锁????,然后勾选右边的SunloginClient_Desktop锁????上锁子重启向日葵如图:

2021-04-01 13:30:23 14539

原创 移动端字体大小适配问题

移动端字体适配var width = document.documentElement.clientWidth;var root = document.getElementsByTagName('html')[0]root.style.fontSize = width / 3.75 + 'px';window.onresize = function(){ var width = document.documentElement.clientWidth; var root = doc

2021-03-11 10:45:58 431 4

原创 vue+elementui 手机号正则验证

vue+elementui手机号正则校验/^1(3|4|5|7|8|9)\d{9}$/

2021-02-19 11:42:41 4418

原创 vue中使用element ui的input做模糊查询的爬坑记录(二)

vue中使用element ui的input做模糊查询的爬坑记录(二)在之前的那篇博客中我介绍了input做模糊查询的时候出现由v-for生成多个组件的时候怎样传index的问题。解决了大部分问题但是在是用的时候还是出现了其他bug所以在这里在记录下官网给出的例子是这样的:在template里面:<el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入内容"

2021-01-13 20:42:20 545

原创 elementui 的省市区级联选择器数据回显问题

elementui 的省市区级联选择器数据回显问题关于elementui的级联选择器数据回显问题,找了好多资料也没解决。今天在这记录下级联选择器在编辑的时候数据回显的问题。这里是在npm找到的一个省市区的数据 https://www.npmjs.com/package/element-china-area-data安装npm install element-china-area-data -S使用这里引入的时候可以按需引入没有必要全部引入import { provinceAndCityD

2020-12-31 18:00:53 5851

原创 JavaScript Array 方法集合

JavaScript Array 学习方法记录前端在开发中对于Array的使用场景非常多,很多时候很容易忘记,还得百度(老手请绕开)。 所以今天就对这里整体进行一个总结,希望大家看完本文可以有所收获。如果喜欢的话可以点波赞/关注,支持一下。本文前一部分内容根据w3school整理,具体还是以w3school上的为准,参考地址http://www.w3school.com.cn/jsref/jsref_obj_array.asp数组的创建Array()是构造函数。参数参数 size 是

2020-12-29 15:35:46 162

原创 vue初学干货

vue初学干货本篇文章是一写vue的知识点,只适合刚开始接触vue的同学用来学习参考,主要还是要参考vue官网及vue APIVue的两个核心 数据驱动:ViewModel,保证数据和视图的一致性。 组件系统:应用类UI可以看作全部是由组件树构成的。在vue中is的使用场景 改变html标签的默认规则,比如ul里放li,dl里放dt等, 动态切换组件: <component v-bind:is="currentView"></component>

2020-12-29 11:27:17 126

原创 css鼠标经过从不同角度的过度动画案例

css鼠标经过从不同角度的过度动画案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <

2020-12-28 18:11:03 206

原创 js初学者for循环练手题

js初学者for循环练手题1+1/2+1/3…+1/20 var sum = 0; for(var i=1; i<=20; i++) { sum = sum + 1/i; } console.log(sum);1-1/2+1/3…-1/100 var sum; var sum1 = 0; var sum2 = 0; for(var i=1;i<=99;i=i+2){ sum1 = sum1 + 1/i; } for(var i=2;i&

2020-12-28 17:58:23 1429

原创 关于elementui的TimePicker、DatePicker、DateTimePicker再开发使用中遇到的问题

关于elementui的TimePicker、DatePicker、DateTimePicker再开发使用中遇到的问题最近在vue项目中使用elementui 的TimePicker、DatePicker、DateTimePicker这三个组件的时候,我发现使用范围选择的时候选择器中间的那个字有一少半显示不出来,为此在这记录下这个问题官网例子<template> <div class="block"> <span class="demonstration"&g

2020-12-28 15:55:33 1379 1

原创 纯css的波浪效果

纯css的波浪音节<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D

2020-12-28 13:52:28 133

原创 基于css动画动态跳动的心

基于css动画动态跳动的心<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D

2020-12-28 13:45:03 181

原创 基于原生js实现的九宫格拖拽

使用原生js写的选项卡嵌套<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { padding: 0; margin: 0; list-style: none; } #warp { width: 80

2020-12-28 13:32:22 354

原创 JavaScript数组去重

JavaScript原生数组去重这是一个适合刚刚接触js的同学用来练手学习的一个数组去重的方法,有原生的写法和方法的封装。数组在我们平时工作中还是经常会遇到的所以这个去重还是很有必要牢记的原生写法<script> var arr = [1,2,3,4,1,2,3,100,200,100,1,1,2,2,100,200,300,400]; var obj = {}; for (var i = 0; i <arr.length; i++) {

2020-12-28 12:00:36 104

原创 vscode常用插件提高你的开发效率

vscode常用插件提高你的开发效率1. vscode(Visual Studio Code)Visual Studio Code是微软公司推出的一款可以跨平台、开源、轻量级的一款编辑器,可扩展性非常高可用来作为各种语言的开发工具。Visual Studio Code(vscode)官网Visual StudioCode(vscode)下载地址Visual Studio Code(vscode)官方插件2.前端常用插件这里我给大家分享下我的vscode常用的一些插件。Chinese (

2020-12-27 14:41:14 205

原创 vue中使用element ui的input做模糊查询的爬坑记录

关于element ui模糊搜索的问题element ui官网关于input框的模糊搜索没有过于多的解释,在使用的过程中或多或少都会出现一些想拿一些值拿不到的情况。官网给出的例子是这样的:在template里面:<el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入内容" @select="handleSelect"></el-autocom

2020-12-18 17:01:53 813 2

原创 jquery版的网页弹幕

jquery版的网页弹幕一个乞丐版的jquery网页弹幕吐槽送给大家,这个适合刚开始接触JavaScript和jquery的同学,可以帮大家更好的去理解一些基础知识<!doctype html><html><head> <meta charset="utf-8"> <title>乞丐版网页弹幕</title> <style type="text/css"> html, body

2020-12-16 17:05:22 182

原创 乞丐版vue购物车

乞丐版vue购物车这是一个在学习vue框架的时候用来练手的的vue乞丐版购物车,实现的功能有全选、商品总数统计、价格计算、商品单个删除和全选删除,虽然界面很简陋但是五脏俱。全分享给大家<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0

2020-12-16 16:44:58 111

原创 JavaScript 时间格式化方法总结

前端时间格式化方法总结在工作工经常需要转化时间,以下总结了一些时间格式化问题,供大家参考1.获取当前时间戳var timestamp = Date.parse(new Date()); //精确到秒var timestamp = (new Date()).valueOf(); //精确到毫秒var timestamp = new Date().getTime(); //精确到毫秒var timestamp = +new Date();var timestamp = Date.now();

2020-12-16 15:54:16 422 1

原创 git中常用简介版命令总结

自己经常用到的git命令总结记录Git(读音为/gɪt/)是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理常用命令git init 初始化git status 查看状态git add 文件/文件夹 你要管理哪一个文件 提交到暂存区git add . 管理所有的文件git commit -m 提交说明git log 查看版本6.git config --global user.email “邮箱地址”git config --global user.

2020-11-14 23:24:43 75

原创 简单易上手的轮播图

简单的轮播图html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &l

2020-11-08 17:51:17 166

原创 简单易上手的原生随机验证码

给大家分享一个随机验证码的写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">

2020-11-08 17:46:01 196

基于聚合数据做的一个星座运势的微信小程序欢迎大家下载

基于聚合数据做的一个星座运势的微信小程序欢迎大家下载

2020-12-16

用代码实现动漫人物

这是一个纯html和css的一个压缩包,贡献出来让大家使用用来练手也是非常合适的一个练手项目

2020-12-16

一个剪刀石头布小游戏的微信小程序

一个免费提供给大家学习参考的微信小程序源码,属于一个自娱自乐的小游戏。大家下载拿到后直接在微信开发者工具里导入项目打开就可以直接运行了。可以希望大家给出宝贵意见

2020-11-14

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

TA关注的人

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