1 dev_codes

尚未进行身份认证

我要认证

来了 老弟

等级
TA的排名 10w+

vue-video-player

javascriptvideo.jswebpackvideo.js是一个优秀的视频播放器库,不过官网的示例中,是作为全局变量videojs引入的。如果我们的项目使用ES6风格的模块,用webpack来做打包的话,就需要做一些额外的工作。本文介绍我在使用的时候遇到的一些“坑”。基本使用方法直接从npm安装video.js,然后就可以在代码中使用video.js了。npminstallvideo.js--saveimport videojs from 'video.js';vi...

2020-09-21 23:36:08

vue中使用video-js预览视频

1:安装cnpm i vue-video-player -S2:引用:在main.js中引用import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.use(VideoPlayer)3:使用(结合你使用框架的dialog即对话框) <video-player

2020-09-13 23:03:28

axios携带cookie配置详解(axios+koa)

前端配置如下:axios.defaults.withCredentials = true; //配置为true axios.post('http://localhost:3000/tpzdz/vote/all', { openid: 'oJ0mVw4QrfS603gFa_uAFDADH2Uc', date: '2018-11-21'}).then(function (response) { console.log(response)})前端配置withCredentials = t

2020-09-12 22:47:15

Element-ui上传一张图片完成后隐藏加号

<el-upload :action="https://www.upload.baidu.com" list-type="picture-card" :class="{ disabled: uploadDisabled }" :limit="1" :on-success="handleAvatarSuccess" :on-change="handleChange" :on-remove=".

2020-09-12 11:39:03

微信小程序图片缓存策略

昨天,后端给我提了一个问题:他更换了CDN上的图片,但是他打开小程序来看,还是旧图片,他尝试过删除小程序,重新进,还是旧图片。我第一反应是:“你有没有清CDN缓存?“他说:”我在阿里云CDN控制台刷新缓存了,都两三天了,还是旧图片。”(后来我看过刷缓存记录,一天前刚刷的,他夸张了。。。)我说:“那不应该呀,CDN刷新缓存,5分钟就生效了。”当即拿出我的手机,进小程序看了一下,是新的图片。他赶紧拿出他的手机给我看,果然,不管试多少次,都是旧图片。我说:”你这个图片是文件名没改,请求地址

2020-09-01 11:18:29

2020-08-29

vue devtools无法使用打赏目录一、总结 一句话总结: 二、vue调试工具Devtools不出现的解决方式回到顶部>一、总结(点击显示或隐藏总结内容)一句话总结:没显示vue devtools调试工具的原因是用了生产环境的版本或是压缩的vue版本,或是没有勾选:允许访问文件网址回到顶部二、vue调试工具Devtools不出现的解决方式转自或参考:vue调试工具Devtools不出现的解决方式https:...

2020-08-29 14:11:03

h5分享钉钉卡片、链接自动识别卡片

分享官方文档引入SDK<scriptsrc="https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.open.js"></script>定义方法: //钉钉分享 share() { dd.ready(function() { dd.biz.navigation.setRight({ ..

2020-08-28 14:08:23

微信小程序cover-view的坑

原生组件在真机的表现不同显示层级问题原生组件不支持z-index改变显示层级,后面的标签会在顶层显示iOS cover-view文字显示不出来的问题iOS上部分CSS样式不支持,如果使用了会导致文字显示不出来,可能造成影响的有display: flex;flex-direction: column;justify-content: center;align-items: center;iOS cover-view文字显示半截iOS上计算宽高有问题,解决办法是使用固.

2020-06-24 13:43:03

移动端禁止缩放页面

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />/*width // 设置 viewport 的宽度,正整数/字符串 device-widthheight // 设置 viewport 的高度,正整数/字符串 device-heightinitial-scale // 设置设备.

2020-06-23 15:58:10

手机号,邮箱验证 判断空...

export function isvalidUsername(str) { const valid_map = ['admin', 'editor'] return valid_map.indexOf(str.trim()) >= 0}/* 合法uri*/export function validateURL(textval) { const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&amp.

2020-06-11 12:39:36

微信小程序使用echarts

官网文档官网有详细介绍,只需要下载组件,引入小程序,再去官网熟悉echarts常用配置就可以了。【demo】import echarts from '../../components/ec-canvas/echarts.js'注意点1:在要使用的页面js先引入,官网好像说漏了这点。不过是这个会包含所有图表,体积会有七百多Kb,导致项目体积过大,可以根据自己使用的功能选择对应图表...

2020-05-07 22:35:32

vue和微信小程序的区别、比较

一、生命周期先贴两张图:vue生命周期小程序生命周期相比之下,小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。onLoad: 页面加载 一个页面只会调用一次,可以在onLoad中获取打开当前页面所调用的query参数。 onShow: 页面显示 每次打开页面都会...

2020-03-31 23:51:27

vue 生产环境去除console

vue cli 3.x安装依赖库$ npm install babel-plugin-transform-remove-console --save-dev# or$ yarn add babel-plugin-transform-remove-console --dev【babel.config.js】配置如下const plugins = ["@vu...

2020-03-30 10:40:07

vue-admin 登录权限与路由守卫

使用vue开发后台管理系统,除了路由与页面搭建,最主要的还有登录权限与路由守卫。因为直接使用的vue-admin-element的后台管理系统,其中已经做了登录权限的管理,此次记录是为更好的梳理适合自己项目的流程,以及后续的查看与补充。vue-admin-element模板地址:https://github.com/PanJiaChen/vue-element-adminvue-admin...

2020-03-22 22:08:32

npm 切换淘宝镜像几种方式

shift +右键打开shell窗口淘宝 npm 地址:http://npm.taobao.org/如何使用 有很多方法来配置npm的registry地址,下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例:1.临时使用npm --registry https://registry.npm.taobao.org install express2.持久使用...

2020-03-11 15:43:09

vue的mixins的使用

mixins就是混入。一个混入对象可以包含任意组件选项。同一个生命周期,混入对象会比组件的先执行。1.创建一个test.js,用export暴露出mixins对象export const mixinsTest = { methods:{ hello(){ console.log("hello"); ...

2020-03-08 11:15:10

详解vuex之store拆分即多模块状态管理(modules)篇

了解vuex的朋友都知道它是vue用来集中管理状态的容器,如果了解过Reduce的朋友可能看见他时就会非常熟悉,都是用来管理全局的状态的,实现不同组件之间相互的数据访问。这里我们不介绍vuex,主要介绍vuex拆分store以及多模块管理。我们知道如果一个项目非常大的话状态就会非常的多,如果不进行分类处理,所有的状态都维护在一个state里面的话,状态管理就会变得非常的混乱,这样非常不利于项目的后...

2020-03-07 23:09:56

深入理解vuex2.0 之 modules

什么是module?背景:在Vue中State使用是单一状态树结构,应该的所有的状态都放在state里面,如果项目比较复杂,那state是一个很大的对象,store对象也将对变得非常大,难于管理。module:可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰,方便管理。怎么用module?一般结构? 1 2...

2020-03-07 23:08:48

vue中引入.svg图标,使用iconfont图标库

阿里巴巴的iconfont是一个很好的图标库,海量的素材可以快速满足开发人员日常对图标的诉求,我们采用symbol引用,官方介绍创建SvgIcon组件<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"></use&gt...

2020-03-06 21:18:54

Set,Map 数据结构遍历

Array可以使用下标,Map和Set不能使用下标,ES6引入了iterable类型,Array,Map,Set都属于iterable类型,它们可以使用for...of循环来遍历:var a = ['A', 'B', 'C'];var s = new Set(['A', 'B', 'C']);var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);...

2020-02-28 15:27:47

查看更多

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