![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
web
文章平均质量分 57
在这个专栏里我会给大家分享一些关于前端方面我自己的想法和看点
终端鹿
一个遨游在前端世界的小白
展开
-
字符串转函数
字符串转函数原创 2022-07-12 13:55:15 · 1650 阅读 · 2 评论 -
elementui 组件的二次封装(二)
elementui 组件的二次封装 (二)原创 2022-06-27 17:02:48 · 943 阅读 · 0 评论 -
elementui 组件的二次封装
elementui table组件的二次封装原创 2022-06-24 09:21:27 · 2438 阅读 · 0 评论 -
html版风和日丽画
html版风和日丽画原创 2022-05-05 14:47:28 · 225 阅读 · 0 评论 -
vue CodeMirror组件封装完成新增和编辑操作
vue中怎样封装一个代码编辑器原创 2022-05-05 14:10:18 · 1783 阅读 · 3 评论 -
关于vue + elementUI 的dialog弹窗清空弹窗内值的问题
近来比较繁忙,所以博客近期一直没有更新,今天就来和大家说说关于elementUI dialog弹窗清空值的问题在vue + elementUI项目中有时候会大量的用到弹窗这个组件,所以就对这个组件进行了统一封装。但是对于弹窗中的值的清空问题就有些麻烦了。当dialog 中嵌套的是form表单时,我们可以使用Element UI自带的清空form表单方法this.$refs.formData.resetFields(); //重置表单数据,清除校验信息或者手动的去重置清空表单数据this.原创 2021-06-22 16:02:29 · 6334 阅读 · 2 评论 -
移动端字体大小适配问题
移动端字体适配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 · 440 阅读 · 4 评论 -
vue+elementui 手机号正则验证
vue+elementui手机号正则校验/^1(3|4|5|7|8|9)\d{9}$/原创 2021-02-19 11:42:41 · 4450 阅读 · 0 评论 -
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 · 571 阅读 · 0 评论 -
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 · 5927 阅读 · 0 评论 -
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 · 176 阅读 · 0 评论 -
关于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 · 1395 阅读 · 1 评论 -
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 · 132 阅读 · 0 评论 -
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 · 225 阅读 · 0 评论 -
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 · 1437 阅读 · 0 评论 -
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 · 859 阅读 · 2 评论 -
乞丐版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 · 127 阅读 · 0 评论 -
纯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 · 140 阅读 · 0 评论 -
基于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 · 186 阅读 · 0 评论 -
基于原生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 · 359 阅读 · 0 评论 -
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 · 106 阅读 · 0 评论 -
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 · 203 阅读 · 0 评论 -
简单易上手的轮播图
简单的轮播图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 · 173 阅读 · 0 评论 -
简单易上手的原生随机验证码
给大家分享一个随机验证码的写法<!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 · 223 阅读 · 0 评论 -
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 · 426 阅读 · 1 评论