![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端经验
xueyue616
这个作者很懒,什么都没留下…
展开
-
工作过程中有关css总结
超过最大高度出滚动条:.collapseClass { max-height: 758px; overflow: auto;}原创 2020-06-01 13:45:31 · 184 阅读 · 1 评论 -
vue中mixins的理解及应用
vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别?mixins混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。当组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。mixi...转载 2020-04-08 09:48:29 · 358 阅读 · 0 评论 -
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 · 212 阅读 · 0 评论 -
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 · 678 阅读 · 0 评论 -
浅谈Vue内置component组件的应用场景
这篇文章主要介绍了浅谈Vue内置component组件的应用场景,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧官方的说明渲染一个“元组件”为动态组件。依 is 的值,来决定哪个组件被渲染。 1 2 <!-- 动态组件由 vm 实例的属性值 `componentId` 控制 --> <compon...转载 2020-04-08 09:37:20 · 553 阅读 · 0 评论 -
大型前端项目的架构
将应用程序拆分成许多小组件是很好的做法,但存在某些潜在的问题值得思考:1.模块可重用性有多少一个模块是否可以独立存在?如果在你的项目里随便找一个模块,可否让我直接放在一个新的页面里就可以开始运行了呢?你也许会质疑这样做背后的理由,不过我还是建议你得考虑未来:如果你的公司决定多个应用里都加入某个相同的功能,是否可以很简单完成呢?例如,有人说:“我们的用户很喜欢我们开发的聊天功能,我们把这个功...转载 2020-03-31 09:48:43 · 802 阅读 · 0 评论 -
iview table render中使用自定义封装的组件写法
父组件table中的render写法: { title: "TypeDefinition", key: "typeDefinition", render: (h, params) => { return h("div", [ h(DynamicSelect, {...原创 2020-01-19 14:23:33 · 1387 阅读 · 0 评论 -
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 · 1128 阅读 · 0 评论 -
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 · 587 阅读 · 0 评论 -
关于iview表单验证的问题
关于iview表单验证的问题iview表单验证的步骤:第一步:给 Form 设置属性 rules :rules 第二步:同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=" " 第三步:注意:Form标签里面是 :model 第四步:注意:在Form标签里面必须添加 ref,相当于id,在此范围内的表单验证有效 第五步:在操作保存按钮时,添加方法...转载 2019-05-15 10:52:30 · 296 阅读 · 0 评论 -
js编码规范
js编码规范1 前言JavaScript在百度一直有着广泛的应用,特别是在浏览器端的行为管理。本文档的目标是使JavaScript代码风格保持一致,容易被理解和被维护。虽然本文档是针对JavaScript设计的,但是在使用各种JavaScript的预编译语言时(如TypeScript等)时,适用的部分也应尽量遵循本文档的约定。2 代码风格1. 结构 [强制] 使用 4 ...转载 2019-04-30 17:54:06 · 269 阅读 · 0 评论 -
iview+Vue 知识整理(持续补充)
1、iview组件事件额外传参 在使用iview的组件时,希望在其定义的某个钩子事件处理函数中传递一个额外参数,同时又不影响该钩子事件默认的返回值,以iview中Select组件为例,on-open-change事件是有默认返回值event,保留event返回值的情况下,额外传递一个id参数,$event参数即表示on-open-change默认返回的参数,写法如下:<...原创 2019-04-28 15:07:03 · 538 阅读 · 0 评论 -
Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例
element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5517 - Vue 2的移动UI元素 vue-material ★2790 - 通过Vue Material和Vue 2建立精美的app...转载 2018-08-31 10:54:10 · 364 阅读 · 0 评论 -
2018年最值得关注的30个Vue开源项目
原文链接:blog.fundebug.com译者按: 学习优秀的开源项目是提高代码水平最有效的方式。原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译者: Fundebug为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。在过去的一年中,我比较了近300...转载 2018-08-31 11:06:58 · 316 阅读 · 0 评论 -
vue-demo示例
Vue-cnodejs - 基于vue重写Cnodejs.org的webapp NeteaseCloudWebApp - 高仿网易云音乐的webapp vue-zhihu-daily - 知乎日报 with Vuejs vue-wechat - vue.js开发微信app界面 vue2-demo - 从零构建vue2 + vue-router + vuex 开发环境 eleme - 高仿...转载 2018-08-31 11:17:47 · 1260 阅读 · 0 评论 -
vue常见前端UI库
vue常见前端UI库VUE资源汇总:https://github.com/RuMengkai/awesome-vue VUX(移动端)项目文档:https://vux.li/#/github地址:https://github.com/airyland/vux移动端采用vux的单页面应用:https://github.com/rumengkai/vue-spa.git ...转载 2018-08-31 11:20:32 · 459 阅读 · 0 评论 -
前端直接访问swagger接口,跨域报错
前端报错截图: 访问外部接口出现跨域:@CrossOrigin1. 在后台写一个http请求封装一下,提供给前台2. 在前台解决跨域问题 postman和swagger可以访问,但是在用网页请求时会加上域,就会出现跨域问题...原创 2018-10-29 10:11:47 · 5062 阅读 · 0 评论 -
从后台请求数据并解析json数据
背景:由于ajax采用同步方式请求数据,如果将解析方法写在ajax里面不存在问题,但是,如果在解析时出现循环比较复杂的结构时,效率不高,因此:先去取数,取到之后,再去解析。单独分开后,这时再去取数解析便会出现取出数据不全,导致解析出错,必须加promise解决同步问题,保证在取完数据后再解析。 使用方法:getCurrClkNodeDataList(node){ ...原创 2018-11-02 11:42:29 · 974 阅读 · 0 评论 -
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 · 1446 阅读 · 0 评论 -
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 · 422 阅读 · 0 评论 -
迭代项目前端编码bug总结(持续补充)
1. 数组,map,对象定义为全局时,注意考虑,再次使用时先清空。map方法:https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014345007434430758e3ac6e1b44b1865178e7aff9082e0002. 前后台传参注意事项:在写代码时注意...原创 2019-04-15 11:33:36 · 437 阅读 · 0 评论 -
前端---初印象
前端到底要不要学后台 前端到底要不要学后台,这个问题估计困扰了很多个要入行的小哥,而且各大招聘信息上很多都写着需要了解一到两门后台语言优先。这一点让很多小伙伴很方啊。 那么要不要学了,我的观点的是需要了解,不需要深入学。 为什么这样讲了?首先,从逻辑上来讲。如果你一个做前端的去公司还要做后台的工作,那么不直接招一个更加专业的后台人员了?讲道理,现在市场上的后台技术人员是比前端要多的,就你的...转载 2018-06-08 17:04:31 · 321 阅读 · 0 评论