自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 字符串常用方法

上次记录数组常用方法,这次对字符串常用方法进行整理https://www.w3school.com.cn/jsref/jsref_obj_string.asp1. substring(start , end) 截取从start到end的字符,但不包括end处的字符start: 开始位置的索引,end: 结束位置的索引,且不包含该位置的字符截取后不改变原来的字符串,...

2019-09-18 11:45:00 173

转载 css储备之 writing-mode

writing-mode 属性定义了文本在水平或垂直方向上如何排布。属性:horizontal-tb:水平方向自上而下的书写方式。即 left-right-top-bottomvertical-rl:垂直方向自右而左的书写方式。即 top-bottom-right-leftvertical-lr:垂直方向内内容从上到下,水平方向从左到右sideways-lr:...

2019-08-31 14:50:00 175

转载 offsetWidth clientWidth innerWidth区别

总是记不住差别,现在记录下来。关于js中的offsetWidth、clientWidth、scrollWidth等一系列属性及其方法一直都傻傻分不清,这里就来总结一下这些方法的用法和含义。offsetWidth 水平方向 width + 左右padding + 左右border-widthoffsetHeight 垂直方向 height + 上下padding ...

2019-08-16 12:18:00 209

转载 QRCode使用(生成二维码)

最近项目有个需求,需要将一个连接生成二维码展示出来,然后在网上找到了QRCode这个插件,这里大致记录下它的使用方法介绍:QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库1.安装因为这个项目用的是vue,所以在vue中安装qrcodejs2包npm inst...

2019-07-05 10:06:00 4005

转载 vue数据原有性

最近项目发生一个问题,记录下来项目用的iview框架,table组件渲染时动态获取后台数据,给后台数据加入了一个`selected`参数,后来发现即使用上watch深度监听也监听不到`selected`参数的变化。在前辈的帮助下找到了问题,现在记录下来。this.eTable.datas = res.datas;res.datas.forEach(item=>{...

2019-06-28 11:15:00 92

转载 async await 初步学习

最近项目涉及到一个需求,两个异步请求,第二个请求需要等到第一个异步请求里的数据返回后才能发送,于是这里初步用到了async / await 。现在记录下async/await 语法可以更舒适的与promise协同工作。async 被放置在一个函数的前面(函数前面的async一词意味着这个函数总是返回一个promise,如果代码中有return <非promise>语句...

2019-05-29 15:29:00 86

转载 call apply bind 区别

apply call bind 是Function.prototype 下的方法,用于改变函数运行时的上下文,若没有返回值,则返回undefined;使用apply() 可以继承其他对象的方法注意:apply()第一个参数是null,在 非严格模式下,第一个参数为 null 或 undefined 时会自动替换为指向全局对象,apply() 第二个参数为数组或类数组...

2019-05-28 16:35:00 69

转载 数据更新DOM未更新的问题解决一(vue 深度响应初步了解)

之前有个项目碰到一个问题,vue里面data的某个数组的一项进行了数据的更新,但是DOM并未随之更新,后来发现是由于 JavaScript 的限制,Vue 不能检测以下变动的数组:当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue当你修改数组的长度时,例如:vm.items.length = newLength这个...

2019-05-25 12:30:00 642

转载 iview table表render函数params问题

今天对table表格render函数的数据进行操作的时候发现,params的数据发生变化但datas数据并未随之变化,这里记录下。转载于:https://www.cnblogs.com/feijiediyimei/p/10821289.html...

2019-05-06 18:27:00 742

转载 js map()初步学习

//array.map(callback,thisObject?),callback需要有return值//map:'映射' 被映射成新的数组 eg1:let data = [3,4,2]; let data2 = data.map(item=>{ return item*5})console.log(data2)/...

2019-04-30 11:55:00 442

转载 js中报错"Maximum call stack size exceeded"解决方法

Uncaught RangeError: Maximum call stack size exceeded错误直译过来就是“栈溢出”,出现这个错误的原因是因为我进行了递归运算,但是忘记添加判断条件,导致递归无线循环下去。。http://stackoverflow.com/questions/6095530/maximum-call-stack-size-exceeded-erro...

2019-04-19 15:33:00 447

转载 hey-cli初使用

当前项目负责人打算用hey-cli ,初步接触了hey-cli是一款比vue-cli使用还要简单的脚手架1. 先全局安装hey-cli npm install -g hey-cli2. 初始化项目 hey init 项目名 然后选择对应的模板3. 到达项目对应的目录下 cd 项目目录4. 安装包 npm install5. 启动项目 hey de...

2019-04-17 16:55:00 359

转载 怎么在vue中引入layui

新项目想用layui框架,学习了把前辈是怎么引入layui的,这里记录下1.index.html要引入layui.js文件<script src="/static/layui/layui.js" type="text/javascript" charset="utf-8"></script>2.main.js文件要配置好layui这里用到的...

2019-04-03 16:16:00 1702

转载 iview 怎样屏蔽掉账户框自动显示账户名和密码(root,***)

用iview框架做出的登录页面,账户名和密码显示框,会自动有占位信息(root,****)后来解决问题发现,只要在真正的输入框下面添加这样的一行隐藏的代码,占位信息会自动填充到隐藏的input框内,这样就解决了这个问题。<Input v-model="loginValidate.userNameTemp" type="text" v-show="false">&l...

2019-04-01 16:45:00 375

转载 vue 深度响应初步了解(检测data对象数据变化)

当你把一个普通的 JavaScript 对象传给 Vue 实例的data选项,Vue 将遍历此对象所有的属性,并使用Object.defineProperty把这些属性全部转为 getter/setter受现代 JavaScript 的限制 (而且Object.observe也已经被废弃),Vue不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行...

2019-03-29 10:28:00 365

转载 vue 初步了解provide/inject

provider/inject:简单的来说就是在父组件中通过provider来提供变量,然后在子组件中通过inject来注入变量。需要注意的是provide / inject这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。(这里不论子组件有多深,只要调用了inject那么就可以注入provider...

2019-03-29 10:08:00 232

转载 vue 路由更新页面视图未更新问题

最近项目做面包屑的时候遇到一个问题就是路由变化的时候页面视图并没有发生变化,后来上网查,发现是vue-router的特性导致的。vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换。这也会导致一个问题,就是引用相同组件的时候,会导致该组件无法更新,也就是我们口中的页面无法更新的问题了。而我正是因为引用了相同的组件,才会发生这...

2019-03-29 09:58:00 652

转载 iview modal对话框的一个小知识点

我在做一个项目的一个页面的时候有两个弹窗,发现点击一个弹窗的右上角关闭按钮后,打开另一个弹窗的时候,另一个弹窗里面带有上一个弹窗里的样式内容,说明上一个弹窗并没有被销毁。后来发现modal源码里的confirm.js文件内加入这段代码进行弹窗组件的销毁,就可以解决这个问题。记录下来转载于:https://www.cnblogs.com/feijiediyimei/p/1056...

2019-03-19 20:23:00 799

转载 初识iVew table表属性

<template>    <Table :row-class-name="rowClassName" :columns="columns1" :data="data1" border stripe></Table></template><script>   export default {    da...

2019-03-13 17:11:00 132

转载 iView 初识

iView和element-UI在table这块有有相似之处,但是与layui有不同的地方在data数据这里有明显的不同,在iView中data数组下每个元素对象对应一行的数据;而layui中,data数组下每个元素对象对应的是每一列的数据。转载于:https://www.cnblogs.com/feijiediyimei/p/10524326.html...

2019-03-13 16:58:00 95

转载 window.open打开窗口的几种方式

1. 在当前窗口打开百度,并且使URL地址出现在搜索栏中.window.open("http://www.baidu.com/", "_search");window.open("http://www.baidu.com/", "_self");2. 在一个新的窗口打开百度window.open("http://www.baidu.com/", "_blank");...

2018-12-04 14:26:00 196

转载 字符串转换

最近碰到后台返回来的字符串类型的对象,像这样:data = “{a=1,b=2}, {c=3,d=4}”怎么将它转为自己想要的json数组格式呢,网上查了资料后,转换如下 data = data.replace(new RegExp("=", "gm"), ":"); data = data.replace(ne...

2018-12-04 11:42:00 85

转载 echarts Y轴数据类型不同怎么让折线图显示差距不大

如果希望在同一grid中展示不同数据类型的折线(1000或10%),那么展现出来的折线肯定显示差距很大,那么怎么让这两条折线显示效果差不多,在之前的项目中碰到了这个问题每条折线对应的是不同的数据组,即series的数据组,对每个数据组进行排序,求出最大值,然后将这些最大值放在一个数组里,分别填充到yAixs的max中,这样就互不影响,文字比较绕,直接上代码eg:for(v...

2018-12-04 11:38:00 1142

转载 Vue 项目启动抛出 Error/ No PostCSS Config found in

项目启动时抛出 Error: No PostCSS Config found in … 的错误表示某个 css 文件不能被引入解决办法:module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } } 你在网上找的解决方案应该有提到...

2018-12-04 11:16:00 213

转载 js sort排序

这个是sort方法里的那个比较函数的特殊的返回值,比较函数的参数 a 和 b 代表数组里的两个元素,如果 a 小于 b,排序后的数组 a 在 b 前面,此时返回一个负数 (即上面的 return -1)如果 a 等于 b,排序后两者位置不变,此时返回 0 (即上面的 return 0)如果 a 大于 b,排序后 a 在 b 后面, 返回一个正数 (即上面的 return 1)//比较函数...

2018-12-01 10:00:00 83

转载 layui table合计但是未计算的解决

在项目里table开启合计功能,但是并未进行数据计算,后来发现是field写错了的问题,上代码for(var i = 0; i < that.checkboxAll.data.length; i++) { var $data = that.checkboxAll.data[i]; if($d...

2018-11-26 17:31:00 769

转载 vue项目echarts画布删除历史数据重新渲染数据

vue用到echarts时,根据select多选下拉框进行echarts折线图渲染。发现折现只能增加不能减少,后来根据echarts API文档发现调用方式:chart.setOption(option, notMerge, lazyUpdate);将notMerge设置为true就可以echarts画布删除历史数据重新渲染数据notMerge是可选项,是否不跟之前设置的op...

2018-11-23 20:19:00 2135

转载 layui 数据返回但是table表格未渲染出来的问题

最近蜂鸟速驾项目用layui框架,table进行表格渲染控制台打印发现有数据,但是table.render渲染不出来,后来发现是数据已经返回但是页面元素未加载完成的缘故,用setTimeout定时器解决这个问题。代码如下setTimeout(()=>{ layui.table.render(option); ...

2018-11-23 19:37:00 2475

转载 vue-watch deep 和 immediate

watch 是一个对象,对象就有键,有值。值可以是函数:就是当你监控的家伙变化时,需要执行的函数,这个函数有两个形参,第一个是变化后的值,第二个是变化前的值。值也可以是函数名:不过这个函数名要用单引号来包裹。值是包括选项的对象:选项包括有三个。第一个handler:其值是一个回调函数。即监听到变化时应该执行的函数。第二个是deep:其值是true或false;确认是否...

2018-11-22 10:20:00 108

转载 axios拦截器搭配token使用

在了解到cookie、session、token的作用后学习token的使用cookie是随着url将参数发送到后台,安全性最低,并且大小受限,不超过4kb左右,它的数据保存在客户端session数据保存在服务端,在内存中开辟空间存储数据,session文件名即sessionID保存在cookie内,随cookie传送到服务端后在服务端匹配session文件token是服务端...

2018-11-10 23:26:00 312

转载 vue--钩子函数1

最近在学习自定义指令,这里做个整理vue允许注册自定义指令,在2.0中,代码复用和抽象的主要形式是组件。然而有的情况下仍需要对普通DOM元素进行底层操作,这时就会用到自定义指令。全局指令directive,局部指令directives一个指令定义对象可以提供的钩子函数:bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted...

2018-10-10 11:53:00 136

转载 跨域的问题(jsonp和cors)

由于浏览器的同源策略,用户想要跨域访问浏览器就会报错,那么就涉及到解决跨域的问题。最近我接触到的解决方法是两个,jsonp和cors。jsonp(json with padding)我们虽然不能直接用XMLHttpRequest 请求不同域上的数据,但是在页面上 引入不同域上的js 脚本文件却是可以的,jsonp正是利用这个特性来实现的。jsonp的优点:兼容性好,能直接访问响应...

2018-09-27 17:12:00 58

转载 2018.6.1学习CSS5里顺丰盒子小问题

在制作下面这样的小盒子时编写的代码 首先要对li元素设置浮动。在设置这个li元素下面的a元素时,因为没有转行内块,inline-block,结果显示出来的页面,鼠标在经过这个选择时(:hover),改变的背景色白色,将字体颜色完全掩盖,成了下面的样子所以,如果li内的a元素属性下面添加上转换行内块的话,就不会出现上图这个问题。转载于:htt...

2018-06-02 08:39:00 146

空空如也

空空如也

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

TA关注的人

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