模板
关注
分享
扫一扫
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 · 342 阅读 · 0 评论 -
《前端》drag-拖拽学习-2021年2月27日
拖拽功能实现原理和说明： 1、说明：拖拽实现一般有两种方式，一种是使用html的新特性dragable，但是由于在火狐浏览器上dragable每拖拽一次会打开一个新的标签， 尝试阻止默认行为和冒泡都无法解决，所以使用第二种方法来实现拖拽。第二种方法是使用js监听鼠标三个事件，配合节点操作来实现。 2、实现原理： 01-在允许拖拽的节点元素上，使用on来监听mousedown(按下鼠标按钮)事件，鼠标按下后，克隆当前节点 02-监听mousemov...原创 2021-02-27 14:33:40 · 956 阅读 · 0 评论 -
《前端》Vue实现关键词【实时搜索高亮显示】-待处理-2020年9月22日
实时搜索实时搜索通过触发input事件和定时器来实现。在每次输入框的值变化的时候都会执行handleQuery方法在handleQuery方法中有一个定时器，通过设置时间来控制搜索的执行，由于输入时input的框中的值总是变化的，所以每次变化都会执行一次handleQuery，我们通过clearTimer方法清除timer定时器，如果两次输入的间隔时间小于你设置的时间间隔（2s）的话第一个定期器将会被清除，同时执行第二个定时器。这样就实现了实施搜多的控制，而不是每次输入的时候就去请求数据。注意：原创 2020-09-16 15:18:16 · 683 阅读 · 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 · 280 阅读 · 0 评论 -
《前端》vue中使用cookie记住用户上次选择的实例--2020年9月16日-没看
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)_vue.js_脚本之家 https://www.jb51.net/article/195468.htm原创 2020-09-16 14:02:34 · 306 阅读 · 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 · 568 阅读 · 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 · 503 阅读 · 0 评论 -
《前端》echarts排行榜，类目名字在柱子上方全部显示，前三名序号使用自定义图片背景--什么鬼待处理
echarts排行榜，类目名字在柱子上方全部显示，前三名序号使用自定义图片背景https://blog.csdn.net/orangeverity/article/details/107160849原创 2020-08-12 09:15:31 · 1100 阅读 · 1 评论 -
《前端》年月查询控件（不需要日期的情况）--2020年8月11日
日期查询控件，适用于查询年月（不需要输入日期）的情况。源文件在我的github里：https://github.com/BellaDiao/dataSearch原创 2020-08-11 19:40:40 · 255 阅读 · 0 评论 -
《前端》Echarts 饼图--设置显示文字、数据、百分比等--2020年8月10日
想实现饼图显示数据和百分比、网上的资源，，额，，反正我是找了好久，或许他们的也是对的。但是没解释，谁能看懂。找了好久尝试了多次，知道了怎么做了。其实道理很简单，只是他们没有说出来。itemStyle: { normal: { label: { show: true, // formatter: '{ b }: { c }({ d } % )' formatter: '{a}: {c} {d}%' },原创 2020-08-10 20:38:33 · 3414 阅读 · 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 · 956 阅读 · 0 评论 -
《前端》模板-ECharts动态获取后台传过来的json数据进行多个折线图的显示
接口可以用easy mock代码学习的这个博主的，最终解决了我salary折线图的数据接口调试问题。https://www.cnblogs.com/wyhluckdog/p/10702143.html原创 2020-08-09 18:12:14 · 394 阅读 · 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 · 272 阅读 · 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 · 1834 阅读 · 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 · 288 阅读 · 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 · 218 阅读 · 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 · 402 阅读 · 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 · 237 阅读 · 0 评论