fanfan_fxh-CSDN博客

代码如下：function $(str) { return document.getElementById(str)}function check(element) { if (element) element.style.display = "none" return false;}function checkClass(elements) { for (let i = 0; i < elements.length; i++) { ele

2021-03-02 14:45:38 226 1

原创如何通过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 291

原创表单验证——浏览器页面‘平滑’跳转到指定位置，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 359 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 313 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 442

转载 CSS规范--CSS属性书写顺序和CSS初始化

CSS模块——多彩诗句（通过CSS复合选择器实现）一、问题描述二、总结三、标准代码四、我的代码一、问题描述请使用所学前端知识，通过HTML+CSS完成以下效果图展示。文本素材：沁园春·长沙【毛泽东】独立寒秋，湘江北去，橘子洲头。看万山红遍，层林尽染，漫江碧透，百舸争流。鹰击长空，鱼翔浅底，万类霜天竞自由。怅寥廓，问苍茫大地，谁主沉浮？携来百侣曾游，忆往昔峥嵘岁月稠。恰同学少年，风华正茂；书生意气，挥斥方遒。指点江山，激扬文字，粪土当年万户侯。曾记否，到中流击水，浪遏飞舟

2021-01-30 14:05:40 234

原创 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 6745 9

原创微信小程序入门到实践

微信小程序从零开始一、微信小程序是什么小程序无需下载安装、可以在微信内便捷地获取和传播，可以理解为"即扫即用，用完即扔"的口号，同时也具有近似APP般的出色使用体验。二、微信小程序的『知识图谱』1. 小程序的文件结构一个小程序首先有四个应用入口文件：app.js：设置一些项目的全局变量app.json：每一个新页面都必须在这个地方注册，项目的导航栏和窗口界面设置有关的app.wxss：项目全局样式project.config.json：项目配置文件一个页面主要是包含以下四个文件，这

2021-01-20 17:54:29 318

原创 windows 如何做 Safari 测试

问题：网页在iphone11和ipad的浏览器中有bug。但是在电脑浏览器的控制台，调整手机尺寸大小，看不到这个bug。如何能把bug在电脑上重现一下呢解答：手机浏览器如果是safari，可以用模拟平台或者手机连电脑调试。调试iPhone浏览器你需要mac。点此链接，windows电脑安装虚拟机，解决问题。...

2021-01-11 14:25:42 2954

原创 CSS预处理器（框架）：Sass、less、Stylus

前言问题的引出。页面写完CSS，后期维护时一些css存在，但是标签的class=“”中已经删除的情况。这个css样式已经被废弃掉了。而解决这种情况，就要用到css框架。先来熟悉一下框架。一、CSS 预处理器是什么CSS 预处理器是一种语言，用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题。例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更见简洁，适应性更强，代码更直观等诸多好处。二、语法/* style.scss 或者

2020-12-18 11:37:20 503 1

原创 CSS position 定位之 Flex

CSS position 定位之 Flex一、Flex是什么Flex是Flexible Box的缩写，意为“弹性盒子” /*块内元素*/display：flex;/*行内元素*/display:inline-flex; 二、基本概念容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做.

2020-12-04 15:02:22 3918

原创 CSS position定位之relative和absolute

CSS position定位之static 一、relative 属性值relative表示，相对于默认位置（即static时的位置）进行偏移，即定位基点是元素的默认位置。它必须搭配top、bottom、left、right这四个属性使用，用来指定偏移的方向和距离。必须注意的是在文本流中的位置依然存在。当父级、TRBL、padding组合作用时，relative元素具有以下属性：1). 如果没有TRBL，以父级的左上角，在没有父级的时候，他是参照浏览器左上角(到这里和absolute第一条一样

2020-12-04 14:36:06 785

原创 CSS position定位之static

CSS position定位详解一、static一、static默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。忽略 top, bottom, left, right 或者 z-index 声明，解释如下：absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed：生成绝对定位

2020-11-24 17:48:23 5371 1

wangbadandzy的博客

原创 VSCode插件推荐安装

原创如何打印csdn的博客，支持谷歌、火狐浏览器