摘要：
input checkbox复选框全选与不全选方法封装如下： html代码： <table class="yt-table check-test-tab" style="width:840px;margin: 20px auto;"> <thead class="yt-thead"> <tr> <t 阅读全文
摘要：
工作中可能会遇到select需要选择多个值的情况，下面就是一种实现方式：实现原理就是：一个div容器来接纳选中的内容，通过div点击事件来隐藏或者显现select内容，通过按着CTRL键来完成多项选择；style代码：.divBox{ width:400px; margin:100px auto; 阅读全文
摘要：
input输入金额格式化，限制只能输入数字，可以为负；通过onkeyup事件正则表达式 只能输入数字，然后再通过foucs和blur事件来修改金额的样式；代码如下：<input type="text" id="money" class="yt-input" onkeyup="value=value. 阅读全文
摘要：
平时工作中会经常遇到数据处理，其中数组合并处理也会经常遇到，下面就是数组相同项合并的一种方式：1.首先由原始的数组arr数据，2.然后创建一个map空对象和一个dest空数组，通过判断map中是否含有某项来判断数组dest是否添加数据，3.然后再判断相同项和已有的dest数组内容比较合并； 代码如下 阅读全文
摘要：
JSON数据常用的数据处理方法：一、JSON对象和JSON字符串的转换JSON在数据传输过程中，JSON是以字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：JSON字符串：var jsonStr ='{"name":"Liza", "pa 阅读全文
摘要：
JS实现继承的几种方式前言：大多数语言都支持两种继承方式： 接口继承和实现继承 ，而javaScript中无法实现接口继承，javaScript只支持实现继承，而且其实现继承主要是依靠原型链来实现。主要继承方式如下：1、原型链继承2、构造函数继承3、实例继承4、拷贝继承5、组合继承（原型链继承+构造 阅读全文
摘要：
Object常用方法总结：1.Object.assign(target,source1,source2,...)该方法主要用于对象的合并，将源对象source的所有可枚举属性合并到目标对象target上,此方法只拷贝源对象的自身属性，不拷贝继承的属性。Object.assign方法实行的是浅拷贝，而 阅读全文
摘要：
未知宽度的div使内容水平垂直居中方法一：使用display：flex；justify-content:center;align-items: center;属性代码如下：<style> #box{ display: flex; justify-content:center; align-items 阅读全文
摘要：
在说明如何判断一个对象为数组类型前，我们先巩固下js的数据类型，js一共有六大数据类型：number、string、object、Boolean、null、undefined。var str="string";console.log(typeof str); //stringvar num=1;co 阅读全文
摘要：
vue-louter三种传值方式：1.直接路由后跟参数，路由配置表中相应配置，通过params来传参2.通过路由属性中的name来确定匹配的路由，通过params来传递参数。3.使用path来匹配路由，然后通过query来传递参数；组件代码如下<div id="app"> <h3>路由传值方式</h 阅读全文