- 博客(35)
- 收藏
- 关注
RSS订阅原创 element-ui表单验证（自定义验证规则）
需求：必填：账号 姓名 学号 专业 班级正则：账号和学号均为 4-9位的字母和数字的组合，联系方式为number，邮箱为email，身份证<el-dialog title="新增学生" :visible.sync="addStudent" width="400px"> <el-form :model="addDate" :rules="addRules" ref="addForm"> <el-fo...
2020-06-30 11:21:00
1031
原创 为什么用Object.prototype.toString.call(obj)检测对象类型?
最近做了做一些js面试25 Essential JavaScript Interview Questions*，其中第一道是：使用typeof bar === "object"检测”bar”是否为对象有什么缺点？如何避免？这是一个十分常见的问题，用typeof是否能准确判断一个对象变量，答案是否定的，null的结果也是 object，数组的结果也是 object，有时候我们需要的是 "纯粹" 的 object 对象。如何避免呢？比较好的方式是：console.log(Object.proto...
2020-06-30 09:10:03
110
原创 Object.prototype.toString.call()
Object.prototype.toString.call()使用Object.prototype上的原生toString()方法判断数据类型，使用方法如下：Object.prototype.toString.call(value)1.判断基本类型：Object.prototype.toString.call(null);//”[object Null]”Object.prototype.toString.call(undefined);//”[object Undefined]”O
2020-06-30 09:03:48
95
翻译 js中split()，join()函数
分隔（）函数//spilit函数用来将一个字符串根据指定字符分割为一个数组 var s1="1,2,3,4,5,6,7"s1=s1.split(",");console.log(s1); //[1,2,3,4,5,6,7] join函数是将一个数组加入指定字符返回一个字符串 var s1=[1,2,3,4,5,6];s1=s1.join("|");console.log(s1) //1|2|3|4|5|6...
2020-06-29 15:45:15
270
原创 解决echarts tooltip 超出外部容器范围被遮挡
问题：echarts tooltip 超出外部容器后被遮挡。如图：解决：只需要在tooltip增加属性confine为true即可。其文档说明：
2020-06-29 13:13:02
2439
原创 echarts设置tooltip的宽高问题
话不多说上代码：tooltip: { show: true, extraCssText:'width:100px;height:60px;'}
2020-06-29 11:17:12
2507
原创 ffmpeg之将rtsp流地址切片成为m3u8
使用 ffmpeg 命令：ffmpeg-i"rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov"-fflagsflush_packets-max_delay2-flags-global_header-hls_time2-hls_list_size3-vcodeccopy-y/usr/local/nginx/html/second/video.m3u8绿色是rtsp流地址红色是切片后的文件的路径原地...
2020-06-29 10:22:07
1561
原创 video.js--很赞的H5视频播放库
video.js是一款很流行的html5视频播放插件。很适合在移动端播放视频(比如微信网页)，功能强大，且支持降级到flash,兼容ie8。官网：http://videojs.com/ git&demo ：http://files.cnblogs.com/files/stoneniqiu/video-js-5.11.4.zip看下默认例子<head> <title>Video.js | HTML5 Video Player</tit...
2020-06-29 10:09:11
1993
转载 cmd杀端口号
使用cmd解决cmd——netstat -aon|findstr 8761心塞 被10568等给占用了taskkill -f -pid 10568 一步步 把这些端口统统kill！！！！然后一切就ok了 ！！希望对各位有帮助 ！
2020-06-28 15:31:51
579
原创 Vue中插值表达式,v-text和v-html三者区别
概述我们在学习vue的过程中，对指令的学习是必不可少的，下面结合自己工作和学习的一点经验介绍下vue中插值表达式，v-text和v-html三者的区别插值表达式我们知道页面的加载时自上而下的，js加载是同步的。当页面刷新比较频繁或者网上较慢的时候，我们使用插值表达式页面会先出现‘{{message}}’，再用真实数据替换‘{{message}}’(模拟这种现象可以将vue.js的引入放在body的后面，或者调整网络请求的速度为3G)解决上述问题的办法v-cloak,这个指令可以隐藏未编.
2020-06-23 18:41:57
435
原创 Vue中watch用法详解
基本用法：当fullName值变化时，watch监听到并且执行<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: '#root', data: { firstName: 'Dawei', ..
2020-06-23 17:09:47
123
原创 vue is动态注册组件实例代码详解
写本篇文章之前其实也关注过vue中的一个关于加载动态组件is的API，最开始研究它只是用来实现一个tab切换的功能,需要的朋友可以参考下写本篇文章之前其实也关注过vue中的一个关于加载动态组件is的API，最开始研究它只是用来实现一个tab切换的功能，使用起来也蛮不错的。is预期：string | Object (组件的选项对象)用于动态组件且基于 DOM 内模板的限制来工作。示例：<!-- 当 `currentView` 改变时，组件也跟着改变 -->&l..
2020-06-23 15:37:40
403
原创 vue设置反向代理
基于 vue-cli 的反向代理设置及 axios 获取 json 数据vue-cli 反向代理设置反向代理用来解决前端跨域问题，设置很简单，在 vue-cli 项目的 config 文件夹 index.js 文件下进行如下设置即可： proxyTable: { // 代理规则 '/api': { // 配置的url请求名字开头 // 代理的目标服务器地址,这个路径是我代理到服务器,即你要请求的第三方接口 target: 'http://10.18.11
2020-06-23 15:24:16
3176
原创 vue elemen ui el-input 限制只能输入数字类型
月份数，薪资、电话号码等的 input 框需要限制只能输入数字类型内容1.实现：监听键盘输入，使用正则过滤掉其他字符οninput="value=value.replace(/^\.+|[^\d.]/g,'')<el-input v-model.trim="emp_work_experience.dimission_salary" placeholder="请输入薪资" oninput="value=value.replace(/^\.+|[^\d.
2020-06-23 15:04:05
487
原创 Reate/Redux谷歌插件添加
地址：https://github.com/zalmoxisus/redux-devtools-extension添加后如图：
2020-06-23 15:01:59
120
原创 el-tabs事件绑定（Element UI）
需要运用tab-click绑定事件<template> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane> <
2020-06-20 13:21:13
2266
1
原创 Echarts设置y轴的刻度显示为整数
在配置项的yAxis对象中添加属性：minInterval: 1，表示将刻度的最小间距设置为1。minInterval只在数值轴或时间轴中有效，所以要保证type为value或time。
2020-06-20 13:18:13
8589
原创 内联元素和块级元素的怎么相互转换
直接转换即可，如下bai ： <div style="display:inline">块变内联du </div><span style="display:block">内联变块</span> 内联元zhi素(inline element)一般都是dao基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，常见内联元素"a"。 块元素(block element)和内联元素(inline element)都是html规范
2020-06-18 10:25:33
789
原创 html常见的块元素与内联（行内）元素用法说明
html常见的块元素与内联（行内）元素用法说明html平时常见的块元素有：div, p, h1, h2, h3等，内联元素有：span, a, img等。块元素的属性：无论内容是什么，都会独占一整行。主要用于页面布局。内联元素的属性：只占自身大小的元素，不会占用一行。主要用于选中文本设置样式。div块元素仅仅只用于进行页面布局，它自身不带任何默认样式。span内联元素可以用来选中文本设置文本的样式，其自身不会带默认样式。一般情况下，只使用块元素包含内联元素，而不会使用内联元素去包含块
2020-06-18 10:22:39
282
原创 CSS实现垂直居中的常用通俗易懂方法
在前端开发过程中，盒子居中是常常用到的。其中 ，居中又可以分为水平居中和垂直居中。水平居中是比较容易的，直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。 首先，定义一个需要垂直居中的div元素，他的宽度和高度均为300px，背景色为橙色。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset..
2020-06-18 09:51:21
97
原创 Class三目运算/动态添加Class/判断添加Class
:class ="{'iconicon-guzhangzhenduan':faultDetail.faultMode==='0','iconicon-yujing':faultDetail.faultMode==='1' }"冒号前为类名后为条件
2020-06-16 14:25:50
5777
原创 padding,margin带一个、二个、三个、四个参数代表的含义
margin: 20px;（上、下、左、右各20px。）margin: 20px 40px;（上、下20px；左、右40px。）margin: 20px 40px 60px;（上20px；左、右40px；下60px。）margin: 20px 40px 60px 80px;（上20px；右40px；下60px；左80px。）在css中使用margin可以将margin-top，margin-right，margin-bottom，margin-left，缩写为一个标记，顺序为上右下左（顺时针）。.
2020-06-11 18:18:25
2418
原创 vue父子组件生命周期执行顺序【简单粗暴】
1.首先执行的是父组件的beforeCreate2.执行的是父组件的created周期3.执行的是父组件的beforeMount周期4.执行的是子组件的beforeCreate周期5.执行的是子组件的created周期6.执行的是子组件的beforeMount周期7.执行的是子组件的mounted周期8.执行的是父组件的mounted周期总结：执行的先后顺序为父beforeCreate->父created->父beforeMount->子beforeCr
2020-06-11 11:17:56
476
原创 【必看】echarts图随窗口大小的变化而变化
echarts图随窗口大小的变化而变化echarts图跟随窗口的变化而变化。在声明echarts变量的后面添加window窗口变化监听var myChart = echarts.init(document.getElementById(domid));window.addEventListener('resize',function () {//执行 myChart.resize();})//或者window.onresize = function () {//不执行 my
2020-06-11 10:43:53
2686
1
原创 您必须知道的 Git 分支开发规范
Git 是目前最流行的源代码管理工具。 为规范开发，保持代码提交记录以及 git 分支结构清晰，方便后续维护，现规范 git 的相关操作。分支管理分支命名master 分支master 为主分支，也是用于部署生产环境的分支，确保master分支稳定性 master 分支一般由develop以及hotfix分支合并，任何时间都不能直接修改代码develop 分支develop 为开发分支，始终保持最新完成以及bug修复后的代码 一般开发的新功能时，feature分支都...
2020-06-09 08:49:35
391
转载 vue动态添加style样式
注意:凡是有-的style属性名都要变成驼峰式，比如font-size要变成fontSize 除了绑定值，其他的属性名的值要用引号括起来，比如backgroundColor:'#00a2ff'而不是 backgroundColor:#00a2ff【对象】 html :style="{ color: activeColor, fontSize: fontSize + 'px' }" html :style="{color:(index==0?conFontColor:'#000')}"
2020-06-05 16:56:55
727
原创 下拉列表模仿placeholder效果
<select> <option value="1" hidden>--请选择--</option> <option value="2">可乐</option> <option value="3">橙汁</option> <option value="4">雪碧</option> <option value="5.
2020-06-05 13:50:21
115
原创 用 Vuex 状态管理来控制底部导航栏的显示隐藏
移动端项目开发中经常会遇见底部导航，点击导航的不同 tab 切换到不同的界面，在这些通过导航切过去的界面上是需要显示底部导航来让用户方便操作的。这就可以用到 Vue 的状态管理插件 Vuex 了，关于 Vuex 的基础知识，可以看官方文档https://vuex.vuejs.org/zh-cn/一，定义状态我们首先要给底部导航栏设定一个状态值，Boolean 类型就可以了，表示是显示还是隐藏状态。这个值要是全局的，在整个 APP 中要随时随地都能够访问到。那么这个值要定义在哪里，怎么定义呢...
2020-06-04 19:51:11
804
1
原创 vue父组件异步获取动态数据传递给子组件获取不到值
如果父组件中要传给子组件的值是从接口里面获取的，那么子组件刚开始得到的是空值。这个时候不应该传给子组件的。你可以在子组件里面延时加载。或者是按照下面方法来父组件：<template> <div> <chartpie :chartValue="chartValue" v-if="chartValue.length>0"></chartpie> //因为chartValue是个数组。判断数组...
2020-06-04 19:28:25
1013
原创 JS中数据类型之间的转换——必看！
//一、数字 let num = 123; //1.数字转字符串 // (1) num = num+''; console.log(num) // (2) let str = num.toString() console.log(str) // (3) let str = num...
2020-06-04 18:56:30
150
原创 css中@media的基本使用
基本语法：@media +（ not | only） + 媒体类型 +（and+ 媒体查询）我们首先了解一下媒体类型，常用的不多，就几个：screen（电脑屏幕） ，print （打印或者打印预览），all（所有设备）（本文侧重讲述screen，因为本人最近都用这个，嘻嘻）然后这个设备类型的作用是什么？答：用来匹配查询条件的，就是你是要以什么标准去匹配，是按照屏幕大小改变的条件去匹配还是按照打印的方式去匹配然后后面的（and+媒体查询），这个是用来限制查询条件的，...
2020-06-04 17:31:10
344
原创 饿了么UI elementUI中的el-table勾选框设置默认勾选、禁用
最近项目中有这个一个需求：请求后端列表数据，根据数据中remark值自动设置table的勾选框的勾选状态及禁用状态，如果remark=“1”,是勾选状态且该勾选框变为禁用状态；反之，如果remark !=“1”，则不是勾选状态且用户可以进行勾选当用户手动进行勾选某行数据时，该操作将向后端发送请求，请求成功则该行数据所对应的的勾选框状态为勾选且禁用难点及坑：axios请求后端数据成功时，初始化表格的时候，使用el-table的toggleRowSelection()方法设置勾选框状态一直设置..
2020-06-03 16:10:50
5385
3
原创 vue-深拷贝,深克隆,deepclone最佳方案
// 深拷贝const clone = (obj) => { var o; // 如果 他是对象object的话 , 因为null,object,array 也是'object'; if (typeof obj === 'object') { // 如果 他是空的话 if (obj === null) { o = null; } else { // 如果 他是数组arr的话 if (obj..
2020-06-01 17:01:24
4455
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人