
js
文章平均质量分 88
做想做的,
成年人的世界并没有太多的迂回,证明自己最好的方式,就是行动。
展开
-
通用正则表达式和拓展知识
下表是元字符及其在正则表达式上下文中的行为的一个完整列表,具体到每个正则表达式符号: \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。 ^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的Multiline 属性,^ 也匹配 ’\n’ 或 ’\r’ 之后的位置。 $ 匹配输入字符串的结束位置。如果设置了 RegExp 对象的Multiline 属性,$ 也匹配 ’\n’ 或 ’\r’ 之前的位置。 * 匹配前面的子表达式零次或多次。 + 匹配前面的原创 2021-04-23 09:24:02 · 296 阅读 · 0 评论 -
el-input 限制 只能输入数字,数字大小,长度,小数点后位数以及字母e的限制
el-input 限制 只能输入数字,数字大小,长度,小数点后位数以及字母e的限制通常情况下在使用elementUI前端框架的时候,经常会遇到表单要限制输入内容,尤其是数字。通常情况下在使用elementUI前端框架的时候,经常会遇到表单要限制输入内容,尤其是数字。话不多说,代码如下: <el-input v-model="form.plan" type="number" step="0.5" min="0" max="5" @原创 2020-12-16 12:13:24 · 25850 阅读 · 0 评论 -
Vue点击事件给标签动态添加删除style样式
一切都在代码里ps:说明一下,因为我这里没有使用 v-for 标签 ,循环,所以没有index 值,这里使用标签的id 值,代替 index准备工作html<div class="up1"> <p id="dxal" v-on:click="addStyleOrGetDate($event)" :class="activeClass =='dxal' ? 'active':'' " > 典型案例 </p>&原创 2020-10-27 20:17:59 · 3881 阅读 · 0 评论 -
近阶段项目中在做大屏端系统,要使用各种各样的Echarts,现在对之前使用的图表进行总结,以备后续学习
柱状图title: { text: 'name', backgroundColor: '#ABABAB' //标题的背景颜色 },tooltip: { axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'line' // 默认为直线,可选为:'line' | 'shadow' } }, xAxis: { name原创 2020-10-27 17:07:23 · 110 阅读 · 0 评论 -
el-tree的样式拓展
最近项目中使用到了elementUI,不免会用到el-tree组件,但是el自带的样式不是很好看,这里我们把el-tree的样式进行拓展,话不多说,直接上干货 /*最外层背景色。 字体颜色*/ .el-tree { background: none; color: #82b0ec; } /*图标颜色*/ .el-tree-node__expand-icon {原创 2020-10-27 16:33:36 · 2414 阅读 · 0 评论 -
JavaScript 中substr与substring的区别
写在前面 能看到这篇博客的小伙伴说明我们都曾经被同一个问题困惑过,我把我的问题顺利解决了。希望我的博客可以帮到你!substr() 方法语法substr( start, length ) 第一个参数:必填。 说明:start:表示你要抽取字符集的下标。 length可选:表示你要获取 从start下标抽取的字符集中length长度的字符串不带 length 参数的例子: //全局变量 var str = "0123456789"; //3表示: 字符串在下标为3(包含下标为3.原创 2020-09-15 14:42:28 · 203 阅读 · 0 评论 -
判断打开网址的是PC端浏览器还是移动端浏览器,是移动端判断移动端手机类型是苹果还是安卓,如果是微信打开又该如何处理。
在各类平台上的各种浏览器和移动设备兼容的时候,需要判断设备的型号和浏览器的类型,这里使用 js 做相关判断和总结。 后面我会提供完整代码,如果不需要过程的直接去最后面享用代码即可。正文在写代码之前我们首先要确定基本流程/思路是什么,当浏览器开始渲染dom树加载页面的时候,就需要拿到浏览器的信息进行判断;那就可以确定要做的第一步就是写一个 页面加载就执行的 JS 函数。函数的作用就是帮我们拿到浏览器的信息。 window.onload = function() { //这里面写你要干的原创 2020-07-28 11:36:50 · 536 阅读 · 0 评论 -
使用Thymeleaf遍历通过div输出值时,获取div中input框中的值
获取div中input框中的值最近在做H5页面的app动作,为了和原生app没有太大差距,要求点击最外层的div就可以跳转到详情页。上HTML代码 <div class="row" th:each="item : ${list}"> <input type="hidden" th:value="${item.id}" class="details_id"> <div > &原创 2020-06-29 14:38:36 · 3871 阅读 · 0 评论