- 博客(50)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 原生js循环写hover变色效果
前前前前端静静第六篇博客最近开始重新复习js了，最近写了一个很小的demo，本来就css的hover属性就可以轻松搞定，奈何，高估了自己的能力，非用js去写hover事件，结果，出bug了，求助求助，在我的求助下，别人帮助我解决了这个问题，下面详细看看吧~~~~首先是我自己的小demo：首先这个逻辑是：添加一个类名，鼠标移动上的时候就添加这个类名，鼠标不在这个元素上就移除类名，根据这个原理去进行变色的样子css.active { background-color: rgb
2022-07-11 14:05:03
861
原创 vue3-- TS的概念，特性，安装以及检测方法（一）
typeScript的概念，特点，安装安装TS检测是否安装成功总之，TS在社区的流行度已经非常之高，它很适用于一些大型项目，也非常适用于一些基础库，可以极大的帮助我们提升了开发效率和体验...
2022-07-11 14:03:35
995
原创 element表格 频繁切换维度，导致表头渲染有误
今天突然接到后端转过来的bug，就是切换不同的维度，下面表格的内容就根据这个维度发生变化，但是当数据量大的时候，快速切换维度，就会导致这次请求之后，数据没返回过来就直接又进行下一次的请求，多次就会导致表头的错误首先这个表格的表头包括数据都是后端动态返回的，所以之前的前端用了一个循环从上图可以看到，表头的dau指标跟排重激活设备数指标反了，下面看代码源代码：只要把slot=“header”改成#header即可......
2022-04-20 16:14:25
976
原创 vue中使用echarts
1.首先下载echarts – npm i echarts -S** 2. 在需要echarts的页面中导入echarts** var echarts = require("echarts"); //引入echarts3.html样式 <div id="box" style="width: 800px; height: 400px"></div>4.初始化echartvar myChart = echarts.init(document.getElementById
2022-04-11 14:50:14
2536
原创 JS 字符串常用方法总结
初识字符串字符串可以是对象， var firstName = new String(“Bill”) ； typeof firstName => objectnew 关键字使代码复杂化字符串方法：所有的字符串方法都是返回新的字符串，不会更改原始字符length ： 返回字符串长度indexOf（） : 返回字符串中指定文本首次出现的索引(位置)，未出现，返回-1 ,可接收两个参数，第一个参数是查找的内容，第二个参数，可传可不穿，从指定位置开始，eg：a.indexOf(‘name’, 5)
2022-04-11 14:49:48
11022
原创 cookie,localStorage,sessionStorage
cookie，localStorage,sessionStorage的区别1.cookiecookie存储的数据在客户端与服务器端进行传输，并且cookie存储的数据可以进行数据隔离
2022-04-11 14:40:28
184
原创 js基础知识
js属于web和html的编程语言，js必须要在中script标签可以在中，也可以在中，也可从外部引入js关键字break终止switch或者循环continue跳出循环并在顶端开始debugger停止执行 JavaScript，并调用调试函数（如果可用）do…while执行语句块，并在条件为真时重复代码块for标记需要被执行的语句块，只要为真function声明函数if…else根据某个条件，标记需要执行的代码块return退出函数switch根据不同的情况，标记.
2022-04-08 16:51:25
841
原创 elementui实现全选功能，后端分页
element-ui是很多公司写后台都会使用的一个组件库，里面有个表格的组件，表格又有很多小功能，其中之一就是表格的多选，下面就记录一下我的踩坑历史先看一下官方文档【type:selection】给其中的某一列设置成这个属性就出现多选的按钮了，但是对于数据量巨大的表格来说，通常都是后端来进行一个分页，这样对于前端来说有利有弊，对于页面显示的速度来说，有了一定的提示，但是对于这种全选的功能来说，就会有一定的弊端，因为前端只能拿到本页的数据实现这个全选功能的时候，我有跟后端进行一个沟通，当用户全选的.
2021-10-18 14:30:31
1354
1
原创 typora 快捷键
CTRL+T 表格引用 ```水平分割线 —+回车图片 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rJvuSaBk-1632297663097)(图片路径)] 支持本地图片、网络图片路径超链接 百度 或者CTRL+k 百度[名字](地址 )可以为本地文件路径、网络地址，网络地址需要以http、https开头有序列表 (数字 + . + 空格)无序 ( - + 空格)高亮== 高..
2021-09-22 16:04:35
233
原创 更改element主题颜色
对于后台，最经常用的就是element了，但是如果一个后台的基本主题定下来，不是element的主题色，该如何更改呢创建一个公共的更改CSS的文件，以 element-variables.scss 为例element-variables.scss文件里面$--color-primary: #4b5ff5; /* 改变主题色变量 */$--font-path: '~element-ui/lib/theme-chalk/fonts';/* 改变 icon 字体路径变量，必需 */.
2021-09-18 14:48:57
3342
原创 浅谈闭包--小白慢慢学习路
昨天又翻了翻闭包，好像又有了一点点的理解，所以一篇博客油然而生 闭包，大白话来说，就是外界跟内界打通了一条渠道，这里就不得不提到作用域，但是用正经的语言又是这样，一个函数的返回值也是一个函数，并且返回的这个函数在外面被调用，还使用了其父级的变量作用域分为局部作用域和全局作用域，全局作用域就比较自由，没有限制，可以随时随地的发挥，而局部作用域就只能在自己的活动范围内活动，对于函数来说，可能作用域就是函数中，这个要看具体的情况进行具体的分析。而闭包跟作用域的连接或者关系来说，就是在局部作用域中声明的变.
2021-07-06 22:30:06
110
1
原创 vue使用computed来进行搜索功能
对于初入职场的我，前前后后踩的BUG可不算少，但是今天应该不算是踩坑记录，属于发现记录，哈哈这是一个后台管理系统，使用的是element-UI,然后呢，肯定会有搜索功能，以及表格的展示。平常呢，我肯定会写一个搜索框+表格，然后利用input或者change，通过v-model获取搜索框里面的值然后在searchTxtChange事件去处理逻辑，另外，还会用到watch监听事件，当输入框里面的值为空的时候，让数据全部恢复，但是这是比较麻烦的，又用到事件还用到监听，后来看公司的代码，发现了竟然可以使用.
2021-07-05 11:21:34
602
原创 elementUI时间选择器禁用未来时间
又是一个组件库的问题，要想后台写的好，element-ui必须要熟悉啊，这不，今天就遇到问题了问题描述：项目需求是只允许用户查找过去的历史记录，就意味着不可以选择以后的时间，要求，从今天往后的时间颜色要置成灰色。 <el-date-picker :clearable="false" style="width: 290px" v-model="date" type="datera.
2021-06-30 15:53:12
2036
原创 vue前端手写模糊查询
需求的一生不多解释，直接上代码var newArr = this.generalyData.filter((item) => {if(item.name.toLowerCase().indexOf(this.searchTxt)>-1){ return item }else if(item.appkey == this.searchTxt){ return item } return newArr.
2021-06-25 18:16:48
351
原创 elementui的表格排序的组件之问题---条件改变样式消失
这两天写了一个需求，就是当我改变时间的时候，排序功能消失，这我就想不是很简单吗，但是是我太单纯了。这个是一个后台，肯定会用到element的组件，然后果不其然用的就是element里面的表格排序组件elementUI-table首先熟悉一下里面的参数以及配置* 在需要排序的列里面加上sortable就会出现上下箭头 的按钮标志，值是true或者false* 如果需要后端排序，需将sortable设置为custom，同 时在Table 上监听sort-change事件，在事件回调中可 以.
2021-06-25 18:12:09
925
1
原创 超级详细的mockjs使用方法（小白必看）
众所周知，在许多人眼中，前端是没有后端就活不下来的，因为前端最重要的一部分就是数据交互，没有数据，没有接口那前端怎样干活呢，这不,mockjs就产生了当我们拿到一个新的业务的时候，前端和后端只要商量好就可以同时进行开发了。下面就详细说一下mock是怎样使用的吧????????????I’m mockjs 的官方大大????????????First:首先我创建了一个vue项目，然后下载axios，mockjs和json5。下载json5的主要原因是解决json文件没有办法添加注释的问题，说白了，就
2021-06-20 21:36:23
8362
2
原创 vue隐秘用法 （二）----子组件获取父组件的方法
子组件获取父组件的方法代码<template> <div class="son"> <div class="son_box" @click="getFather">This is son</div> </div></template><script>export default { name: "", data() { return {}; }, methods: {.
2021-06-04 20:36:57
315
原创 vue隐秘用法 （一）---- 父组件获取子组件的方法
已经很久没有写博客了，这两天又学习了几招组件化是VUE最大的一个特点，但是有个东西竟然一点都不知道，那就太lipu了，下面就看一下吧父组件获取子组件的方法法一： 父组件中<template> <div class="father"> <div class="father_box" @click="getSon">This is Father</div> <son ref="son"></son> &.
2021-06-04 20:21:26
474
原创 div怎样模拟placegolder
废话少说，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal e=1.0"> .
2021-06-01 16:48:49
96
原创 前端面试不得不背的经典题目
忙忙碌碌找工作的我忙忙碌碌写博客，认认真真准备面试你必须要知道的面试题zepto与JQuery的区别面试之手写防抖节流双向数据绑定Vue SSR踩坑之旅vue核心之旅之虚拟DOMvue项目优化操作DOM常用的API深拷贝与浅拷贝对象的几种方法webpack配置–理解五大核心从获取到URL到页面渲染完成浏览器运行过程懒加载和预加载用css绘制40种图案...
2021-05-25 18:48:56
209
原创 vscode 格式化失效的解决方法
今天敲代码，用ctrl+shift+f来格式化代码，突然vscode提示，没有安装用于’vue’的格式化文件，但是之前明明是有用的，就今天没有了，咋回事，文件—首选项—设置然后在搜索框里面输入 ：vetur.format.defaultFormatter.html更改选项如图所示就可以了这时候试一下，如果不ok的话，就把VScode关了重启就可以了...
2021-05-12 15:29:25
14714
1
原创 vue项目中使用富文本编辑器以及解决相关的问题
最近在写一个后台管理系统，项目中用的是vue，有个功能是上传商品，有一小部分是一个富文本编辑器，这里推荐一个超级好用的插件富文本下载：npm install vue-quill-editor --save在main.js中引入：//引入富文本编辑器import VueQuillEditor from ‘vue-quill-editor’//引入vue-quill-editor相关样式import ‘quill/dist/quill.core.css’import ‘quill/d.
2021-05-06 20:25:03
964
原创 那些你不得不了解的SCSS
scss已经成为程序员的必备css技能了，关于scss，这里我总结了一些比较常用的，毕竟，有时候可以应付一下面试，scss只会使用嵌套？？？那就相当于不会scss这里比较权威哦❤❤❤SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。scss是基于Ruby，但是ruby 语法没有关系，下面仔细揣摩scss吧..................
2021-05-05 20:59:36
365
原创 一定要码住的弹性布局---flex
天气干的不像话，我就只想要下雨????????????今天主要更新的内容就是弹性布局，前端最最主要的就是布局了，页面的还原度，这里不得不提到弹性布局，这种布局是目前比较流行的一种，下面跟随我的步伐去学习一下弹性布局吧????????????1.支持的浏览器从上面可以看出，各个主流的浏览器都支持flex布局2.弹性布局的属性float, clear and vertical-align 在flex项目中不起作用 display: flex | inline-flex; (适用于父类容器元素
2021-05-05 11:31:06
299
原创 element-ui之树形控件的使用
代码虐我千百遍，我对代码如初恋，前前前前端静静又来更新博客了，本以为element-ui会让我写代码的速度快如闪电，一不留心，掉坑里了，花费我好长的时间才从深坑里面爬出来首先，看一下效果图......
2021-04-27 21:04:22
5976
关于#vue#的问题，如何解决？(关键词-数组)
2021-12-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人