5 小城听风雨

尚未进行身份认证

我要认证

有些鸟儿注定是关不住的, 它们的每一片羽毛都闪耀着自由的光辉

等级
TA的排名 3w+

基于iview-封装定制化的穿梭框组件

基于iview-封装定制化的穿梭框组件PM那边需求如下:** 效果图如下:**代码如下:<template> <!-- 穿梭组件 --> <div class="transferTpl"> <div class="left"> <div class="title"> <span>{{ leftTitle }}</span>

2020-05-28 20:27:11

基于iview封装的定制化select下拉菜单

基于iview封装的定制化select下拉菜单前天PM那边给了个UE图,上面有这么个需求:iview没有内置的这种类型的组件,因此,自己着手封了一个(一言不合就封它!)而且select在该需求的基础上增加了一些功能: 1. 是否需要默认状态下自动显示全选 2. select宽度自定义 3. 支持父组件v-if下的显示隐藏该select子组件完成效果如下:代码如下:<template> <!-- 定制下拉菜单组件 & 开放搜索、多选功能

2020-05-28 20:12:09

Vue 强制刷新页面,或者指定div进行刷新

Vue 对指定div进行强制刷新<template> <div v-if="isReloadData"> 假如在这个div里面修改了某些数据,或者是 props 带过来的数据,又或者是通过 funcation 动态设置的属性属性, 可能在修改之后不会进行刷新展示最新的数据 </div></template><script>export default { data () { return {

2020-05-26 15:14:06

找出数组中只出现一次的元素

找出数组中只出现一次的元素第一种:indexOf()和lastIndexOf(),只要两个相等,就是只出现一次的数。function FindNumsAppearOnce(array){ // return list, 比如[a,b],其中ab是出现一次的两个数字 var res = []; for (let i = 0;i<array.length;i++){...

2020-03-25 15:33:55

手动实现一种时间复杂度为 O(n log n) 的排序算法。

手动实现一种时间复杂度为 O(n log n) 的排序算法。解决思路:快速排序 - 时间复杂度为 nlognvar quickSort = function (arr) { if (arr.length <= 1) { return arr; } var centerIndex = Math.floor(arr.length / 2); // 取中间基准 v...

2020-03-24 14:37:39

实现一个函数, // 判断一个给定整数数组中是否存在某两个元素之和恰好等于一个给定值 k, // 存在则返回 true,否则返回 false。

实现一个函数,判断一个给定整数数组中是否存在某两个元素之和恰好等于一个给定值 k,存在则返回 true,否则返回false。该函数的输入参数有两个,第一个参数为整数数组 nums,第二个参数为整数 k,返回值为布尔值。【不要使用排序!要求时间复杂度为O(n),n 为数组长度】解决思路:遍历每个元素,让指定值减去每一个元素,得到的数字再判断是否在数组中存在,存在返回true,否则返回fa...

2020-03-24 13:53:32

解决vue打包完element图标找不到、文件、图片路径报错等问题

解决vue打包完element图标找不到、文件、图片路径报错等问题第一步:找到build->utils.js文件,加 publicPath: '../../'if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader',...

2019-12-27 13:12:11

vue input 回车事件

普通vue input:@keyup.enter="onSubmit"element el-input:@keyup.enter.native="onSubmit"

2019-12-25 14:38:23

什么是web语义化?

一、什么是web语义化?web语义化是指,通过html标记表示页面包含的信息,包含了HTML标签的语义化和Css命名的语义化。其中,html标签语义化是指,包含语义的标签恰当的表示文档结构,例如h1-h6总结起来就是:正确的标签做正确的事情页面内容结构化无CSS样子时也容易阅读,便于阅读维护和理解便于浏览器、搜索引擎解析。 利于爬虫标记、利于SEO二、web语义化有什么好处...

2019-12-23 17:11:29

表现与数据分离

表现与数据分离:表现:顾名思义,就是表达出来的现象,在前端来看,就是html+css,就是平常所看到的的网页的架子;数据:一般是从后端数据库或从哪爬过来的数据,然后在前台显示出来,即是网页中各个结构上的内容;好处与坏处:好处:模块化 –> 容易测试 –> 降低bug频率;坏处:程序结构复杂,比较耗时,上手有学习曲线;应用场景:项目具有明显的数据需求,比如要与很多...

2019-12-23 16:50:15

字符串截取:split()

split()split() 方法用于把一个字符串分割成字符串数组。语法stringObject.split(separator,howmany)separator。必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。howmany。可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串...

2019-12-23 14:24:34

arr.concat()、arr.slice()、arr.splice()

arr.concat()arr.concat()语法与定义:concat() 方法用于连接两个或多个数组。arrayObject.concat(arrayX,arrayX,......,arrayX)必需。arrayX该参数可以是具体的值,也可以是数组对象。可以是任意多个。基于当前数组中的所有项创建一个新数组。简单的说,concat()先给当前数组创建一个副本,然后将接收到的参数添加到这...

2019-12-23 14:09:00

ES6 - Object.assign()

ES6 - Object.assign()语法与定义:Object.assign方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target)。Object.assign方法的第一个参数是目标对象,后面的参数都是源对象。const target = { a: 1 };const source1 = { b: 2 };const source2 = {...

2019-12-23 13:29:28

vue动态绑定input,动态添加input

vue动态绑定input,动态添加input技术:vue+elemen-ui原理:数组遍历出input,每点一下push一次。<template> <!-- test 测试使用 --> <div class="test"> <div v-for="(module,index) in modules" :key="index"&gt...

2019-12-19 17:20:11

ref、refs、nextTick()

ref、refs、nextTick()ref、refs:// 组件div<navbar ref="navbar></navbar>// 组件Vue.component('navbar',{ template:'#navbar', data:function () { return { id:1, ...

2019-12-18 17:07:46

vue - 父子组件通信

vue 父子组件传参

2019-12-18 16:35:09

关于element-ui el-backtop返回顶部组件无效问题

关于element-ui el-backtop返回顶部组件无效问题el-backtop绑定的盒子,需要一个滚动样式:overflow-y: scroll;<template> <div id="app"> <router-view /> // 绑定app盒子 <el-backtop target="#app" :vis...

2019-12-18 16:23:39

router-link传递对象

router-link传递对象传递:JSON.stringify(obj)}获取:JSON.parse(decodeURIComponent(obj))<router-link :to="{name:'detail', query: {item:JSON.stringify(firItem)}}" target="_blank">{{ firItem.name.r...

2019-12-16 17:21:20

判断对象下所有键值对key-value中value值是否为空?

判断对象下所有键值对key-value中value值是否为空?let obj_v = {a:1,b:2,c:""};if(isObjEmpty(obj_v)) { console.log("该对象value值全部为空!");}// 封装function isObjEmpty(obj) { let flag = true; let arr = Object.keys(obj).m...

2019-11-25 15:09:00

vue路由跳转四种方式以及区别

vue路由跳转四种方式以及区别router-link不带参数:to="{path:'/home'}"> //name,path都行, 建议用name //注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由开始。 ```...

2019-11-25 14:06:05

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。