- 博客(29)
- 收藏
- 关注
RSS订阅原创 Element 之loading颜色修改
Element中loading代码<div class="el-loading-mask" style="background-color: rgba(0, 0, 0, 0.8);"> <div class="el-loading-spinner"> <i class="el-icon-loading"></i> <p class="el-loading-text">拼命加载中</p> </div&g
2022-04-20 16:03:20
4604
2
原创 css兄弟选择器
想要实现循环遍历的数据下面，每行添加虚线，最后一行不要，一行四组数据，显示效果如下无论最后一行有几组数据，都不显示虚线，首先html样式结构<div class="list-box"> <div class="app-box"> 标题名称1 </div> <div class="app-box"> 标题名称2 </div> ...
2022-04-19 16:56:25
8430
原创 使用el-select只能选中最后一项，且options全部是选中状态
我认为这个问题的核心就是唯一性标识最初遇到这个问题的时候，在网上找到两种解决方法：一：value-key根据element官网提示根据上图显示，value-key绑定的是下拉数组里面某一对象的键名，这个键名对应的值在各项中都不一样，保证具有唯一性，然后option里的value绑定的是一个对象，这种情况下可以实现正常select显示二：下拉数组的每一项添加value作为唯一标识结果显示正常...
2021-11-15 15:56:28
3617
2
原创 创建vue项目过程
使用脚手架@vue/cli v4.5.13命令行 vue create projectName [项目名称中不能包含Name]然后出现选项1.请选择一种预设：vue2版本默认（包含babel和eslint）、vue3版本默认（包含babel和eslint）、手动选择要素 【这里选择手动选择Manually select features】2.选择手动选择要素后会出现多个选项，首先检查项目所需要的功能，下面的多种选项可以通过上下键和空格进行选择，也可以按12345选择；Choose..
2021-10-29 09:20:01
423
1
原创 vue项目修改浏览器显示标题
一种简单方法：首先在roter配置文件中设置每个页面的title,然后利用router.afterEach修改跳转后的页面title：import{createRouter,createWebHashHistory}from"vue-router";importHomefrom"../views/Home.vue";constroutes=[{path:"/",name:"Home",component:Home,...
2021-08-26 17:28:16
402
原创 layer.open 最大化刷新子页面
layer.open({ id:'layerVideo', type: 2, title: '实时视频', maxmin: true, shade: 0,//遮罩层不显示 shadeClose: true, //点击遮罩关闭层 area: ['1000px', '650px'], content: url, //子页面路径 full: function(){ var frameId=document.getElementById('l.
2021-01-05 17:04:56
1150
原创 使用HBuilderX预览html页面404
突然有个页面使用HBuilderX预览的时候出现了404然后上网查了一下，发现有很多出现过404的朋友，不过大家的解决办法大多是修改server.js文件，方法如下：解决方法：找到你的安装目录，然后进入HBuilderX\plugins\nodeserver文件夹。把server.js文件改个名（改什么都行），然后新建一个server.js，把下面的代码粘贴进去即可。var args = process.argv.splice(2)[0];var express = require('.
2020-10-10 17:30:33
12682
15
原创 canvas画线变粗变模糊的解决办法
自己写的小例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>canvas动画</title> <style type="text/css"> #canvas { width: 500px; height...
2020-10-10 15:50:40
3117
原创 Math.random()
Math.random()取值范围是[0,1)，一般去随机数范围是1~100的话，可以使用Math.random()*100+1
2020-09-28 09:21:59
292
原创 小程序checkbox前面的方框样式
checkbox { /*checkbox 整体样式 */}checkbox .wx-checkbox-input { /* checkbox 前面选项框的背景样式 */}checkbox .wx-checkbox-input.wx-checkbox-input-checked { /* checkbox 被选中后前面选项框的背景样式 */}checkbo...
2020-03-12 14:32:56
427
转载 JS中的offsetWidth、offsetHeight、clientWidth、clientHeight等等的详细介绍
javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX原文：https://www.cnblogs.com/ifworld/p/7605954.htmloffsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）offsetHeight ...
2020-01-08 11:52:00
111
原创 图片二选一，鼠标点击切换
有两张图片microphone1.png和microphone0.pnghtml：<div class="microphone"> <img src="images/microphone1.png" /></div>想要实现点击div，图片切换成另一张，再次点击，图片又切换回现在这一张使用jquery，设计一个变量var flag...
2020-01-07 09:42:25
502
原创 z-index无效的情况
z-index无效的情况，一共有三种：1、父标签 position属性为relative；2、问题标签无position属性（不包括static）；3、问题标签含有浮动(float)属性。
2019-11-11 14:41:38
231
原创 tr标签单独添加border
直接定义table tr{ border-bottom: 1px solid #e5e5e5; }是不生效的，有border但是不显示；必须在tr外层的table标签添加border-collapse: collapse;属性table{ border-collapse: collapse; }table tr{ border-bottom: 1px solid #e5e5e5;...
2019-10-21 11:52:05
964
转载 echarts 图表文字大小自适应
用echarts做大屏可视化的时候会遇到不是用电脑投屏而是直接在大屏打开的情况，这时候大屏幕下固定的px为单位的字体就会显得很小。有一种解决方法就是采用rem为单位，根据屏幕的宽度调整html的font-size.获取屏幕宽度并计算比例 1 2 3 4 5 6 7 8 function fontSize(r...
2019-10-09 09:58:31
3618
8
原创 console 与 ie
在写页面的时候遇到一个问题，我用定时器写了一个事件，然后有按钮判断是否开启定时器，我用了ie9做测试，选择不开启的时候，定时器居然没有停，经过一系列排查测试，终于找到问题所在：在ie9中，console.log()不兼容，所以js脚本会在运行到这句的时候中断，后面的js语句就不执行了。然后在解决问题过程中看到一句话IE8/IE9要先按F12开启IE Dev Tools才能存取console物件非常...
2019-08-08 12:00:08
122
原创 HTML 标签使用总结
1. <!DOCTYPE> 定义文档类型 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">HTML 2.0 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">HTML 3.2 <!DOCTYPE HTML PUBL...
2019-07-24 12:01:10
515
转载 实现倒影效果
-webkit-box-reflect:below 10px -webkit-linear-gradient(transparent,transparent 90%,rgba(0,0,0,.1));css3新特性，兼容性不是很好语法：box-reflect：none | <direction> <offset>? <mask-box-image>?...
2019-04-18 17:11:36
155
原创 <fieldset>
最近遇到一个效果，查了一下发现是一个自己从未用过的html标签<fieldset>，举个例子使用fieldset标签很简单：：<fieldset><legend>健康信息</legend>身高：<input type="text" />体重：<input type="text" /...
2019-03-14 15:45:55
442
原创 字体单位px、em、rem、pt
单位：px，em，rem对于可以随屏幕大小而自适应的屏幕内容，不用媒体查询，可以通过使用相对单位rempx：表示pixel，像素是相对于显示器屏幕分辨率而言的相对长度单位。pc端使用px倒也无所谓，可是在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常无力，所以就要考虑em和rem。em：继承父级的，假设html的font-size默认为16px，body字体大小...
2019-02-20 17:33:10
900
原创 判断浏览器内核的js代码
对于一个前端来说，拼写兼容性页面是不可避免的。当我用于判断是否是移动端浏览器之后，我就小小总结一下：<script>var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { ...
2019-02-19 17:30:21
660
原创 Font-weight
font-weight 字体浓淡(粗细)属性，该CSS属性用来设定字体的浓淡程度。值：normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit 如果值为 bolder 或者 lighter，则是相对其父对象来说的。如果父对象的值为 normal，子对象...
2019-02-18 16:54:21
27414
1
原创 判断IE浏览器版本的语句
为使静态页兼容不同的IE版本，需要用到判断IE浏览器版本的语句，本人曾经查阅的资料，忘记记录出处，所以重新整理一下<!--[if lte IE 6]><![endif]-->IE6及其以下版本可见 <!--[if lte IE 7]><![endif]-->IE7及其以下版本可见 <!--[if IE 6]&...
2019-02-15 17:10:15
135
原创 css3禁止点击事件
//css禁止点击事件.disabled { pointer-events: none; cursor: default; opacity: 0.6;}其中，pointer-events: none;是css3新出现的属性，意思就是禁止鼠标点击事件，当元素中有这一属性时，链接、点击事件统统失效。 ...
2019-02-14 16:53:29
6927
原创 鼠标滚动后，菜单栏固定位于顶部
//鼠标滚动后，菜单栏滚到顶部固定<script type="text/javascript">$(document).ready(function(){var navOffset = $(".at_page_nav").offset().top;//先得到据顶部的距离$(window).scroll(function(){var scrollPos = $(win...
2019-02-13 17:25:32
747
原创 浏览器标签前面的小图标如何添加
浏览器前面的小图标通常是网站的一种标志，让人容易分清楚是哪个网站，那该如何设置呢？首先要有.ico格式的图片，然后在html的head里面引入图标路径：<link rel="shortcut icon" href="images/logo.ico" />...
2019-01-23 15:27:22
2940
原创 js方法在ie浏览器不起作用
打开项目遇到奇怪的问题，在ie浏览器中，项目欢迎页的按钮不起作用，但是换个浏览器又好用，可是偏偏本项目必须用ie浏览器，然后就一点一点找错了。问题：欢迎页的show()方法没有起作用，在浏览器的console下报错，是另一个js的问题解决方法：把出错js的行末尾的逗号去掉总结：对于ie浏览器兼容模式，js格式比较严格，多余的符号会造成错误，从而影响程序运行，而其他浏览器并不会严格检验...
2019-01-23 08:53:05
2508
转载 HTML 特殊符号编码对照表
HTML 特殊符号编码对照表今天用到一个特殊符号&hellip;，然后就想统计一下一共有多少特殊符号编码，然后看到有人总结过了，所以我拿来借鉴一下。特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 Α &Alpha; &#913; Β &...
2018-12-17 11:51:02
1338
原创 jquery validate 联系电话验证
1.手机号验证a.添加自定义方法$.validator.addMethod("isPhone", function(value, element) { var length = value.length; var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{...
2018-10-18 10:54:52
1680
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人