前端实战项目
关注
分享
扫一扫
在项目实战中，遇到的问题记录下来。并附带学习的经验技巧
fanfan_fxh
这个作者很懒，什么都没留下…
展开
-
VSCode插件推荐安装
vscode插件安装原创 2021-04-23 11:03:52 · 150 阅读 · 0 评论 -
如何通过CSS自定义改变单选框样式＜input type=“radio“＞
通过CSS自定义改变radio样式效果图：代码如下：复制即可使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini原创 2021-03-01 15:59:42 · 372 阅读 · 0 评论 -
表单验证——浏览器页面‘平滑’跳转到指定位置，scrollTo的使用
一、浏览器页面 '平滑' 跳转到指定位置使用场景：从当前位置 跳转到 表单验证错误位置 代码如下： /* 跳转到某节点的位置 */function toNoContentField(toEl) { var bridge = toEl; var body = document.body; var height = 0; //计算该 DOM 节点到 body 顶部距离 do { height += bridge.offsetTop;原创 2021-02-26 10:56:12 · 431 阅读 · 1 评论 -
表单验证——包含身份证、手机号、体温，函数直接使用
/*通过ID获取HTML对象的通用方法，使用$代替函数名称*/function $(elementId) { return document.getElementById(elementId);}/* 验证身份证号 */function checkIDCard(id) { var element = $(id); var idcode = element.value; // 加权因子 var weight_factor = [7, 9, 10, 5原创 2021-02-26 10:34:53 · 345 阅读 · 1 评论 -
表单提交--验证体温的方式非正则，体温区间可改
/* 作用：验证体温，范围[20,60]参数：id返回值：体温正确true，体温错误false*/function checkTem(id) { var element = document.getElementById(id); var x = String(element.value).indexOf('.') + 1; //小数点的位置 var y = (x !== 0) ? String(element.value).length - x : 0; //小数原创 2021-02-26 10:23:36 · 482 阅读 · 0 评论 -
vue实现非同源图片的下载功能--跨域问题(解决浏览器打开图片，而不是下载)
vue.js如何根据后台返回来的图片url进行图片下载链接：https://my.oschina.net/u/4407741/blog/3253859一、思路通过使用a标签的download属性。我刚接到需求的时候，思维比较混乱。需求：在xxx页面添加批量下载xxxx图片功能。给了后端返回的图片url。初始思路是使用a标签的download属性。具体使用如下：点击链接:https://www.w3school.com.cn/tiy/t.asp?f=html_a_download效果图：注原创 2021-01-28 10:38:15 · 7496 阅读 · 9 评论 -
windows 如何做 Safari 测试
问题：网页在iphone11和ipad的浏览器中有bug。但是在电脑浏览器的控制台，调整手机尺寸大小，看不到这个bug。如何能把bug在电脑上重现一下呢解答：手机浏览器如果是safari，可以用模拟平台或者手机连电脑调试。调试iPhone浏览器你需要mac。点此链接，windows电脑安装虚拟机，解决问题。...原创 2021-01-11 14:25:42 · 3222 阅读 · 0 评论