![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
模板
bellediao
这个作者很懒,什么都没留下…
展开
-
《前端》简单的js加密解密-2021年3月1日
首先介绍两个简单、原生的加密解密方式。1、英文加密解密btoa:加密 atob:解密2、英文加密解密escape:加密 unescape:解密 console.log("===适合于数字、字母的加密解密===") var str = 'diaolihui' var str1 = window.btoa(str) console.log('原来数据是:', str) console.log('加密后:', str1) var str2 = w原创 2021-03-01 15:01:20 · 281 阅读 · 0 评论 -
《前端》drag-拖拽学习-2021年2月27日
拖拽功能实现原理和说明: 1、说明:拖拽实现一般有两种方式,一种是使用html的新特性dragable,但是由于在火狐浏览器上dragable每拖拽一次会打开一个新的标签, 尝试阻止默认行为和冒泡都无法解决,所以使用第二种方法来实现拖拽。第二种方法是使用js监听鼠标三个事件,配合节点操作来实现。 2、实现原理: 01-在允许拖拽的节点元素上,使用on来监听mousedown(按下鼠标按钮)事件,鼠标按下后,克隆当前节点 02-监听mousemov...原创 2021-02-27 14:33:40 · 884 阅读 · 0 评论 -
《前端》Vue实现关键词【实时搜索高亮显示】-待处理-2020年9月22日
实时搜索实时搜索通过触发input事件和定时器来实现。在每次输入框的值变化的时候都会执行handleQuery方法在handleQuery方法中有一个定时器,通过设置时间来控制搜索的执行,由于输入时input的框中的值总是变化的,所以每次变化都会执行一次handleQuery,我们通过clearTimer方法清除timer定时器,如果两次输入的间隔时间小于你设置的时间间隔(2s)的话第一个定期器将会被清除,同时执行第二个定时器。这样就实现了实施搜多的控制,而不是每次输入的时候就去请求数据。注意:原创 2020-09-16 15:18:16 · 612 阅读 · 0 评论 -
《前端》vue实现tab栏点击高亮效果-2020年9月22日
完整代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Vu...原创 2020-09-16 15:05:57 · 238 阅读 · 0 评论 -
《前端》vue中使用cookie记住用户上次选择的实例--2020年9月16日-没看
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)_vue.js_脚本之家 https://www.jb51.net/article/195468.htm原创 2020-09-16 14:02:34 · 265 阅读 · 0 评论 -
《前端》Vue--下拉列表--2020年9月16日
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Vue下拉菜单</ti.原创 2020-09-16 13:47:48 · 525 阅读 · 0 评论 -
《前端》vue动态新增input框--2020年9月29日
<!DOCTYPE html><html><!-- 思路:1、有一个数组counter,是空的2、在页面上循环遍历这个数组(当然页面上显示的肯定是什么都没有)3、点击按钮,就会添加元素进去 --><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v.原创 2020-09-15 18:38:00 · 470 阅读 · 0 评论 -
《前端》echarts排行榜,类目名字在柱子上方全部显示,前三名序号使用自定义图片背景--什么鬼待处理
echarts排行榜,类目名字在柱子上方全部显示,前三名序号使用自定义图片背景https://blog.csdn.net/orangeverity/article/details/107160849原创 2020-08-12 09:15:31 · 1013 阅读 · 1 评论 -
《前端》年月查询控件(不需要日期的情况)--2020年8月11日
日期查询控件,适用于查询年月(不需要输入日期)的情况。源文件在我的github里:https://github.com/BellaDiao/dataSearch原创 2020-08-11 19:40:40 · 219 阅读 · 0 评论 -
《前端》Echarts 饼图--设置显示文字、数据、百分比等--2020年8月10日
想实现饼图显示数据和百分比、网上的资源,,额,,反正我是找了好久,或许他们的也是对的。但是没解释,谁能看懂。找了好久尝试了多次,知道了怎么做了。其实道理很简单,只是他们没有说出来。itemStyle: { normal: { label: { show: true, // formatter: '{ b }: { c }({ d } % )' formatter: '{a}: {c} {d}%' },原创 2020-08-10 20:38:33 · 3260 阅读 · 0 评论 -
《前端》Echarts 柱状图--设置数据显示,颜色设置--2020年8月10日
ercharts红色是在series里面设置数据显示,黄色是设置柱状图颜色。series: [{ type: 'bar', data: yearSalary, itemStyle: { normal: { label: { show: true, //开启显示 position: 'top', //在上方显示 textStyle: { //数值样式原创 2020-08-10 20:32:06 · 899 阅读 · 0 评论 -
《前端》模板-ECharts动态获取后台传过来的json数据进行多个折线图的显示
接口可以用easy mock代码学习的这个博主的,最终解决了我salary折线图的数据接口调试问题。https://www.cnblogs.com/wyhluckdog/p/10702143.html原创 2020-08-09 18:12:14 · 354 阅读 · 0 评论 -
《前端》自定义的tab样式框--2020年8月5日
想要实现这种功能:demo献上:主要是css可以在用的时候复制上: .tab { display: flex; justify-content: space-between; text-align: center; margin-bottom: 10px; margin-top: 10px; flex-wrap: wrap; .原创 2020-08-04 16:28:31 · 225 阅读 · 0 评论 -
《前端》模板--弹出框的3种写法--2020年7月14日
原生写法:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>弹出框</title> <style> * { padding: 0; margin: 0; } body {原创 2020-07-14 15:52:48 · 1763 阅读 · 0 评论 -
《前端》毫秒时间转换模板--2020年7月11日
毫秒时间转换模板<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script></head><body> <script> // 根据毫秒数构建 Date 对象 var date = new Date(1599996760000); // 按重写的自定义格式,格式化日期 //原创 2020-07-11 11:09:00 · 255 阅读 · 0 评论 -
《前端》vue滚动条---2020年7月10日
1、介绍一个vue滚动条插件vue-happy-scroll当前版本不支持移动端1.1安装方法1.1.1 cdn引入<!-- 引入css,该链接始终为最新版的资源 --><link rel="stylesheet" href="https://unpkg.com/vue-happy-scroll/docs/happy-scroll.css"><!-- 引入vue --><script src="https://cdn.jsdelivr.ne.原创 2020-07-14 15:56:19 · 192 阅读 · 0 评论 -
《前端》模板--计时器实现--十秒后按钮可点击--2020年7月11日
效果如图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>可行</title> <script src="https://cdn.staticf原创 2020-07-10 14:20:42 · 359 阅读 · 0 评论 -
《模板》Echarts通过Ajax实现动态数据加载
<!-- 问题:Echarts通过Ajax实现动态数据加载解决方案:通过将数据放在数组里面,加载到Echarts表上面 --><!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Echarts通过Ajax实现动态数据加载</title> <script src="https://cdn.bootcss.com/jquer.原创 2020-07-08 17:53:41 · 198 阅读 · 0 评论