xiaoxiazi_32的博客

原创 js 实现纵向冗余校验（LRC校验）

js 实现纵向冗余校验（LRC校验）

原创 js ASCII字符串转16进制字符串显示

js ASCII字符串转16进制字符串显示

原创 js 16进制字符串转字符串

js 16进制字符串转字符串

原创 js判断Select中Option的value是否已经存在。

js判断Select中Option的value是否已经存在。

原创 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.

原创 导入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".

原创 判断扫码的客户端是微信还是支付宝

function IsWeixinOrAlipay(){ var ua = window.navigator.userAgent.toLowerCase(); //判断是不是微信 if ( ua.match(/MicroMessenger/i) == 'micromessenger' ) { return "WeiXIN"; } //判断是不是支付宝 if (ua.match(/AlipayClient/i) == 'alip.

原创 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.

原创 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; 用来限制在一块元素显示的文本的行数。为了实现该效果，它需..

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

原创 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.

原创 v-for 循环

原创 关于video.js播放视频，设置视频铺满外围盒子

第一步：videojs 的options设置时，不指定width和height第二步 ：修改css第三步：在创建player之前，把元素的padding-top设置成0px

原创 解决flex布局，子元素宽度过宽超出的问题

解决flex布局，子元素内容宽度超出剩余空间的问题以iview的Row/Col的flex布局为基础，代码如下<Row :wrap="false"> <Col flex="auto"> <div class="content"> 长内容区域... </div> </Col> <Col flex="200px"></Col> </Row>.co

原创 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...

原创 js深度拷贝

js深度拷贝function deepCopy(source) { var sourceCopy = source instanceof Array ? [] : {}; for (var item in source) { sourceCopy[item] = typeof source[item] === 'object' ...

原创 移动端，监听div元素的滚动到底部

移动端，监听div元素的滚动到底部不说废话，直接上代码#scrollBox{ position: fixed; top: 206px; left: 0; right: 0; bottom: 0; overflow: auto; }<div id="scrollBox"> <div id="modBox"&...

原创 基于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