![](https://img-blog.csdnimg.cn/20210508194925363.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端实战
文章平均质量分 52
前端实战
朝阳39
钟爱编程,偏前端开发,欢迎私信我加入EC尽享编程俱乐部共同学习,交流成长!
展开
-
vue实战——登出【详解】
【代码】vue实战——登出【详解】原创 2023-11-10 14:45:32 · 195 阅读 · 0 评论 -
【wavesurfer.js实战范例】多区域音频标注(含区域实时切换显示)
通过多选框,实现多区域显示的实时切换原创 2022-11-03 15:36:13 · 993 阅读 · 0 评论 -
实战范例——中文文章排版
实用网页文章排版技巧汇总!原创 2022-08-17 09:30:38 · 171 阅读 · 0 评论 -
vue + element UI【实战】音乐播放器/语音条(内含音频的加载、控制,事件监听,信息获取,手机网页阴影的去除等技巧)
相关技巧,详见注释<template> <!-- 音乐播放器 --> <div class="container"> <h2>{{ musicName }}</h2> <audio ref="Ref_audioPlayer" controls :src="audioPathDic[musicName]" @ended="overAudio" @pause=.原创 2022-01-27 21:30:56 · 6695 阅读 · 1 评论 -
实战案例——点击图片全屏显示
效果见 https://demo.cssworld.cn/selector/12/2-1.php<h4>点击查看大图</h4><div id="img" class="cs-img-x"> <img class="cs-img" src="/images/common/l/1.jpg"></div>:fullscreen .cs-img { position: absolute; left: 50%; top:转载 2022-01-05 17:50:22 · 586 阅读 · 0 评论 -
大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem)
大屏自适应的核心目标有:字体大小随屏幕尺寸自适应变化详见下文自动撑满全屏可参考我的博客弹性布局(使用 css 的flex布局)可参考我的编程笔记使用flexible.js + rem实现字体自适应flexible.js用于根据屏幕尺寸变化动态调整根元素的字体大小。rem(font size of the root element)则是相对于根元素的字体大小单位。具体用法如下:1.新建flexible.jssrc\pages\AIcall\utils\flexi原创 2021-08-30 20:58:42 · 13333 阅读 · 4 评论 -
vue实战——电子时钟
html <div class="dateBox"> <div class="time">{{ time }}</div> <div class="date">{{ date }}</div> </div>css.dateBox { background-image: url("~@/assets/images/时间.png"); background-repeat: no..原创 2021-08-30 15:37:14 · 1746 阅读 · 0 评论 -
js 下载文件(根据URL下载文件,根据URL下载图片)
根据URL下载图片 // 根据URL下载图片 function downloadImgURL(url, name) { let image = new Image(); image.setAttribute("crossOrigin", "anonymous"); image.src = url; image.onload = () => { let canvas = document.crea.原创 2021-08-13 14:11:25 · 1796 阅读 · 1 评论 -
【博客】 日期格式化显示,判断是否是最后一页等,悬浮显示菜单
日期格式化显示——几天前,几小时前(vue过滤器,moment格式化、中文化)判断是否是最后一页当返回数据的数量 < 每页的数量时,即可确定,当前页为最后一页原创 2021-05-23 21:58:25 · 162 阅读 · 0 评论 -
koa2使用svg-captcha生成验证码接口(含前端vue项目中使用)
koa项目中安装插件svg-captchanpm i --save svg-captchasrc\api\captcha.jsconst svgCaptcha = require('svg-captcha');function getCaptcha(ctx) { // 若创建算数式验证码,将create改为createMathExpr const newCaptcha = svgCaptcha.create({ size: 4, //验证码长度..原创 2021-05-07 20:16:00 · 1572 阅读 · 2 评论 -
返回按钮——没有上一页的URL时,跳转到首页(document.referrer的妙用)
以下情况会导致页面没有上一页的URL:直接在浏览器地址栏中输入地址; 使用location.reload()刷新(location.href或者location.replace()刷新有信息); 在微信对话框中,点击链接进入微信自身的浏览器; 扫码进入QQ或者微信的浏览器; 从https的网站直接进入一个http协议的网站 a标签设置rel="noreferrer" meta标签来控制不让浏览器发送referer;<meta content="never" name="referr原创 2021-04-20 14:16:13 · 292 阅读 · 0 评论 -
上传本地代码到github
目录1. 登录github官网2. 新建一个仓库3. 将远程仓库同步到本地4. 将要上传的文件拷贝到 git 仓库文件夹中5. 执行命令上传文件1. 登录github官网https://github.com/若还没有账号,请自行注册https://github.com/join?source=login2. 新建一个仓库得到该仓库的git 地址https://github.com/sunshinehu39/test.git3. 将远程仓库...原创 2021-01-19 17:29:37 · 188 阅读 · 0 评论 -
打印
页面样式第一页的样式设置在打印时页面容器第一页使用的样式。@page :first { margin: 100px 200px;}只允许定义margin, orphans, widows 和 page breaks相关属性页面在装订线左侧的样式设置页面容器位于装订线左边的所有页面使用的样式。@page :left { margin-left: 300px...原创 2019-10-17 18:21:14 · 140 阅读 · 0 评论