自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

空白的博客

一个前端工程师的修行笔记

  • 博客(67)
  • 收藏
  • 关注

原创 递归遍历树

treeData(data){if(data){for(var i=0;i<data.length;i++){data[i].pname = ''data[i].id = data[i].codedata[i].title = data[i].label// data[i].expand= falseif(data[i].regionVueDto.length!=...

2020-01-05 17:05:09 265

原创 1.关于koa2解决form data和axios的Content-Type: application/json的解析

https://github.com/GaryChangCN/koa2-formidable上面是依赖库解决问题:axios的post请求发送到node服务端,服务端使用ctx.request.body为{}对象

2019-11-29 17:26:00 1565

原创 element的dialog框过高展示问题

<el-dialogref="editDialog"title="社区矛盾调解处理"width="950px":top='top'class="selfdialog":close-on-click-modal="false":visible.sync="visible"v-if="visible"/>dialog的内容太高且超出屏幕高度,解决问题...

2019-11-21 11:46:05 4496

原创 关于百度地图画多边形的坑

1.多边形数据从后台获取pointData:[{len:'11',lag:'22'},{len:'11',lag:'22'},{len:'',lag:''}]1.当生成多边形的点存在null的情况,也可以生成多边形,但是拖动的时候会出现多边形消失的问题2.就是地图还没生成就去画多边形了,也会存在这种情况。参考:https://blog.csdn.net/sinat_36729274/a...

2019-10-29 10:37:43 999

原创 关于百度地图开发与modal层的bug

1.百度地图创建在modal层里面:setTimeout(() => { this.initMap() }) initMap():创建地图的函数=>不加定时器也可以创建,但是创建的一些覆盖物,比如点线面会出现一些偏差,或者创建失败。initMap(data) {// 初始化地图this.modaleditMap = new window.BMap.Map('ed...

2019-10-28 15:34:06 640

原创 react中使用less编写多个类名(es6拼接)

2019-07-25 10:10:52 4074

原创 关于iview的model中的表单验证问题

<Modalv-model="modelinfosta":loading="loading":title="menulists[menuselected].name":width="950"class-name="vertical-center-modal"><Form :label-width="85" ref="formInlineAdd" :mode...

2019-07-24 11:44:16 1214

原创 css实现图片的自适应裁剪

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></...

2019-07-23 10:38:34 3100

原创 游览器兼容问题

1.火狐游览器下,字体大小可以设置成12以下的字体大小

2019-07-17 16:01:22 102

原创 2.react的setSate之后请求接口无数据问题

this.setState({communityLogicID:value,eventNumber:{}},()=>{this.getEventNumber() //这个接口需要使用communityLogicID});...

2019-07-17 16:00:19 465

原创 字段不同数组对象的转换

<script>1.目前数组var aa=[{num:310,numValue1:'啦啦啦'},{cum:320,numValue2:'嘻嘻嘻'},{vum:330,numValue3:'哈哈哈'},{sum:340,numValue:'吱吱吱'}];1.目标数组[{value:310,name:'啦啦啦'},{value:320,name:...

2019-07-16 18:02:33 214

原创 css实现多行文本超出显示省略号

display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;

2019-07-12 15:28:56 247

翻译 css实现滤镜效果

<img src="http://www.daqianduan.com/wp-content/uploads/2018/10/filter1.png" class="logo">.logo { transition: all 0.2s; cursor: pointer; filter: grayscale(100%);}.logo:hover { filter...

2019-07-12 15:22:10 225

原创 1.react学习笔记-解决react修改state对象,页面不刷新问题

1.react想要修改state中对象的属性:this.state = {peopleType:[{type:'上访人员',ptype:'type_1',styleName:styles.Petition,checked: true},{type:'老年人',ptype:'type_2',styleName:styles.Aged,checked: true},{type:'孤...

2019-06-27 17:50:05 5900 1

原创 css进行文字居中(多行文字居中问题)

多行文字要想对齐使用line-height是实现不了的,他就等同于的让一个不设置宽高的div垂直居中,就像下面图这种效果。<style>.content{width: 800px;margin: 500px auto;}/* 定位写法 *//* .box{display: inline-block;vertical-align: middle;m...

2019-06-05 13:37:04 5194

翻译 git merge和git rebase的区别

看了很多文章各种图解各种理论,文章太多还有些看不懂:通俗的解释1-2-3 是现在的分支状态这个时候从原来的master ,checkout出来一个devlop分支然后master提交了4.5,devlop提交了6.7这个时候master分支状态就是1-2-3-4-5,devlop状态变成1-2-3-6-7如果在devlop上用rebase master ,devlop分支状态就成了1-...

2019-05-29 10:09:00 115

原创 一行代码实现数组去重

[...new Set([1,2,3,1])][1, 2, 3,]使用es6的新语法

2019-02-16 11:04:18 820

翻译 vuex和本地存储的区别

1.区别:vuex存储在内存,localstorage(本地存储)则以文件的方式存储在本地,永久保存;sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型,对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理2.应用场景:vuex用于组件之间的传值,localstorag...

2019-02-16 10:36:01 4440 1

原创 js如何实现简易的深复制

var a=[{c:1}];var b=a;如果想让b=a,且b改变c,a中不改变c,可以讲a通过json。StringFly来转换为字符串,然后赋值给b

2019-02-16 10:34:18 93

翻译 1.移动端图片预览

# 安装npm install vue-photo-preview --save# 引入import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'Vue.use(preview)//或者 //var option={....} option配置请查看 http://photosw...

2018-10-31 10:32:54 591

转载 一像素边框

2018-10-30 13:52:14 231

转载 vue-router的push和replace的区别

1.this.$router.push()描述:跳转到不同的url,但这个方法会向history栈添加一个记录,点击后退会返回到上一个页面。2.this.$router.replace()描述:同样是跳转到指定的url,但是这个方法不会向history里面添加新的记录,点击返回,会跳转到上上一个页面。上一个记录是不存在的。3.this.$router.go(n)相对于当前页面向...

2018-08-27 16:20:01 53254 1

原创 关于if判断的小问题

当需要在获取的数据做判断的时候,需要注意:1.不如说需要从后台获取一个字段,但是这个字段是未知的,不知道是否有还是没有,需要这样判断:字段 : activeIdif( 'xxx' ==activeId ){}else{}这样判断就不会报错,并且简易代码。2.另一种需要多加判断if(activeId){    if(activeId==‘xxx’){       ...

2018-08-13 15:26:50 135

原创 vue-router 之打开新的页面

 1.不传参数let myurl="/contractc-info/detail/" + contType + "/" + scope.row.pk_contract; //是你的自定义的路由字符串拼接let routeData = this.$router.resolve({ path: myurl });window.open(routeData.href, '_blank')...

2018-08-09 19:01:52 5630 2

原创 一些开发常用的命令

一.vscodectrl+p:全局搜索文件ctrl+c:在终端内停止批处理操作二.chromectrl+F:可以在整个游览器显示区域搜索名字

2018-08-08 14:01:10 106

原创 Vue-路由使用

一.路由获取let id = this.$route   :获取当前的路由let activityId=this.$route.query.activityId;  :获取路由中的参数 activityId二.路由监听1.watch()// 监听,当路由发生变化的时候执行watch:{  $route(to,from){    console.log(to.path...

2018-08-08 13:46:11 151

原创 关于ajax请求问题

1.headers: { 'Content-Type': 'application/json' }产生的想法    用Content-Type来表示具体请求中的媒体类型信息this.$http({      url: ' ' ,      headers: { 'Content-Type': 'application/json' },      method: 'get',...

2018-08-06 15:57:59 209

原创 一.有关于form页面取值问题

t_Methods:{//计算保证金比率;handleGuaranteeRate(){let modal=oThis.$refs.baseTemplateRef.comp.$refs["SignBill_ref"].model;let sign_money=modal.sign_money;let guarantee_money=modal.guarantee_money;...

2018-08-03 15:41:10 380

原创 Vue的v-if以及v-show的使用过程中遇到的问题

当使用vue的v-if或者v-show的时候,如果数据动态变换,数据在data中的话直接给v-if或v-show赋值是没有效果的,需要将赋值的数据放在mounted中进行监听。

2018-07-17 14:09:59 3896

转载 js闭包问题详解案例

JS中for循环里面的闭包问题的原因及解决办法我们先看一个正常的for循环,普通函数里面有一个for循环,for循环结束后最终返回结果数组function box(){ var arr = []; for(var i=0;i&lt;5;i++){ arr[i] = i; } return arr;}alert(box...

2018-07-17 14:06:14 551

转载 jquery-事件委托

    jQuery中的事件委托方式比较丰富,就以同样的例子来说:   1、用on方法,代码如下:1 $(function(){2 $("#lists").on("click","li",function(event){3 var target = $(event.target);4 target.cs...

2018-06-30 10:10:58 667

转载 清除浮动-css

什么情况下需要清除浮动?父元素没有高度(指的是不设值,height:0不算)的情况下,里面的子元素都设置了浮动。只要浮动在一个有高度的盒子中,那么这个浮动就不会影响后面的浮动元素。 但是网页制作中,高度height很少出现。为什么?因为能被内容撑高!为什么需要清除浮动?当元素设置浮动属性后,会对相邻的元素产生影响。相邻元素是指紧邻后面的元素清除浮动的3种办法1、尾元素清除浮动。给父元素加上clea...

2018-06-30 09:44:26 119

原创 Git的使用以及shell的常用操作命令

一.常用base命令pwd (PrintWorking Directory)查看当前目录cd (ChangeDirectory) 切换目录,如 cd /etcls (List) 查看当前目录下内容,如 ls -almkdir (Make Directory) 创建目录,如 mkdir blogtouch 创建文件,如 touch index.htmlcat 查看文件全部内容,如 cat index...

2018-06-26 19:41:00 753

原创 node实现get和post请求

get请求var express = require('express');var app = express(); app.use(express.static('public')); app.get('/index.htm', function (req, res) { res.sendFile( __dirname + "/" + "index.htm" );}) app.get('/p...

2018-06-26 19:14:23 717

原创 multer实现上传文件

let express= require("express")let multer = rerquire('multer')//创建指定文件保存路径的storage对象var storage = multer.diskStorage({ //文件存储的位置 destination: function (req, file, cb) { cb(null, './files') ...

2018-06-26 19:11:40 483

原创 JS实现冒泡-二分查找-反转算法

<script>// var arr=[1,5,7,8,4,5,7,5]//二分查找:效率高 :限制:必须有序数组var arr=[1,2,15,16,18]function find(low,high,n){var mid= Math.floor((low+high)/2)//拿到中间下标取值if(arr[mid]==n){return mid}...

2018-06-26 19:09:53 96

原创 FullPage应用

&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;全屏/整屏滚动组件fullPage演示-垂直滚动_dowebok&lt;/title&gt;&lt;style&gt;body, div, p { margi

2018-06-26 19:07:14 204

原创 flex布局之模拟支付宝首页

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-

2018-06-26 18:12:08 498

原创 跨域问题

1.设置发送头:node里res.header("Access-Control-Allow-Origin","*");Node.js后台配置(express框架)Node.js的后台也相对来说比较简单就可以进行配置。只需用express如下配置:app.all('*', function(req, res, next) { res.header("Access-Contr...

2018-06-22 15:14:26 141

原创 em 和 rem以及px的区别

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &

2018-06-22 15:05:59 138

空空如也

空空如也

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

TA关注的人

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