- 博客(18)
- 收藏
- 关注
转载 表头数据样式变换
const header = [{ en: 'chanName', cn: '名称', fn: (row, v) => v }, { en: 'instChanId', cn: '链接', fn: (row, v) => { ...
2019-09-10 15:20:00
141
转载 九宫格菜单布局
<div class="province1"> <div class="pro-item" v-for="i in 9" :key="i"> {{i}} </div></div> .province1{ display: flex; flex-f...
2019-09-06 10:29:00
321
转载 -webkit-line-clamp下多行文字溢出点点点...显示实例页面
CSS代码:.box { width: 400px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}HTML代码:<div class="box"> 【大众点评...
2019-09-05 14:03:00
151
转载 生动形象解释forEach、filter、map、some、every、find、findIndex、reduce间的区别
https://juejin.im/post/5d08467fe51d451063431814https://www.cnblogs.com/wisewrong/p/9642264.html转载于:https://www.cnblogs.com/bbldhf/p/11408888.html
2019-09-02 15:28:00
142
转载 for - in 和for-of 的区别
let arr =[1,2,3,4]for(let i in arr){console.log(i)} 0 1 2 3for(let i of arr){console.log(i)} 1 2 3 4let obj={a:1,v:2}for(let i in obj){console.log(i)} a v...
2019-09-02 15:25:00
76
转载 常见的数组处理方式
情景1:如何把一个对象{'未完成':5, '已完成':8, '待确认':4, '已取消':6}转为[{"未完成":5},{"已完成":8},{"待确认":4},{"已取消":6}]对象的两种取值方式我们都知道,JS中对象有两种取值方式,通过在.后面直接加属性名取值,这也是我们最常使用的一种方式,例如:let obj = {name: 'wan'};console.log(...
2019-08-30 16:01:00
210
转载 用替换图标的方式实现当前高亮
需求1:实现输入框获取焦点时高亮需求2:实现表单验证需求3:实现通过绑定样式改变样式图标的方式实现高亮需求1核心代码如下:<div class="form"><div class="input"><label for="username">用户名</label><input type="text" na...
2019-08-11 21:50:00
181
转载 react结合redux实现tidolist小demo
主要是通过一个小的demo来体现redux的实现机制首先在你的项目src目录下新建一个store的文件夹在这个文件夹里面新建一个index.js文件第一步:npm或者yarn下载redux第二步:在index文件里面引入import {createStore} from 'redux'const strore =createStore()export def...
2019-07-26 15:00:00
179
转载 vue实现输入框搜索功能
<el-input v-model="searchVal" style="width:100%; margin-bottom:10px" placeholder="请输入内容"/>data(){searchVal: '',items: [{'tenantId': 36045,'orgId': 3604500002,'orgN...
2019-07-25 17:02:00
15585
转载 vue项目实现渲染列表获取当前点击项(高亮)
一个简单的例子:这是渲染列表的代码在data里设置一个初始值0,<div v-for="(item, index) in tochildren" :key="index" @click="currentIndex=index" :class="{style1:index==currentIndex}">{{item}}</div>也是实现需求的...
2019-07-22 23:07:00
994
转载 vue组件解决传值问题,有这几种就够了!
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家,坐着一屋子的陌生人,相互之间怎么称呼,这时就需要先知道自己和他们之间是什么样的关系。 vue组件中关系说明:...
2019-07-21 20:06:00
251
转载 vue2.0实现经典购物车案例
前段时间听说一段这样这样的话,如何你要快速在一个行业里习得工作的本领,那你的先掌握该领域最核心的20%的技能,根据二八定理,掌握这20%的技能知识你将可以解决该领域80%的问题。我们都知道学习vue最经典最有代表性的demo就是购物车。今天终于静下心来和大家分享一下自己写的一个购物车的案例。1.实现效果图如下所示页面很简单,所有的功能列和展示都是放在一个简单的tabl...
2019-07-21 14:52:00
1149
转载 react创建组件的两种方式
1. 使用构造函数来创建组件如果需要传参,在函数中加一个props参数来接受,并且必须向外return一个合法的jsx创建的虚拟DOM。//1. 组件名首字母为大写 2. 必须return 合法的jsx// 这里就可以相当于子组件function Hellow (props){ //props为父组件传过来的数据 //如果打印props的话,只要子组件用的到东西都会打印出来,在这...
2019-07-06 11:10:00
89
转载 vue-cli项目如何利用mock 模拟数据
第一步:在项目中安装mockjs、axios(http请求库) cnpm install mockjs axios --save第二步:在项目中新建一个mock.js文件,用于定义接口返回的数据 内容如下:const Mock = require('mockjs') // 获取mock对象const Random = Mock.Random // 获取r...
2019-06-22 22:52:00
100
转载 computed 和 watchers 及普通方法的区别
使用Computed properties(计算得到的属性)和watchers(监听器)很多时候,我们在页面上想要显示某个变量的值时,都需要经过一些计算, 例如:<div id="example"> {% raw %}{{{% endraw %} some_string.split(',').reverse().join('-') }}</div>...
2019-06-09 08:56:00
116
转载 v-cloak 和v-text指令
简单的理解就是v-cloak能够解决插入表达式闪烁问题,不会出现覆盖其他内容v-text 是没有闪烁的问题但是会覆盖原本的内容转载于:https://www.cnblogs.com/bbldhf/p/10924489.html...
2019-05-25 23:17:00
92
转载 关于水平居中+垂直居中+水平/垂直居中的方法总结
水平居中行内元素首先看它的父元素是不是块级元素,如果是,则直接给父元素设置text-align: center; (代码如下参考)<style> #father { width: 500px; height: 300px; background-color: skyblue; text-align:...
2019-05-24 20:25:00
85
转载 前端开发实习生跳槽面试经验
直接奔向主题吧,今天被一个hr面试,前后就问题我几个问题,但是结果可以说是非常不好。在这也给实习生准备跳槽提个醒:1.简历很重要,一般人事看简历就看两个一个是文凭,一个是你的项目经验,文凭是没有办法,是什么就是什么,若不是什么211 895,项目经验就显得格外重要,一般来说有几点是特别重要的(项目中用到什么技术、框架、你负责的模块、担任的角色、解决了哪些问题对应届生来说真的很重要...
2019-05-18 17:53:00
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人