- 博客(18)
- 收藏
- 关注
RSS订阅转载 表头数据样式变换
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关注的人