web前端
xiaoxiazi_32
走别人的路,让别人无路可走
展开
-
js 实现纵向冗余校验(LRC校验)
js 实现纵向冗余校验(LRC校验)原创 2022-12-24 16:29:30 · 189 阅读 · 0 评论 -
js ASCII字符串转16进制字符串显示
js ASCII字符串转16进制字符串显示原创 2022-12-24 16:26:18 · 710 阅读 · 0 评论 -
js 16进制字符串转字符串
js 16进制字符串转字符串原创 2022-12-24 16:24:10 · 948 阅读 · 0 评论 -
js判断Select中Option的value是否已经存在。
js判断Select中Option的value是否已经存在。原创 2022-12-24 16:19:34 · 310 阅读 · 0 评论 -
js正则匹配替换,一对闭合html标签
let str = `<div> <h1>正则测试</h1> <p class=""> <style>.icon{width:100%;}</style> 测试正则匹配替换 </p> <br/> <p class=""> <style>.icon{width:100%;}</style> 测试正则匹配替换 </p></d.原创 2021-07-24 11:16:53 · 1267 阅读 · 0 评论 -
导入json文件解析数据并上传
<template> <div style="display: inline-block;"> <label for="excel-file" style="position: relative;display: inline-block;overflow: hidden;vertical-align: middle;"><input type="file" id="excel-file" :accept="accept" @change="getFile".原创 2021-07-14 18:39:24 · 361 阅读 · 0 评论 -
判断扫码的客户端是微信还是支付宝
function IsWeixinOrAlipay(){ var ua = window.navigator.userAgent.toLowerCase(); //判断是不是微信 if ( ua.match(/MicroMessenger/i) == 'micromessenger' ) { return "WeiXIN"; } //判断是不是支付宝 if (ua.match(/AlipayClient/i) == 'alip.原创 2021-06-12 11:54:24 · 293 阅读 · 0 评论 -
meta标签 常用属性解析
<meta name="viewport" content="width=device-width, initial-scal=1.0, minimum-scal=1.0, maximum-scal=1.0, user-scalable=no" />width 设置viewport宽度, 为一个整数,或字符串‘device-width’device-width 设备宽度height 设置viewport高度, 一般设置了宽度,会自动解析出高度,可以不用设置initial-sca.原创 2021-06-12 11:51:14 · 242 阅读 · 0 评论 -
css 文本溢出显示...
1、css实现单行文本溢出显示...overflow: hidden;text-overflow: ellipsis;white-space: nowrap;2、多行文本溢出显示...display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;-webkit-line-clamp: 3; 用来限制在一块元素显示的文本的行数。为了实现该效果,它需..原创 2021-06-12 11:49:20 · 4564 阅读 · 0 评论 -
sql db数据库 -操作命令
sql通过db.executeSql方法执行:1.创建表:sql: 'CREATE TABLE IF NOT EXISTS 表名(id INTEGER PRIMARY KEY AUTOINCREMENT, ip varchar(255), port int, equipmentName varchar(255))'同时, id作为主键可自增长2.删除表sql: 'drop table 表名'3.向表中插入一条数据sql: 'INSERT INTO 表名 (id, ip,`po原创 2021-06-12 11:42:09 · 641 阅读 · 0 评论 -
nod-sass安装失败
安装失败后重新安装问题之前安装失败,再安装就不去下载了,怎么办呢?那就先卸载再安装:npm uninstall node-sass npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/解决方法二:使用淘宝镜像源设置变量 sass_binary_site,指向淘宝镜像地址。示例:npm i node-sass --sass_binary_site=https://npm.taoba.原创 2021-06-12 11:38:29 · 100 阅读 · 0 评论 -
v-for 循环
原创 2021-06-12 11:35:15 · 67 阅读 · 0 评论 -
关于video.js播放视频,设置视频铺满外围盒子
第一步:videojs 的options设置时,不指定width和height第二步 :修改css第三步:在创建player之前,把元素的padding-top设置成0px原创 2021-06-12 11:31:46 · 2513 阅读 · 0 评论 -
解决flex布局,子元素宽度过宽超出的问题
解决flex布局,子元素内容宽度超出剩余空间的问题以iview的Row/Col的flex布局为基础,代码如下<Row :wrap="false"> <Col flex="auto"> <div class="content"> 长内容区域... </div> </Col> <Col flex="200px"></Col> </Row>.co原创 2021-03-08 14:27:59 · 1822 阅读 · 0 评论 -
js 模拟LED数字电子显示(分段式)
vue 模拟LED数字电子显示,分段式效果图#led.vue<template> <div class="num-wrap"> <template v-for="(num, index) of numList"> <ul class="num-box" v-if="!num.isPoint" :style="{width: (font...原创 2019-05-23 18:44:16 · 1416 阅读 · 0 评论 -
js深度拷贝
js深度拷贝function deepCopy(source) { var sourceCopy = source instanceof Array ? [] : {}; for (var item in source) { sourceCopy[item] = typeof source[item] === 'object' ...原创 2019-05-21 14:42:55 · 203 阅读 · 0 评论 -
移动端,监听div元素的滚动到底部
移动端,监听div元素的滚动到底部不说废话,直接上代码#scrollBox{ position: fixed; top: 206px; left: 0; right: 0; bottom: 0; overflow: auto; }<div id="scrollBox"> <div id="modBox"&...原创 2019-05-21 13:27:26 · 3647 阅读 · 0 评论 -
基于HTML5的canvas的温度计 插件
该插件是基于HTML5的canvas实现的温度计 使用方法: 第一步,引入jquery和插件 <script src='./jquery.min.js'></script> <script src = './goal-thermometer.js'></script>第二步,添加dom节点<div style="width:200px;height:230px;float:left;"id原创 2017-04-13 17:19:20 · 5181 阅读 · 1 评论