2 努力,加油,奋斗

尚未进行身份认证

我要认证

码奴生来只知道前进。努力,加油,奋斗

等级
TA的排名 7w+

记录vue-element-admin和服务器交互

官方连接:https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/essentials/server.html#%E8%AE%BE%E7%BD%AE%E5%A4%9A%E4%B8%AA-baseurl如果登录接口返回200,但还是进不去,可能是没get user info在user.js设置,返回的接口格式可以参考这个: const data = { avatar: "https://wpimg.wallstcn.com/f77

2020-09-11 15:56:32

判断手机是否安装app

直接上代码var userAgent = navigator.userAgent ;var url="",downUrl="";if(userAgent.indexOf("Android")>-1){ url='XXXXX';//安卓版App地址,由安卓同事提供 downUrl="XXXXXXXXX"; //安卓版App下载地址,由安卓同事提供}else{ url='XXXXXX://';//IOS版App地址,由IOS同事提供 downUrl="XXXXXXX

2020-08-19 10:44:40

vue拖拽三种方法

如果想拖拽排序的可以用组件:vuedraggable。以下是不用组件方法。方法1: 没用过,感觉不错,直接上连接https://www.cnblogs.com/carriezhao/p/11457841.html方法2:大概需求1:设置draggable="true"允许其被拖动<li draggable="true" @dragstart="drag($event)">拖拽内容</li><li @drop="drop($event,'item')" @dr

2020-08-05 16:50:57

css3动画延迟运行 animation-delay

1.语法animation: name duration timing-function delay iteration-count direction fill-mode play-state;2.说明name 指定要绑定到选择器的关键帧的名称duration 动画指定需要多少秒或毫秒完成timing-function 设置动画将如何完成一个周期delay 设置动画在启动前的延迟间隔。iteration-count 定义动画的播放次数。direction 指定是否应该轮流反向播放动

2020-07-01 12:02:04

js数组(找到第一个符合条件的元素)

找到第一个符合条件的元素/下标const arr = [1, 2, 3, 4, 5]const findItem = arr.find(item => item === 3) // 返回子项const findIndex = arr.findIndex(item => item === 3) // 返回子项的下标以前用的方法let findIndexarr.find((item, index) => { if (item === 3) { findIn

2020-06-20 15:10:14

element选择器,省市区三级联动,json格式跟官方不一样解决方法

使用的json格式跟官方不一样,如何解决,网上比较少,说一下我的解决方法官方json格式:我的json格式:效果图:直接正题如何解决:html <el-select @change="ProChanges" v-model="box.SupplierInfo.province" placeholder="请选择省份"

2020-05-19 17:49:17

封装验证数据

test.js文件:// 遍历json数组export function info(val) { let val2 = val == 123 ? "0" : "1"; return val2;}组件引入:import * as test from "@/common/data/test.js";methods里使用: info() { console.log(test.info("123")); //0 },...

2020-05-19 17:09:26

$router.resolve新窗口打开

有些时候需要在单击事件或者在函数中实现页面跳转,新窗口打开 let details = this.$router.resolve({ name: "/order/checkOrder", query: params, params: { catId: 1 } }); window.open(details.href, "_blank");在user_details页面中怎么接受通过路径传递过来的userId?let u

2020-05-09 09:58:53

nextTick源码浅析

使用 this.$nextTick(() => { this.msg2 = this.$refs.msgDiv.innerHTML })作用Vue.nextTick用于延迟执行一段代码,它接受2个参数(回调函数和执行回调函数),如果没有提供回调函数,那么将返回promise对象。源码/** * Defer a task to execute...

2020-04-29 11:10:16

程序化的事件侦听器$once,销毁定时器

通过 $on(eventName, eventHandler) 侦听一个事件通过 $once(eventName, eventHandler) 一次性侦听一个事件通过 $off(eventName, eventHandler) 停止侦听一个事件一般我们用不到,但是用定时器进行销毁的时候用:const timer = setInterval(() =>{ ...

2020-04-28 11:25:08

冥想

冥想一、选择基本的冥想1、不要把你冥想的原因过度复杂化——核心在于放松,并拒绝陷入日常生活的焦虑之中。找到安宁,控制焦虑2、选择一个简单的、基本的冥想项目来体会冥想的好处。从简单的坐式冥想开始,在安静的地方,只是集中注意力呼吸就可以啦。之后尝试其他方式的冥想,包括行走式冥想、指引式的冥想,以及关注于某个特殊事件或者问题的冥想等等。在这个过程中,一定要注意避免使用困难的姿势,也不要认为...

2020-04-25 11:05:46

Vue——关于css过渡和动画,v-enter 、v-enter-active

1. 单元素/组件的过渡transitionVue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点2. 过渡的类名在进入/离开的过渡中,会有 6 个 class 切换:v-enter 、v-enter-active、v-enter-to、v-leave、v-...

2020-04-20 12:34:07

NavMenu 导航菜单 二级导航 嵌套路由

html部分: <el-menu @open="handleOpen" @close="handleClose" background-color="#fff" text-color="#000" active-text-color="#ff1e1b" bo...

2020-04-01 18:30:38

vue分页组件代码

直接上代码,你们运行自行理解会比较深刻html部分: <div id="app"> <div class="page" v-show="show"> <div class="pagelist"> <span class="jump" :class="{disabled:starts}" @click="{curre...

2020-03-31 17:33:40

Ts修饰符

TypeScript修饰符

2020-01-30 20:39:49

vs code压缩插件与补全css前缀插件

1.Autoprefixer补全css前缀插件vscode扩展中搜索:Autoprefixer然后在css页面,ctrl+shift+p,选择autoprefixer,就可以自动全部添加好了2.Minify压缩插件在拓展商店里搜索“minify”,安装,安装成功后点重新加载使用:F1运行文件缩小器 Minify。2.1 JS&CSS Minifier 压缩插件...

2020-01-20 19:33:00

js点击复制

不多说直接上js点击复制 <!-- 点击复制 --> <p class="code" onclick="copyContent(this);">我要复制</p><input id="copy_content" type="text" value="" style="position: absolute;top: 0;left: 0;opacity...

2020-01-18 14:14:31

获取网易云音乐接口以及使用

不多说,直接上1.网易云音乐接口文档 https://api.imjad.cn/cloudmusic.md专辑图片可以直接网易页面获取2.不过网易很贴心,有给你直接用的链接:https://music.163.com/#/song?id=423228325https://music.163.com/#/outchain/2/27571483/直接复制就能用了3.播放器可修...

2020-01-15 19:47:10

Electron使用快速入门

Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。使用eletron前需要储备哪些知识1、首先需要熟练掌握前端的基础知识html,css,js2、有一定的node基础,知道...

2020-01-14 11:38:08

CSS动画 animation与transition

一、区分容易混淆的几个属性和值  先区分一下css中的几个属性:animation(动画)、transition(过渡)、transform(变形)、translate(移动)。CSS3中的transform(变形)属性用于内联元素和块级元素,可以旋转、扭曲、缩放、移动元素,它的属性值有以下五个:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix;...

2020-01-14 11:01:30

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。