- 博客(23)
- 收藏
- 关注
RSS订阅原创 el-select 默认值遇到的坑
<el-select clearable v-model="Status" placeholder="请选择"> <el-option label="全部" value="-1"></el-option> <el-option label="试用" value="1"></el-opti...
2020-03-12 10:31:10
4691
原创 beforeRouteEnter 获取不到 vue 实例的解决方法
beforeRouteEnter(to, from, next) { console.log( to.path,from.path) next(vm=>{ if(from.path == '/'){ if(!vm.$route.query.vin){ vm.changeVin('') } ...
2020-03-06 17:08:30
1209
原创 箭头函数与普通函数（function）的区别是什么？
箭头函数是普通函数的简写，可以更优雅的定义一个函数，和普通函数相比，有以下几点差异：1、函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。2、不可以使用 arguments 对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。3、不可以使用 yield 命令，因此箭头函数不能用作 Generator 函数。4、不可以使用 new 命令，因为：...
2019-07-31 18:09:08
2887
原创 vue中遇到的一些坑
1， Vue中给data中的对象属性添加一个新的属性时会发生什么，如何解决？ <template > <div > <ul> <li v - for ="value in obj" :key = "value" > {{value}}...
2019-02-25 11:31:02
728
原创 在js里面当new了一个对象时，这中间发生了什么?
比如一个构造函数Testfunction Test(){ // 代码}var test1=new Test();在 JavaScript 中，使用 new 关键字后，意味着做了如下四件事情： 创建一个新的对象，这个对象的类型是 object； 设置这个新的对象的内部、可访问性和[[prototype]]属性为构造函数（指prototype.construtor所指向...
2019-02-21 14:32:34
1375
原创 map, filter, reduce 各自有什么作用？
map 作用是生成一个新数组，遍历原数组，将每个元素拿出来做一些变换然后放入到新的数组中。[1, 2, 3].map(v => v + 1) // -> [2, 3, 4]另外 map 的回调函数接受三个参数，分别是当前索引元素，索引，原数组['1','2','3'].map(parseInt)第一轮遍历 parseInt('1', 0) -> 1第二轮遍历...
2019-01-17 12:27:22
3881
原创 JS实现继承的几种方式
<script type="text/javascript"> /** * 类的声明 */ var Animal = function () { this.name = 'Animal'; }; /** * es6中class的声明 */ ...
2019-01-15 17:01:05
581
原创 vue 路由实现原理
<h2>historys</h2> <a class="api a">a.html</a> <a class="api b">b.html</a> <h2>hash</h2> <a class="hash
2018-12-22 13:49:50
1904
原创 解决element-ui表单中限制输入纯数字的问题
<input type="text" class="el-input__inner" oninput = "value=value.replace(/[^\d]/g,'')" >
2018-11-29 10:41:25
10827
8
原创 vue-i18n 怎么用在data属性上
用computed绑定数据: <li v-for="(item, index) in stepLists"> <img :src="item.img" alt=""> <div class="img-cover"> <div class="step-title">
2018-11-21 15:41:01
5861
1
原创 js获取链接的种的参数
getQueryParam(key) { var reqStr = location.search; if (reqStr != null && reqStr.indexOf("?") != -1) { reqStr = reqStr.substr(1); ...
2018-11-01 09:26:40
301
原创 H5字体转换代码
(function (window) { var setHtmlSize = function (w) { var b = 750 / 100; var c = window.innerWidth; if (w) { c = w } var a = c / b; if (a < 42) { a = 42 } else if (a > 60) { a = 60 } do...
2018-08-27 18:21:33
1463
原创 JQ appened()能appened一个数组？？
var page_index = api.getCurrent() - 1; // console.log(page_index,"page_index"); var new_content = res[page_index]; ...
2018-08-16 10:02:44
627
原创 JS实现手写parseInt的方法示例
function l(obj) { return console.log(obj) } /**********/ function _parseInt(str,radix){ var res = 0; if(typeof str !="string" &&...
2018-05-31 23:19:18
1930
1
原创 导航出现横向滚动条
<ul class="navs-title"> <li class="nav-li active">跑步</li> <li class="nav-li active">跑步</li> <li class="nav-li"&am
2018-05-28 11:28:06
1099
原创 停顿的JS文字滚动，无缝循环滚动
<html><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /><title>间断滚动</title><style>#Marquee{ height:90px; overflow:hidden;}#
2018-05-18 16:02:22
2585
原创 CSS实现单行、多行文本溢出显示省略号（…）
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢...
2018-05-18 10:21:34
155
原创 JS 按值排序 demo
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>li排序</title> <script type="text/javascript"&
2018-05-16 09:23:35
618
原创 js随机从数组中取出几个元素
JS如何从一个数组中随机取出一个元素或者几个元素。假如数组为var items = ['1','2','4','5','6','7','8','9','10'];1.从数组items中随机取出一个元素//code from http://caibaojian.com/js-get-random-elements-from-array.htmlvar item = items[Math.floor...
2018-05-14 13:54:02
13671
5
原创 css实现三角的一些方法
css实现三角没有想象中的那么难，只要明白border的各种属性的意思就很好明白css三角是如何实现的。一下是几个很简单的例子： css三角形状的制作： css样式: .triangle{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid ...
2018-05-11 11:09:34
231
原创 JS将数字转换成三位逗号分隔的样式
function formatNum(num){ if(!/^(\+|-)?(\d+)(\.\d+)?$/.test(num)){alert("wrong!"); return num;} var a = RegExp.$1, b = RegExp.$2, c = RegExp.$3; var re = ...
2018-05-04 16:03:16
1733
原创 JS实现一下双向绑定
<div id="app"> <input type="text" id="txt"/> <p id="show-text"></p> </div>var obj = {};Object.defineProperty(obj,"txt",{ get:function(){ ...
2018-04-25 18:07:37
503
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人