
前端实战
文章平均质量分 54
前端实战
朝阳39
钟爱编程,偏前端开发,欢迎私信我加入EC尽享编程俱乐部共同学习,交流成长!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Electron Forge【实战】桌面应用 —— AI聊天(上)
官网 https://www.electronforge.io/技术栈:Vue3.5+Electron配置国内下载源在目标目录(如 )下创建项目 为自定义的项目名称打开空值校验,在 tsconfig.json 中添加用 vscode 打开,并运行项目得到vite.renderer.config.ts新建 src\App.vuesrc\renderer.tsindex.html重启项目,效果如下将 改名为 ,内容修改为forge.config.ts 中 ,原创 2025-03-22 08:08:52 · 1126 阅读 · 0 评论 -
移动端自适应/适配方案【详解】(含多种方案对比,推荐 viewport 方案,postcss-px-to-viewport-8-plugin 的使用等)
因移动端。原创 2024-09-27 17:48:11 · 921 阅读 · 0 评论 -
【前端设计方案】H5 图片懒加载 SDK
获取图片的位置 elem.getBoundingClientRect()// 移除 data-src 属性,为了下次执行时减少计算成本。原创 2024-08-11 17:57:19 · 625 阅读 · 0 评论 -
设计一个“用户-角色-权限”模型 RBAC
以博客管理后台为例。原创 2024-08-11 14:49:16 · 207 阅读 · 0 评论 -
设计一个H5编辑器的数据模型和核心功能
【代码】设计一个H5编辑器的数据模型和核心功能。原创 2024-08-11 14:38:17 · 179 阅读 · 0 评论 -
前端统计SDK设计和实现
从中,可以获取到性能相关的数据。原创 2024-08-11 00:05:29 · 315 阅读 · 0 评论 -
vue实战——登出【详解】
【代码】vue实战——登出【详解】原创 2023-11-10 14:45:32 · 302 阅读 · 0 评论 -
【wavesurfer.js实战范例】多区域音频标注(含区域实时切换显示)
通过多选框,实现多区域显示的实时切换原创 2022-11-03 15:36:13 · 1469 阅读 · 0 评论 -
实战范例——中文文章排版
实用网页文章排版技巧汇总!原创 2022-08-17 09:30:38 · 241 阅读 · 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 · 7109 阅读 · 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 · 711 阅读 · 0 评论 -
大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem)
大屏自适应原创 2021-08-30 20:58:42 · 15480 阅读 · 5 评论 -
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 · 1916 阅读 · 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 · 2148 阅读 · 1 评论 -
【博客】 日期格式化显示,判断是否是最后一页等,悬浮显示菜单
日期格式化显示——几天前,几小时前(vue过滤器,moment格式化、中文化)判断是否是最后一页当返回数据的数量 < 每页的数量时,即可确定,当前页为最后一页原创 2021-05-23 21:58:25 · 218 阅读 · 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 · 1678 阅读 · 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 · 358 阅读 · 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 · 246 阅读 · 0 评论 -
打印
页面样式第一页的样式设置在打印时页面容器第一页使用的样式。@page :first { margin: 100px 200px;}只允许定义margin, orphans, widows 和 page breaks相关属性页面在装订线左侧的样式设置页面容器位于装订线左边的所有页面使用的样式。@page :left { margin-left: 300px...原创 2019-10-17 18:21:14 · 196 阅读 · 0 评论