柯基の小窝

效果图片 代码1234567891011121314151617181920212223242526272829<el-date-picker v-model="value1" type="monthrange" range-separator="至" start-placeholder="开始月份" end-placeholder="结束月份" :picker-options="pickerOptions" ></el-date-picker>curDate: "",pickerOptions: { onPick: ({ maxDate, minDate }) => { this.curDate = minDat ...

vue的slot主要分三种：默认插槽，具名插槽，作用域插槽使用插槽是在存在父子关系的组件，可以在子组件中决定插槽的位置，同时子组件也可以给这些插槽的默认信息，当父组件中没有需要给子组件插槽插入信息时，显示的是子组件插槽定义的默认信息。 默认插槽的使用：123456789101112131415// 默认插槽<slot></slot>// 子组件定义一个默认插槽<template> <div> <div class="testSolt"> <p class="title">普通插槽</p> <slot>默认的信息</slot> </div> <!-- 可以在子组件中定义多个默认插槽，并设置插槽的位置，父组件要插入的内容都会被填充到这些默认插槽中 --> <div style=& ...

首先安装插件12345npm install el-tree-transfer --save或者npm i el-tree-transfer -S安装 效果图 代码12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091<template> <div> // 使用树形穿梭框组件 <tree-transfer :title="title" :from_data='fromData' :to_data='toData' :defaultProps="{label:'label'}" @add-btn='add' ...

这是博主自己添加的，可能存在小瑕疵，有需求自行参考修改，也可以提供宝贵的建议O(∩_∩)O 效果预览 在node_modules\hexo-theme-butterfly\layout\includes\footer.pug中修改如下代码 示例源码 1234567891011121314151617181920#footer-wrap if theme.footer.owner.enable - var grt= new Date(theme.footer.se_time) //在此处修改你的建站时间 - var now = new Date() - var nowYear = now.getFullYear() - var days = (now - grt ) / 1000 / 60 / 60 / 24 - var dnum = Math.floor(days) i ...

首先在项目中下载Intro.js12345678//使用yarnyarn add Intro.js//npmnpm i Intro.js -S//cnpmcnpm i Intro.js -S 找到需要加新手引导的组件，导入Intro.js组件和样式12345678910111213141516171819202122232425262728293031323334353637383940<template> <div class="safetyInfo"> <ul> <li data-step="1" data-intro="1" >测试1</li> <li data-step="2" data-intro="2" >测试2</li> <li data-step="3" data-intro=& ...

实现效果展示 实现步骤第一步（新建组件） wxml12345678910111213141516<!--wxml--><view class="guide" wx:if="{{showGuide}}"> <view style="{{guideStyle}}" class="guide-box"> <view class="tips guide-step-tips" style="{{tipPosition}}"> <view class="text">{{ guideList[index].tips }}</view> <view class="tool-btn"& ...

js中使用filiter去重12345678910function unique(arr) { return arr.filter(function(item, index, arr) { //当前元素，在原始数组中的第一个索引==当前索引值，否则返回当前元素 return arr.indexOf(item, 0) === index; });}var arr = [1,1,'RUNOOB','RUNOOB',true,true,15];console.log(unique(arr))// [1, "RUNOOB", true, 15] 123456var arr = ['apple','strawberry','banana','pear','apple','orange','orange','strawberry ...

前端实现模糊查询效果话不多说，直接上代码。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364<template> <div class="safetyInfo"> <el-input placeholder="请输入" v-model="search" @input="submitFun" ref='searchInput'></el-input> <ul v-for="(list,index) in searchData" :key=&qu ...

背景最近公司想要开发一款桌面应用，在众多的跨平台桌面框架中，我选择了electron，主要的原因是electron使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。相对于其他桌面应用框架，electron相对于前端来说上手起来比较简单。因为之前的技术栈大部分用的Vue.js，所以想采用vue + electron的方式快速迁移之前的项目。 方法查阅了很多资料，我总结了以下几种方式进行融合。 1、electron-quick-start + vue 2、vue cli + electron 3、vue-electron 4、quasar + electron 5、vue-cli + vue-cli-plugin-electron-builder一、electron-quick-start + vuecli在electron官网中提供一个快速创建electron 项目的模板https://github.com/electron/electron-quick-start clone 模板到本地 使用npm install安装包（electron安装缓慢，后续更 ...

首先安装git，注册登录gitee码云。main分支： 新建仓库，开源为公开（其他选项不用管） 找到你要提交到gitee的项目右键选择Git Bash here。先全局配置 123git config --global user.name "gitee用户名"git config --global user.email "绑定邮箱" 首先，如果新项目没有使用过Git的话，险要初始化一下Git，切换到项目目录，终端执行git init即可，下面是三步也是在项目目录下执行的。下面这三步很重要： 检查项目的状态 12git status 把所有的文件都添加到暂存区 1git add . 在本地提交代码说明 1git commit -m "add files" 完成上面这三步后，再检查项目的状态，会提示没有文件需要提交了，然后就可以进行下面的操作，将本地仓库的代码提交到云端 正常情况下是在项目目录下执行如下两行命令： 12345<!-- gitee项目地址 -->git remote add origin ht ...