- 博客(51)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 Kibana 的安装（Windows版本）
目录什么是Kibana?Kibana 6.3.1安装条件JDK的安装node的安装Elasticsearch的安装Kibana 的安装什么是Kibana?Kibana 是一个设计出来用于和 Elasticsearch 一起使用的开源的分析与可视化平台，可以用 kibana 搜索、查看、交互存放在Elasticsearch 索引里的数据，使用各种不同的图表、表格、地...
2018-07-25 17:17:00
35933
14
原创 Vue中class的动态绑定
操作元素的class列表和内联样式是数据绑定的一个常见需求，因为它们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。因此，在将v-bind用于class和style时，Vue.js做了专门的增强，当在一个自定义的组件上使用class属性时，这些class将被添加到该组件的根元素上面。当v-bind:style使用需要添加浏览器引擎前缀的CSS属性时，如transform，Vue.js会自动侦测并添加相应的前缀。同样的，对象语法常常结合返回对象的计算属性使用。
2023-04-19 15:50:12
1645
1
原创 【Vue】Vue中mixins的使用方法及实际项目应用详解
注意一下 vue 中 mixins 的优先级，component > mixins > extends。我们暂且将 mixins 称作是组件模块化，灵活运用组件模块化，可以将组件内的重复代码提取出来，实现代码复用，也使我们的代码更加清晰，效率也大大提高。
2022-12-09 22:51:39
6570
6
原创 前端开发踩坑笔记（2022-11）
1、Mac上SourceTree更新已删除的远端分支和tag2、echarts x轴文字显示不全（解决方案）3、如何渲染多行多列的表格（非固定的行数和列数）4、umy-ui标题过长或内容过长时的处理5、dateRange的时间选择只能选择一个周6、如何将对象数组中的某一个属性提取出来成为一个新的对象数组？7、报错解决：[Vue warn]: Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on 'Node':
2022-12-07 16:01:47
1039
原创 前端开发踩坑笔记（2022-08）
例子：上面的例子中是修改table中的某一行的状态，账户id为1的时候此行的状态不可修改，active-value和inactive-value的两种书写方式，加冒号的书写方式代表的是当v-model为1（数字）的时候开关打开，为0（数字）的时候开关关闭；不加冒号的书写方式代表当v-model为1（字符串）的时候开关打开，为0（字符串）的时候开关关闭。el-drawer嵌套el-dialog的bug当el-dialog关闭之后，el-drawer的遮罩层不消失，导致页面没办法点击解决：对Drawer
2022-08-11 14:56:25
2003
原创 前端开发踩坑笔记（2022-07）
最常用的vue父子组件的传值，prop（父传子）和emit（子传父）1. 父组件传值给子组件父组件中的重要代码2. 子组件传值给父组件父组件中的重要代码：2.el-table去掉首行的多选选项，使得只能单选原本样式：实现效果：例1：开发背景：需要对申报力段进行限制重要代码：提交时的校验：实现效果：例2:4. 自定义指令（v-enterNumber）只输入大于0的整数使用场景：el-input 在vue项目中使用directive.js，里面注入自定义指
2022-07-08 18:31:04
872
原创 【Vue】Vue中常用的基础指令与使用
Vue.js的指令1.内部指令指令是特殊的带有前缀 v-的特性。指令的值限定为绑定表达式，指令的职责就是当表达式的值改变时把某些特殊的行为应用到DOM上。基础指令：v-showv-elsev-modelv-repeat[1.0-]v-for[1.0+]v-textv-elv-htmlv-onv-bindv-refv-prev-cloakv-if（1） v-ifv-if指令可以完全根据表达式的值在DOM中生成或移除一个元素。如果v-if表达式赋值为false，.
2022-05-16 11:26:32
1324
原创 前端开发踩坑笔记（2021-10）
目录1、由于子组件修改了从父组件读取的值而出现的报错2、对于el-table表格多选的限制 ，限制多选可选的个数3、提取数组对象的某个属性值，组成新的字符串或数组4、两个el-table表格（横向可能有滑动）同时展示的情况如何控制两个表同时滚动5、表格数据特别多的时候用el-table导致页面卡顿6、 :nth-child()选择指定的某几项进行样式渲染7、重写elment-ui样式的时候不起作用8、判断某一个js对象中含有的键值的个数9、 两个对象的合并Object.a
2021-11-10 18:28:44
4015
5
原创 【Vue】vue 数据赋值给新变量后，原数据也随新变量对数据的变化而变化解决方案
vue 数据赋值给新变量后，原数据也随新变量对数据的变化而变化错误：let list = this.list1错误写法将污染源数据，将改变list1的数据正确：let list = JSON.parse(JSON.stringify(this.list1));备注：**JSON.stringify()**方法用于将 JavaScript 值转换为 JSON 字符串。JSON.parse() 方法将数据转换为 JavaScript 对象。JS 对象(Object)和字符串(String)
2021-06-24 15:32:32
4057
3
原创 【Element】element-ui 进行表格数据的可修改及某一行可删除
<div class="table-box"> <el-table :data="tableData" border style="width: 100%"> <el-table-column label="编号" width="80"> <template slot-scope="scope"> <el-i...
2020-08-07 17:10:41
4002
原创 【Vue】Vue中的条件渲染（v-if、v-else-if、v-else 以及 v-show）的使用（实例详解）
v-if v-else v-else-ifv-if指令用于条件性地渲染一块内容，这块内容只会在指令的表达式返回truth值的时候被渲染。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="vue.js"></script></head><
2020-06-25 13:23:14
56941
2
原创 【Vue】Vue中v-bind的使用
Mastache语法不能作用于HTML特性上，遇到这种情况应该去使用v-bind指令对于布尔特性，它比较特殊，他们只要存在就意味着值为true，v-bind:disabled使用要特别注意下 <button v-bind:disabled = "isButtonDisabled">我是被vue控制的按钮</button>上面的代码中，如果isButtonDisabled的值是null、undefined或者false，则disabled特性甚至不会被包含在渲染出来的
2020-06-24 18:43:06
14856
原创 力扣（LeetCode）题解（使用JavaScript）【4】
（1）打印从1到最大的n位数输入数字 n，按顺序打印出从 1 到最大的 n 位十进制数。比如输入 3，则打印出 1、2、3 一直到最大的 3 位数 999。示例 1:输入: n = 1输出: [1,2,3,4,5,6,7,8,9]说明：用返回一个整数列表来代替打印n 为正整数来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/da-yin-cong-1dao-zui-da-de-nwei-shu-lcof著作权归领扣网络所有。商业转载请联
2020-05-12 23:42:42
813
原创 力扣（LeetCode）题解（使用JavaScript）【3】
（1）按既定顺序创建目标数组给你两个整数数组 nums 和 index。你需要按照以下规则创建目标数组：目标数组 target 最初为空。按从左到右的顺序依次读取 nums[i] 和 index[i]，在 target 数组中的下标 index[i] 处插入值 nums[i] 。重复上一步，直到在 nums 和 index 中都没有要读取的元素。请你返回目标数组。题目保证数字插入位置总是存在。/** * @param {number[]} nums * @param {number[]}
2020-05-12 14:06:20
842
1
原创 力扣（LeetCode）题解（使用JavaScript）【2】
（1）统计位数为偶数的数字给你一个整数数组 nums，请你返回其中位数为 偶数 的数字的个数。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>统计位数为偶数的数字</title> <!--示例 1：...
2020-05-09 17:20:00
501
原创 力扣（LeetCode）题解（使用JavaScript）【1】
（1）左旋转字符串字符串的左旋转操作是把字符串前面的若干个字符转移到字符串的尾部。请定义一个函数实现字符串左旋转操作的功能。比如，输入字符串"abcdefg"和数字2，该函数将返回左旋转两位得到的结果"cdefgab"。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...
2020-05-07 10:09:41
1056
原创 JavaScript的基础学习（5）
重拾起鸽了这么久的工作，心里真的是五味杂陈，去年发生很多事，今年又因为疫情一直在家，不知道是否能重新开始，那就试着重新开始吧。目录第32课 时间和日期第33课 时间和日期第34课 时间和日期第32课 时间和日期掌握时间的使用方式<!DOCTYPE html><html lang="en"><head> <meta ...
2020-03-06 16:46:01
165
原创 JavaScript的基础学习（4）
目录视频28两种数据类型的内存对比视频29数组的创建及使用视频30数组常用方法视频31数组的排序视频28两种数据类型的内存对比<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></hea...
2019-04-26 17:35:20
183
原创 【JavaScript】js动态地将html生成图片，手机端长按保存到本地
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2c...
2019-04-24 18:15:08
12884
1
原创 微信H5制作中的部分问题及解决方案
目录图片加载速度过慢音乐播放bug，打开网页后需点击暂停开始后才播放关于文本输入框的空输入及输入时原始文本需手动删除的问题微信JSSDK页面自定义分享问题 图片加载速度过慢 解决方案：在图片的使用上，在保证图片质量与分辨率的情况下，尽量减小图片的大小，有效提高图片加载的速度。备注：同样的分辨率之下，jpg格式的图片更小一些。 音乐播放bug，打开网页后需点...
2019-04-23 13:59:25
798
原创 JavaScript的基础学习（3）
目录视频23break、continue语句的用法视频24函数视频25函数视频26递归视频27对象创建视频23break、continue语句的用法break可以结束switch语句，同样，还可以结束其所在的循环例子：for（var i=1；i<=5;i++）{if(i==3)break;document.write...
2019-04-19 19:45:44
193
转载 安卓布局实现圆角边框
首先，在res下面新建一个文件夹drawable，在drawable下面新建三个xml文件：shape_corner_down.xml、shape_corner_up.xml和shape_corner.xml，分别是下面两个角是圆角边框，上面两个角是圆角边框，四个角全部是圆角边框。shape_corner_down.xml：<?xml version="1.0"encoding=...
2019-04-18 10:59:56
975
原创 两个HTML页面进行数值传递
目录解决方案：方案1：一个数值的传送方案2：可以进行多个数据的传递方案3：数值存储法正题：原因：有时候上一个页面的部分数值需要在下一个页面内进行应用，这就需要进行页面之间的值传递。解决方案：方案1：一个数值的传送实现结果：将a.html中的数值传递给了b.htmldemo：a.html<!DOCTYPE html><h...
2019-04-15 11:21:42
3227
1
原创 JavaScript的基础学习（2）
目录视频10关系运算符视频11条件运算符视频12逻辑运算符视频13逻辑运算符视频14typeof运算符视频15选择结构if 和if else两种用法视频16选择结构视频17switch结构视频18switch结构视频19循环结构视频20do while视频21循环结构for结构视频22fo...
2019-04-04 19:51:02
210
原创 JavaScript的基础学习（1）
目录视频1：页面的动态效果一般用js实现视频2：js的特点视频3：讲解js中的变量视频4：js的数据类型（有四种）视频5：js的进制视频6：进制转换视频7：连接符号和转义字符视频8：算数运算符视频9：赋值运算符视频1：页面的动态效果一般用js实现鼠标放到一个部件上去：onmouseover鼠标从一个部件...
2019-04-04 17:49:38
255
原创 微信小程序开发学习（2）
页面样式文件wxss视图层除了定义页面文件wxml之外，通常还需要使用页面样式文件wxssf进行样式修饰。wxss是一套样式语言，用来描述wxml的组件样式。wxss用来决定wxml的组件应该怎么显示。在小程序中，wxss具有css的大部分特性，如选择器支持id选择器、类选择器、伪类选择器等。同样，也支持class和style方式设置组件的样式。定义在app.wxss中的样式为全局...
2019-03-15 15:24:14
217
原创 微信小程序开发学习（1）
页面的事件：在wxml页面文件中，通过定义事件来完成页面与用户的交互，同时通过事件将视图层（wxml页面文件）与逻辑层（js逻辑文件）进行通信。在wxml页面文件中，事件可以绑定到组件上，当事件触发时，就会执行逻辑层中对应的事件处理函数，在调用事件处理函数时，还可以将事件对象携带额外信息，如id、dataset、touches等数据就可以传入事件处理函数。事件类型：在小程序中，事件...
2019-03-14 17:42:58
264
原创 微信JSSDK进行朋友圈自定义标题、描述、图片、链接分享
概述微信JSSDK是什么？微信的jssdk是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信的jssdk，网页开发者可以借助微信高效的使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更加优质的网页体验。JSSDK使用步骤1、绑定域名登录微信公众平台进入“公众号设置”的“功能设置”...
2019-03-13 17:48:11
5763
原创 html动画的引用
对于一些常用的样式动画，在以下链接中可以进行预览，其中包含很多css样式https://daneden.github.io/animate.css/怎么使用呢？？？在你的html代码之中加上这个，并且你需要在css文件夹中加入这个animate.css<link rel="stylesheet" type="text/css" href="css/animate.css...
2019-03-13 11:23:40
1341
原创 安卓开发【UI组件】-对话框2
栗子4多选列表项对话框只要调用AlertDialog.Builder的setMultiChoiceItems()方法即可创建一个多选列表项对话框。调用setMultiChoiceItems()方法时既可传入Cursor（相当于数据库查询结果集）作为参数。下面的程序呈现调用了setMultiChoiceItems()方法来创建带多选列表项的对话框。 主要代码： /*...
2019-01-16 19:52:17
316
原创 安卓开发【UI组件】-对话框1
安卓提供了丰富的对话框支持，它提供了如下4种常用的对话框。AlertDialog:功能最丰富、实际应用最广泛的对话框。 ProgressDialog：进度对话框，这个对话框只是对进度条的包装。 DataPickerDialog：日期选择对话框，这个对话框只是对DataPicker的包装。 TimePickerDialog：时间选择对话框，这个对话框只是对TimePicker的包装。其中...
2019-01-15 19:35:57
784
原创 【CSS】CSS font-family：中文字体的英文名称
本文转自网络，找不到原地址了，在这里保留了作者名。font-family：中文字体的英文名称ellisontang 发表于2011-07-15 16:33 宋体* SimSun 黑体* SimHei 微软雅黑* Microsoft YaHei 微软正黑体...
2018-10-18 14:09:23
2724
1
原创 【JavaScript】toString()和toLocalString()有何区别？？？
备注：这篇文章是基于https://www.cnblogs.com/lwwen/p/6400677.html完成的。这几天在学习中偶然用到，参考别人的进行一个区别。这两个函数都是将数字转化成为字符串第一种情况：var e=123e.toString()"123"e.toLocalString()"123"第二种情况：var a=1234a.toStri...
2018-10-13 18:42:03
5467
1
原创 HTML的学习（7）
表格里的一些照片现在已经知道关于表格的一些东西、但是表格相比格式化文本而言其实有另外的用处。您可以使用一个表格来创建照片格式化的精美网络。以后会进行css的学习，进行课程和项目的训练。练习题：<!DOCTYPE html><html> <head> <style type='text/css'> ...
2018-09-28 19:48:02
189
原创 HTML的学习（6）
表头的样式虽然表格已经初具雏形，但是样式单一，我们已经添加了一些样式表，以使它有点更容易阅读。这个就是收尾工作。可以随意的去加入任何的style属性，你会在CSS课程期间学到更多关于这些东西。如果你想添加多个样式，你只需要用;分号分隔开就行。<th style="font-size:12px; color:red"></th>说明设置“著名怪物”，“出生年...
2018-09-27 18:26:48
374
原创 HTML的学习（5）
备注：不要做无用功，注意学习效率是学习中要时刻提醒自己的事情。你将创造出什么呢？你在这里会看到怎么去创建HTML项目，首先我们会告诉你会做出什么，然后通过我们的引导，这样你就会完成了学习并且掌握住。在这个课程里，你将会创建自己的社交网络个人资料。检查我们的练习文件 index.html。练习题：<!DOCTYPE html><html> <h...
2018-09-18 16:49:45
1181
原创 HTML的学习（4）
备注：学习html的第四天，今天的进度应该快一点，这些知识点都比较容易掌握并且简明易懂，多多练习，提高学习的效率即可。字体类型我们已经讨论了字体颜色和字体大小。但是，我们希望有更多的选择！我们如果要使用什么字体类型，该怎么做呢？我们可以用设置字体类型来做到这一点，就像这样：<h1 style="font-family: Arial">标题</h1>说明...
2018-09-17 19:13:41
226
原创 HTML的学习（3）
备注：今天是学习html的第三天，对于以前掌握的不好的知识点能够更加清晰，但是，因为不熟练的关系只能完成简单的框架，在学习中重复性的东西太多难免有所疏忽大意，会忘记加上应该有的标签，在后面的学习中希望可以改进。列表里面的清单现在已经学会了如何创建一个有序列表和一个无序列表了，但是新的问题来了——如何在一个有序列表之中创建一个无序列表，这就要用到嵌套的知识。当你使用嵌套标签的时候，打开的...
2018-09-15 18:59:36
689
原创 HTML的学习（2）
备注：学习这条路很漫长，没有知识储备的情况之下对于工作很难开展，可能是孤独的，但是确实是值得的，努力去做就好。你能做出来什么在这之前，我们要求写一堆代码，这是对有帮助的，可以让你知道这个项目到底是怎么一步一步做出来的。检查index.html文件并写一个例子 - 要确保我们自己的网页正常显示。练习题：<!DOCTYPE html><html> &l...
2018-09-15 15:16:18
251
安卓的UI组件，对话框的设计
2019-01-15
Balsamiq Mockups Setup
2018-11-05
windows下的curl安装包
2018-07-24
C++实现五子棋
2018-04-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人