09 2020 档案

react 和 vue 的比较
摘要：比较 vue react (npx create-react-app my-app) 点击事件和类的命名 <div @click="toclick" class='btn'></div> <div className="img-wrap" onClick={() => this.toMv(item. 阅读全文
posted @ 2020-09-28 13:59 栀夏。 阅读(103) 评论(0) 推荐(0)
时间格式化为yyyy-mm-dd hh:mm
摘要：// 格式化为yyyy-mm-dd hh:mm export const formatDate = ms => { console.log(ms) if (!ms) return '' const date = new Date(ms) let year = date.getFullYear() l 阅读全文
posted @ 2020-09-25 15:50 栀夏。 阅读(131) 评论(0) 推荐(0)
vue 多个audio播放 一个audio播放其他audio禁止播放
摘要：页面： <div class="right"> <audio :ref="'audio' + index" :src="item.audioUrl" @ended="haveEnded"/> <div :class="{ active: playIndex == index}" class="aud 阅读全文
posted @ 2020-09-24 15:25 栀夏。 阅读(2512) 评论(2) 推荐(0)
vue 之移动端弹层打开，禁止页面滑动
摘要：第一种： bodyScroll(event) { event.preventDefault() }, stopScroll () { document.body.style.overflow = 'hidden' document.addEventListener('touchmove', this 阅读全文
posted @ 2020-09-21 16:11 栀夏。 阅读(209) 评论(0) 推荐(0)
vue中 根据音频 获取音频的时长
摘要：<template> <audio ref="audioUrlRefText" :src="fileUrl"/> </template> 方法中： clientGetRadioTime () { let audio = this.$refs.audioUrlRefText if (audio.rea 阅读全文
posted @ 2020-09-18 17:44 栀夏。 阅读(3152) 评论(0) 推荐(0)
获取dom位置信息
摘要：getDomPosition (dom) { if (dom) { return Array.from(dom).map(node => { let style = null if (window.getComputedStyle) { style = window.getComputedStyle 阅读全文
posted @ 2020-09-18 17:36 栀夏。 阅读(287) 评论(0) 推荐(0)
react笔记
摘要：1.react 不使用模板 不是mvc框架 响应式 轻量级js库 2虚拟Dom 确保对界面上真正发生的部分进行实际的Dom操作，逐层次的来进行节点比较。 3.react 环境搭建 React react-dom.js babel.js es6转es5 JSX转JavaScript 下载 npm I 阅读全文
posted @ 2020-09-18 17:32 栀夏。 阅读(210) 评论(0) 推荐(0)
Git 基础命令
摘要：拷贝项目：git clone + 地址 创建分支： git branch + 分支名 创建并进入分支 git branch -b + 分支名 查看状态： git status 添加 所有文件到暂存区 ： git add . 提交：git commit -m 拉取： git pull 推送：git p 阅读全文
posted @ 2020-09-18 17:18 栀夏。 阅读(95) 评论(0) 推荐(0)
vue 笔记
摘要：新建项目 vue init webpack ”项目名称“ 安装element-ui cnpm i element-ui--save main.js导入element-ui： import ElementUI from 'element-ui'; import 'element-ui/lib/them 阅读全文
posted @ 2020-09-18 17:16 栀夏。 阅读(109) 评论(0) 推荐(0)