2 qq_42221334

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 7k+

简单音乐播放器,可拖动进度条。完整代码demo

效果图:可播放暂停继续播放,进度条可拖动,时间展示,声音调节完整代码(直接拿来用)<!DOCTYPE html><html><head><meta charset="utf-8"><title>audio功能开发</title> <style> * { margin:0; padding:0 } .music-range { width:350px;

2020-05-22 19:06:27

景区自定义手绘地图叠加

地图上嵌套手绘地图--实现效果:这里用到了地图的图层简单一个完整Demo代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com.

2020-05-09 11:06:38

vue中引用echarts设置渐变色new echarts不能用

需求需要设置透明渐变区域,在https://gallery.echartsjs.com中找到如下图其中渐变透明色代码中的color: new echarts 设置完报错color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, ...

2020-03-03 11:45:59

点击图片下载保存(完整demo代码全)

需求:点击图片下载,看了好多都没实现 ,加 download测试也没成功原因:浏览器已经限制死跨域下载多媒体文件的各种方式。最正规的办法还是让后端做一次转发。请求后端,后端向第三方请求文件,返回给前端,前端保存文件。不过在网上找了下用canvas的方式前端实现点击图片另存完整代码:<!DOCTYPE html><html> <head&...

2019-09-07 15:19:42

vue上传OSS前端实现直传阿里云

看了好多例子终于走通了,下面例子为前端暴漏了信息的简单实现过程,实际上需后端配合返回需要的信息参考了这些文章https://www.cnblogs.com/ldlx-mars/p/7985758.html OSS存储https://www.cnblogs.com/yw-elm/p/VUEli-yongOSS-BrowserJSSDK-shi-xian-a-liOSS-qian-d.ht...

2019-09-03 17:59:41

vue技巧

方法绑定 {{ name() }} 返回 展示:<template> <div>{{name()}}</div></template><script> export default { data{ return { text:"是?" } ...

2019-08-29 14:41:49

随鼠标拖拽demo(完整代码)

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> body{ margin:0; ...

2019-08-28 11:11:27

vue实现循环滚动列表vue-seamless-scroll

1.安装vue-seamless-scroll 实例文档链接cnpm install vue-seamless-scroll --save2.文件中引入,组件配置import vueSeamlessScroll from 'vue-seamless-scroll'3.使用<template> <vue-seamless-scro...

2019-08-24 17:33:16

vue中v-html渲染出来的元素添加样式

<span v-html="ExhibitionData.content" id="Content"></span></li>不能直接在 <style></style> 中修改css样式 这应该是vue中虚拟dom渲染的元素无法修改样式;方法1:在updated生命周期函数中,js动态配置样式(这里引入了jQ,可以用原生...

2019-08-19 14:59:29

vue导出excel(简单方法完整介绍)

1.安装插件cnpm install vue-json-excel2.min.js中引入使用import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)3.直接在页面中使用<download-excel class = "export-excel-...

2019-08-14 14:40:33

vue实现按字母选择城市,点击字母跳转对应项目demo(含修改滚动条样式)代码全

先上图如下:按字母获取城市 json :链接:https://pan.baidu.com/s/1FgkftNLfFLvx9_xNdFU6RQ提取码:mwqd需求:顶部接口获取热门城市及城市Id,中部通过点击哪个字母底部自动跳转到哪个字母那一项获取城市id!只能点击二级城市!上代码↓↓↓↓ 请自动略过多余代码<template> <div clas...

2019-08-12 14:04:13

vue基于elementUI代码部署后图标不显示

问题原因:查看/build/webpack.base.conf.js文件可以发现,woff或ttf这些字体会经由url-loader处理后在static/fonts目录下生成相应的文件。也就是说实际应该通过/static/fonts/**路径来获取字体图标,而实际却是请求/static/css/static/fonts/**,自然报错误。解决办法:在build/...

2019-08-09 16:41:01

网页中添加QQ链接,别人一点就能和我进行QQ聊天

最简单的一句代码也能实现 中间的 QQ号可更改<a href="tencent://message/?uin=974260693&Site=&Menu=yes">点我和好友聊天</a> 这个直接在腾讯QQ推广里用自己帐号注册一下,然后会生成一段代码,包含唤起QQ的链接;直接拿来用就行!传送门 QQ推广https://shang.q...

2019-08-09 11:40:28

css3实现动画效果完整代码demo

过渡渐隐适合两张图片调整其中一个透明度,完整代码:<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />...

2019-08-06 11:02:35

拖动进度条效果完整demo代码全(jq百分比)

完整代码:<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <script type="tex...

2019-08-06 10:16:56

vue基于elementUI下拉Select同时获取value和label的值

碰到脑残架构师系列——Select通过接口获取列表tableData,选择onSelectedDrug 后获取参数:id直接获取 但 name 需要多加个匹配<el-form-item label="控制系统" :label-width="formAddLabelWidth" prop="controlSystemName "> <el...

2019-07-30 16:30:55

vue添加动态粒子背景,可设置形状,大小,速度,数量...

截取了一部分的效果图vue项目中安装vue-particles插件1.安装npm install vue-particles --save-dev2.main.js引入import VueParticles from 'vue-particles'Vue.use(VueParticles)3.引入代码<vue-particles co...

2019-07-29 16:13:19

vue基于elementUI选择表格数据

.代码:<template> <div class="table_wrap"> <el-table :data="tableData" size="mini" stripe style="width: 100%" border ref="multipleTable" @selection-change="handleSel...

2019-07-26 17:42:56

vue基于elementUI表格状态判断展示

判断一条数据的状态展示相应的内容方法如:status(状态(-1:待处理,0:关闭,1:已反馈,2:未解决,3:已解决)), 通过 v-if 判断显示对应的状态代码:<div style="padding:15px 20px;"> <el-table size="mini" stripe :...

2019-07-25 15:16:26

vue项目打包成安卓app步骤(Hbuilder打包)

1.首先保证vue项目正常的,再用自带的打包程序 运行npm run build打包完成后代码在根目录dist 文件夹内,2.然后在Hbuilder中打开这个dist文件夹,这时,这个项目是web应用的项目需要把它转成app应用的项目,鼠标右键转换成移动app,dist的图标会由 W 变成 A3.打开dist目录下的index.html,格式化一下代码在每个有...

2019-07-18 18:13:16

查看更多

勋章 我的勋章
  • 领英
    领英
    绑定领英第三方账户获取
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。