自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

转载 常用es6语法总结

一.let ,var,constvar没有块级作用域,定义后在当前闭包中都可以访问,如果变量名重复,就会覆盖前面定义的变量,并且也有可能被其他人更改。for (var i = 0; i < 3; i++) { setTimeout(function () { alert(i); }, 0); }结果会打印3次3...

2019-08-15 18:15:00 131

转载 手动配置webpack

1.新建一个文件,在当前目录下执行npm init -y系统会生成一个package.json文件{"name": "demo","version": "1.0.0","description": "","main": "index.js","scripts": {"test": "echo \"Error: no test specified\"...

2019-05-09 15:21:00 134

转载 apply,all,bind的区别

这三个都是用来改变this指向的call() 和apply()的第一个参数相同,就是指定的对象。这个对象就是该函数的执行上下文。call()和apply()的区别就在于,两者接收的参数不一样。call的传参是这样的:fun.call(a,'wang mu'),apply的传参是这样的fun.apply(a,['wangmou']),bind的传参:fun.bind(a)('wan...

2019-04-25 09:35:00 688

转载 面试题小结

css部分css中的外边距叠加问题,怎么造成对的,怎么解决:会发生margin重叠的肯定是同一个BFC内的块级元素,例如div、ul等,不是块级元素不会发生重叠。(内联元素是不能设置高、行高、内外边距的,而且内联元素只能容纳文本或者其他内联元素。)重叠的情况大致可以分为以下几种:1、当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发...

2019-03-22 17:37:00 128

转载 react中根据后台值动态配置

业务中我们要实现对应的数据是1是男,2是女,这就要根据键来进行动态匹配,通常后台来给你一个1或者2,你来进行匹配,这样的数据一般在表格中比较常见。<Card title="Mock-单选" style={{margin:'10px 0'}}> < Table bordered columns = { colum...

2019-02-12 10:28:00 381

转载 react动态路由以及获取动态路由

业务中会遇到点击列表跳转到详情页,1.在index.js修改我们的跟组件新建router2的文件import React from 'react'import { HashRouter as Router, Route, // Link, Switch} from 'react-router-dom'import Main fr...

2019-01-18 18:05:00 3419

转载 如何获取天气的接口

用react来进行获取天气的接口,百度应该也有api,但是没找见就用的高得地图的api,官方网站:https://lbs.amap.com/api/webservice/guide/api/weatherinfo实现要申请密钥,对应的服务平台一定要正确,否则是请求不对接口的。key要填写你刚刚申请的密钥转载于:https://www.cnblogs....

2019-01-18 11:32:00 799

转载 webpack的按需引入配置

ant.design插件需要less配合,yarn add babel-plugin-import,webpack4.0的babel文件已经配置到webpackconfig.js中,需要eject暴露出来修改这里,less要配置到2.7.3,yarn add less@^2.7.3修改配置:['import', { libraryName: 'antd', style: ...

2019-01-09 10:40:00 744

转载 webpack配置less

webpack4.0把webpack.config.js隐藏起来了,需要先暴露出来,在webpack修改配置转载于:https://www.cnblogs.com/smdb/p/10240451.html

2019-01-08 18:00:00 301

转载 数据结构的使用

es6为对象和数组添加了结构功能,将数据结构打散的过程便得更加简单,从打算后更小的部分中获取所需信息。对象解构:let node = { type :"idep", name:"foo" }let {type,name} = "node";console.log(type);//idepconsole.log(name);//foo...

2019-01-05 18:00:00 257

转载 es6中的class的使用

---恢复内容开始---es5中生成实例对象的传统方法是通过构造函数:function Point(x,y){ this.x = x; this.y = y; } Point.prototype.toString = function(){ return '(' + this.x + ', ' + ...

2019-01-04 18:27:00 125

转载 vue 点击展开显示更多 点击收起部分隐藏

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <style type="tex...

2019-01-03 16:56:00 1867

转载 不定参数对arguments对象的影响

如果声明函数时定义了不定参数,则在函数被调用时,arguments对象包含了所有传入的参数:function checkArgs(...args){ console.log(args.length,'length'); console.log(arguments.length); console.log(args[0],arguments[0]) console.log(args[1...

2019-01-03 10:45:00 117

转载 关于柯里化函数

柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。特点:参数复用 – 复用最初函数的第一个参数提前返回 – 返回接受余下的参数且返回结果的新函数延迟执行 – 返回新函数,等待执行在编程开发中,使用柯里化函数封装解决问题的例子主要有...

2019-01-02 17:07:00 191

转载 请求后台接口的方式有什么?有什么区别

  昨天被头条的面试官面完之后虐了一地,倒是不难,问一堆这个和那个有啥不同,我心里想着难道有可比性么,这种问题怎么感觉就像有时候问你人都有什么人?有啥不同一样。。。只能吐槽但是也无能为力,就怪自己学艺不精吧。  当时可能是面试官太帅了,所以太紧张了,我竟然脑子里面想不起来原生是怎么写的了,直接说把原生的忘了,xmlhttpRequest在我的脑海里竟然一点映象也没了,面之前还手写的代...

2018-12-29 15:26:00 1514

转载 箭头函数如何使用

function add(a,b){return a+b}箭头函数的写法:(a,b)=>{return a+b}如用箭头函数进行数组的升序和降序let arr = [10, 20, 1, 2];arr.sort((x,y)=>{return (y-x)})Console.log(arr);//[20,10,2,1]arr.s...

2018-12-27 16:45:00 247

转载 一套方法把数组和对象都遍历出来

转载于:https://www.cnblogs.com/smdb/p/10183075.html

2018-12-27 09:15:00 900

转载 日期格式化的封装

转载于:https://www.cnblogs.com/smdb/p/10183069.html

2018-12-27 09:14:00 149

转载 遍历对象打印对象中的值

var obj ={ x:100, y:200, z:300 } for(key in obj){ if(obj.hasOwnProperty(key)){ console.log(key,obj[key]) } if(key == 'x'){ console.log(key,obj[key]) } }转载于:https://www.cn...

2018-12-26 19:36:00 545

转载 原型的使用和我对原型的理解

prototype,_proto_,constructor这几个关系确实乱,画个图来理解一下吧我们创建一个对象:function Person(name,age){this.name = name;this.age = age;this.sayHello = function(){alert("你好我是"+this.name+"我今年"+this.age)...

2018-12-26 18:18:00 164

转载 上下高度固定中间自适应的布局方式

(1):定位子盒子用绝对定位(千万别给父盒子加相对定位)(2)flex布局(3)使用grid网格布局:(4)使用table布局,一定要套一个空div,要不然整个页面都是空白的转载于:https://www.cnblogs.com/smdb/p/10177820.html...

2018-12-26 10:32:00 501

转载 高度固定,左右宽度300,中间自适应

方法1:浮动左边盒子左浮动,宽度为300px,右边盒子右浮动,宽度为300px,给div设置一个min-height:100px,中间盒子设置margin:0 300px.方法2:定位整个div都用绝对定位,左边盒子left:0,width:300px;右边盒子right:0,width:300px;中间盒子left:300,;right:300px;方法3:fle...

2018-12-25 18:16:00 164

转载 promise.all方法合并请求接口的两个值

function promise1 = new Promise((resolve,reject)=>{  return result1})function promise2 = new Promise((resolve,reject)=>{  return result2})function promise = Promise.all([promise...

2018-12-25 18:02:00 2312

转载 一颗树下的input框超出的部分打点鼠标移动显示

转载于:https://www.cnblogs.com/smdb/p/10175044.html

2018-12-25 16:55:00 271

转载 bus实现兄弟组件传值

传递的地方:两个组件都要引入这个公共的bus中转函数Bus.js文件相当于一个公共的对象:传递的文件中写入这个方法:兄弟组件通过点击事件输出参数,需要的组件来接收传递过来的参数:转载于:https://www.cnblogs.com/smdb/p/10174929.html...

2018-12-25 16:43:00 514

转载 数组对象里面的值处理

let arr =["rwdm/app","rdmyn/bpp"]; let arr2 = []; let json1={} json2={} json1={ key:arr[0].split("/")[0], value:arr...

2018-12-25 16:30:00 237

转载 数组转化成对象

let arr = ['随风','随雨','随缘']; obj = {}; for(var key in arr){ obj[key] = arr[key] } console.log(obj)页面效果:转载于:https://www.cnblogs.com/smdb/p/10174793.html

2018-12-25 16:28:00 150

转载 缓存dom查询

为了提高性能缓存dom查询;页面效果:转载于:https://www.cnblogs.com/smdb/p/10174588.html

2018-12-25 16:08:00 256

转载 后台的数据缺少一个属性前台如何添加这个属性

项目中会遇到这样一个问题:后台给我们返回一个数组,但是少一个属性,我们要通过这个属性可能要控制一个事件。如果后台比较忙前台自己也可以添加一个属性:后台的数据格式[[]],采用双层遍历的方式:arr.map((item,i)=>{item.tag.map((each,j)=>{Vue.set(each,'status',false)})})...

2018-12-25 15:38:00 421

转载 如何让登录名嵌入到登录的地方

<template><ul class="nav-list"><li v-if="username=== ''" @click="logClick">登录</li></ul><my-dialog :is-show="isShowLogDialog" > <log-form @has...

2017-12-07 22:00:00 94

转载 如何用vue控制样式实现相同的结构样式

<div class="index-board-list"> <div class="index-board-item" v-for="(item, index) in boardList" :class="[{'line-last' : index % 2 !== 0}, 'index-board-' + item.id]"> </div>...

2017-12-03 20:22:00 330

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除