- 博客(61)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 JS基础知识
学习：1. 菜鸟网站：https://www.runoob.com/jsref/jsref-obj-string.html2. W3C：https://www.w3school.com.cn/jsref/index.asp
2020-07-29 11:19:47
219
转载 vue中单个js写法
1. vue export default可以写很多东西，包括变量和方法，对象等，只要是想作为开放的接口都可以写，在.vue文件中一般写上data() {}以及method等，data指的是在该组件中定义的模板数据export 用来导出模块，Vue 的单文件组件通常需要导出一个对象，这个对象是 Vue 实例的选项对象，以便于在其它地方可以使用 import 引入。而 new Vue() 相当于一个构造函数，在入口文件 main.js 构造根组件的同时，如果根组件还包含其它子组件，那么
2020-07-24 11:02:43
3777
转载 JS之for...in和for...of
JS之for...in和for...offor...in输入键；for...in循环有几个缺点。数组的键名是数字，但是for...in循环是以字符串作为键名“0”、“1”、“2”等等。 for...in循环不仅遍历数字键名，还会遍历手动添加的其他键，甚至包括原型链上的键。 某些情况下，for...in循环会以任意顺序遍历键名。总之，for...in循环主要是为遍历对象而设计的，不适用于遍历数组。for...of输出值；for...of循环相比上面几种做法，有一些显著的优..
2020-07-21 15:16:58
340
原创 编码记录
if(drawInterface[item.type]){letzrShape=drawInterface[item.type](item);drawInterface.addShape(zrShape,item);}从item中挑出4种属性使用start({id,type,shape,style}){letstart=Start.getInst...
2020-07-20 16:56:21
186
原创 工作过程中有关css总结
超过最大高度出滚动条：.collapseClass { max-height: 758px; overflow: auto;}
2020-06-01 13:45:31
192
1
转载 vue中mixins的理解及应用
vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别？mixins混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。当组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。mixi...
2020-04-08 09:48:29
372
转载 JS 把函数作为参数传递
昨天同事问了我一个挺有意思的问题，就是JS如何把函数当作参数传进另一个函数中执行，上网找了一个并做一个总结，目前我能理解并正常使用的两种方法:方法一:定义主调函数//func ：方法名//str：参数function test1(func,str){if(str==null){func();}else{func(str);}}//定义被调函数function ...
2020-04-08 09:47:07
4538
转载 Vue动态组件绑定和v-once
如何实现一个组件的切换显示呢?动态组件前台控制两个组件使用v-if条件渲染,给一个按钮一个切换方法<child-one v-if="type=='child-one'" v-once></child-one><child-two v-if="type=='child-two'" v-once></child-two><butt...
2020-04-08 09:45:49
218
转载 Vue自定义组件-动态组件
<template> <div class="page-list"> <span class="list-txt">{{ title }}</span> <!-- <ex-btn v-if="current == 'ex-btn'" v-on:myClick="myClick" :...
2020-04-08 09:44:21
687
转载 动态组件 —— 2种方式实现动态组件的切换,VUE 动态组件的应用案例分析
动态组件适用于在不同组件之间进行动态切换。我使用过2种方法来实现：（1）可以通过 Vue 的<component>元素加一个特殊的is特性来实现；（2）通过v-if来进行条件渲染，同样能实现。下面是2种实现方法的代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head>...
2020-04-08 09:41:48
2765
转载 浅谈Vue内置component组件的应用场景
这篇文章主要介绍了浅谈Vue内置component组件的应用场景，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧官方的说明渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。 1 2 <!-- 动态组件由 vm 实例的属性值 `componentId` 控制 --> <compon...
2020-04-08 09:37:20
563
转载 router-view和component :is的区别
他们的作用都是可以更换组件的显示router-viewrouter-view是vueRouter的组件，主要是更新路由，可以不用跳转到一个新的页面，不会更新初始化函数mounted和created，只更新<router-view></router-view>标签下所渲染的组件。可以不用引入组件。缺点一个页面一个路由，跳转要写路由地址，更新tab样式要传参数...
2020-04-08 09:28:18
4426
转载 vue 利用component组件和is属性实现动态组件
我刚学了一种 vue 新的布局方式，通过config配置，利用component组件和is属性来控制页面里面展示内容，在这里简单做一个 dome1，首先新建一些组件的vue页面这个文件的目录，其中component中的是页面展示的组件src assets // 静态文件 component // 组件文件 BaseInfo.vue ...
2020-04-08 09:26:40
2616
转载 component -- is 动态切换组件
component -- is 切换组件1.有的时候，在不同组件之间进行动态切换，有两种方法一种使用v-if 或者v-show来控制组件之间的显示切换2.另外一种配合component标签和v-bind 搭配is使用例如： <component v-bind:is="切换组件的名"></component>3.简单的说: <compon...
2020-04-08 09:25:49
2764
转载 v-bind="$props"、v-bind="$attrs"、v-on="listeners"
之前看了一篇关于Vue开发技巧的文章,其中提到了在写高级组件时,通过v-bind="$props"将props一次性向下传递。这种向下传递的方式我之前没有用过,便看了下官网的介绍,并补充了一些相关API用法,在这里记录一下,方便自己以后查看。先进行相关的属性介绍,代码在后面。使用介绍: v-bind="$props": 可以将父组件的所有props下发给它的子组件,子组件需要在其prop...
2020-04-08 09:13:20
5935
1
转载 Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
这篇文章主要介绍了Vue2.4+新增属性.sync、$attrs、$listeners的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧sync在vue2.4以前，父组件向子组件传值用props；子组件不能直接更改父组件传入的值，需要通过$emit触发自定义事件，通知父组件改变后的值。比较繁琐，写法如下： ...
2020-04-02 09:49:16
408
转载 Vue v2.4中新增的$attrs及$listeners属性使用教程
这篇文章主要给大家介绍了关于Vue v2.4中新增的$attrs及$listeners属性的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。目录前言 A 组件与 B 组件之间的通信： （父子组件） A 组件与 C 组件之间的通信： （跨多级的组件嵌套关系） 示例代码 A组件（App.vue） B组件...
2020-04-02 09:47:31
756
转载 大型前端项目的架构
将应用程序拆分成许多小组件是很好的做法，但存在某些潜在的问题值得思考：1.模块可重用性有多少一个模块是否可以独立存在？如果在你的项目里随便找一个模块，可否让我直接放在一个新的页面里就可以开始运行了呢？你也许会质疑这样做背后的理由，不过我还是建议你得考虑未来：如果你的公司决定多个应用里都加入某个相同的功能，是否可以很简单完成呢？例如，有人说：“我们的用户很喜欢我们开发的聊天功能，我们把这个功...
2020-03-31 09:48:43
811
转载 js判断对象是否为空对象的几种方法
1.将json对象转化为json字符串，再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断var obj = {};var b = function() {for(var key in obj) {return false;}return...
2020-03-11 10:08:40
454
原创 iview table render中使用自定义封装的组件写法
父组件table中的render写法： { title: "TypeDefinition", key: "typeDefinition", render: (h, params) => { return h("div", [ h(DynamicSelect, {...
2020-01-19 14:23:33
1393
原创 iView + Vue ，DatePicker选择日期后格式变成UTC处理，注意两点不用自己转格式
问题：DatePicker组件，选择日期后格式变成UTC，例如：选择的日期是2019-03-10，得到的结果却是2019-03-10T16:00:00.000Z，页面显示是Sat Mar 09 2019 00:00:00 GMT+0800 (中国标准时间)解决：用on-change事件的返回值，给绑定的数据赋值。查文档可知道on-change的返回值是已经格式化后的日期，是我们想要的格式，在&...
2019-09-16 11:05:04
2223
2
原创 js一些常犯的语法错误
错误：stContent = formerSt ? formerSt : obj.value;正确： stContent = formerSt || obj.value; // 若formerSt没值则将obj.value赋给它，若有值则是formerSt本身
2019-08-28 17:18:57
232
原创 css文本框写圆角样式
css样式：文本框样式<textarea id="expInput" v-model="expForm.exp" rows="4" /><style lang="less">#scriptInput { // 边框样式设置 display: inline-block; // height: 30px; width: 100%; borde...
2019-07-12 13:54:48
1604
转载 总结几个对象转数组的方法
目标效果：obj = { 0: 'a', 1: 'b', 2: 'c' } => ayy=['a','b','c']1、Array.from(object)注：1️⃣ object中必须有length属性，返回的数组长度取决于length长度2️⃣ key 值必须是数值2、Object.values(object)注：与第一种不同的是不需要length属性...
2019-06-13 09:33:49
995
转载 Vue iview时间组件DatePicker，设置开始时间和结束时间约束
html模板代码：<FormItem label=""><Row><Col span="11"><DatePicker type="date" :options="startTimeOptions" @on-change="startTimeChange" placeholder="开始时间"...
2019-06-06 14:21:02
1141
转载 关于iview表单验证的问题
关于iview表单验证的问题iview表单验证的步骤：第一步：给 Form 设置属性 rules :rules 第二步：同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=" " 第三步：注意：Form标签里面是 :model 第四步：注意：在Form标签里面必须添加 ref,相当于id,在此范围内的表单验证有效 第五步：在操作保存按钮时，添加方法...
2019-05-15 10:52:30
305
原创 iview Vue控件使用（持续补充）
1. iview 中Select 控件中的methods setQuery方法使用：API 里，所有的 methods，都是指通过ref访问到组件实例来调用的，比如：<Select ref="select">this.$refs.select.setQuery('');2. 父子组件：父给子传数据：prop父中访问子中的方法：给子组件上绑ref="xx...
2019-05-13 14:55:04
596
转载 js编码规范
js编码规范1 前言JavaScript在百度一直有着广泛的应用，特别是在浏览器端的行为管理。本文档的目标是使JavaScript代码风格保持一致，容易被理解和被维护。虽然本文档是针对JavaScript设计的，但是在使用各种JavaScript的预编译语言时(如TypeScript等)时，适用的部分也应尽量遵循本文档的约定。2 代码风格1. 结构 [强制] 使用 4 ...
2019-04-30 17:54:06
282
原创 iview+Vue 知识整理（持续补充）
1、iview组件事件额外传参 在使用iview的组件时，希望在其定义的某个钩子事件处理函数中传递一个额外参数，同时又不影响该钩子事件默认的返回值，以iview中Select组件为例，on-open-change事件是有默认返回值event，保留event返回值的情况下，额外传递一个id参数，$event参数即表示on-open-change默认返回的参数，写法如下：<...
2019-04-28 15:07:03
547
原创 web项目服务器地址IP发生变化时Git提交更新报错解决方法
1. Windows设置，打开凭据管理器，在web凭据中删除之前老的ip地址，如下图所示2. 在之前代码的文件夹中的.git目录下的config文件中修改，url为新的Git地址，如下图所示...
2019-04-17 10:00:13
507
原创 迭代项目前端编码bug总结（持续补充）
1. 数组，map，对象定义为全局时，注意考虑，再次使用时先清空。map方法：https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014345007434430758e3ac6e1b44b1865178e7aff9082e0002. 前后台传参注意事项：在写代码时注意...
2019-04-15 11:33:36
440
转载 Javascript Array forEach()中无法return和break，代替方法some()与every()
我们都知道for循环里要跳出整个循环是使用break和return，但在数组中用forEach循环如要退出整个循环使用break会报错，使用return也不能跳出循环。查阅相关资料，发现无法终止forEach遍历，跳出循环。使用break将会报错：var arr = [1,2,3,4,5];var num = 3;arr.forEach(function(v){ if(v ==...
2018-11-08 14:01:23
433
原创 js递归树
// 递归算法找usedept对应名称 traverseCodeToName(treelist, udCode) { if (!treelist) { return; } for (let index = 0; index < treelist.length; index++) { if (treelist[ind...
2018-11-07 16:33:09
1455
原创 从后台请求数据并解析json数据
背景：由于ajax采用同步方式请求数据，如果将解析方法写在ajax里面不存在问题，但是，如果在解析时出现循环比较复杂的结构时，效率不高，因此：先去取数，取到之后，再去解析。单独分开后，这时再去取数解析便会出现取出数据不全，导致解析出错，必须加promise解决同步问题，保证在取完数据后再解析。 使用方法：getCurrClkNodeDataList(node){ ...
2018-11-02 11:42:29
978
转载 [Vue.js — iView — Tree] 点击树组件父节点名称时展开、收缩后代节点
适用于iview tree。```<Tree ref="tree" :data="data" :load-data="loadData" @on-select-change="selectChange" show-checkbox/>``` ```data() { return { data: [], id: 0 }},methods:...
2018-11-02 11:16:29
3464
转载 iView Table组件自定义
效果展示 代码如下resourcesColumn: [ { title: "文件名", key: "FileName", align: "left", width: 200, render: (h, params) => { var ...
2018-11-02 11:12:43
675
转载 vue页面的定时刷新
在做项目时我们肯定会遇到要求该页面几分钟去定时刷新一下获取最新数据这样的情况，那么这个时候我们就要使用setInterval()了。那么我们应该把定时刷新放在什么位置什么时候触发什么时候清除呢？这就需要我们了解vue的生命周期。首先贴一张从官网截下来的图吧。在该图上我已经标注了触发和清除的时期，那么我们在使用中还有几个需要注意的点。使用setInterval时this指向的问题。如果我...
2018-11-02 11:08:20
1528
原创 随记
写swagger：访问地址http://localhost:8040/swagger-ui.html 数据库配置相关：gpa,sql, postgresql 。。。pom文件中的相关配置不用时要删掉
2018-10-29 14:17:31
149
原创 前端直接访问swagger接口，跨域报错
前端报错截图： 访问外部接口出现跨域：@CrossOrigin1. 在后台写一个http请求封装一下，提供给前台2. 在前台解决跨域问题 postman和swagger可以访问，但是在用网页请求时会加上域，就会出现跨域问题...
2018-10-29 10:11:47
5078
原创 springboot项目报错---在a.impl中使用b.Impl
错误信息：Error starting ApplicationContext. To display the conditions report re-run your application with 'debug' enabled.11:14:43.841 ERROR org.springframework.boot.diagnostics.LoggingFailureAnalysisR...
2018-10-23 11:26:39
634
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人