- 博客(155)
- 收藏
- 关注
原创 上传视频截取第一贞 转图片
<!--* @Author: Mr.xie* @Date: 2021-09-13 19:22:51* @LastEditTime: 2021-09-14 19:51:13* @LastEditors: Mr.xie* @Description:* @FilePath: /vido/updateVide.html* 可以输入预定的版权声明、个性签名、空行等--><!DOCTYPE html><html lang="en">
2021-09-14 19:57:26
241
原创 es6 高阶段Array数组操作
//map循环 let arr1 = [1,2,3,4] let arr2 = arr1.map(item => item*2) console.log(arr2) //[2, 4, 6, 8] //filter过滤去重 const arr3 = [1, 2, 1, 2, 3, 5, 4, 5, 3, 4, 4, 4, 4];...
2021-05-28 09:30:26
251
原创 js数组随机排序
const disorder = function(arr){ let length = arr.length let current = arr.length - 1 let random while(current >= 0){ // 从0-length之间随机取一个索引 random = Math.floor(length*Math.random()); // 与最后一个进行交换 [arr[current], arr[random]] = [ar.
2021-02-04 16:54:27
287
原创 js俩大数相加计算
当有两个整数 a 和 b ,在通常情况下我们有“+”运算符对其进行相加运算:let sum = a + b;但是 JS 在存放整数的时候是有一个安全范围的,一旦数字超过这个范围便会损失精度。我们不能拿精度损失的数字进行运行,因为运算结果一样是会损失精度的。所以,我们要用字符串来表示数据!(不会丢失精度)JS 中整数的最大安全范围可以查到是:9007199254740991假如我们要进行 9007199254740991 + 1234567899999999999functi
2021-02-04 16:47:34
794
原创 js 代码优化之--防抖与节流的理解与应用
防抖 一段时间内只执行最后一次 应用 滚动加载function debounce(fn,wait) { var timeout = null; // 创建一个标记用来存放定时器的返回值 return () => { // 每当用户输入的时候把前一个 setTimeout clear 掉 clearTimeout(timeout); // 然后又创建一个新的 setTimeout, 这样就能保证interval 间隔内如果时间持续.
2021-02-04 15:57:26
138
原创 load 页面加载html 如何断点 以及 浏览器如果查看压缩后的代码
1 需求:单页面应用 footer页面load其他页面到当前页 进行切换 2 问题:load页面的js 无法在浏览器打断点3 解决:在代码中需要打断点的地方 加上 debugger 等同于页面打断点效果4 问题 :已经压缩的代码 浏览器查看不方便 --------------------------------------朋友卖的增大命根子的宝贝超级牛掰有需要联系她---------------...
2020-05-13 18:06:27
549
原创 vue 使用post/get 下载导出文件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>前端项目下载导出文件</title> </head> <body> <script> /** * post 方式 * 返回:文...
2019-10-18 18:03:59
11948
2
原创 js小数计算丢失精度问题解决方法
1 小数计算bug: console.log( 1 - 0.8 ); //输出 0.19999999999999996 console.log( 6 * 0.7 ); //输出 4.199999999999999 console.log( 0.1 + 0.2 ); //输出 0.30000000000000004 consol...
2019-08-26 20:09:59
3999
原创 数组递归取最大/小值 两种方式
// 数组递归取最大值 var arr = [20,60,80,[400,3200,100,200],1,[300,[10,400,[1000,30000,[340000]]]]]; var temp = 0; var arrLength = 0; // 第一种 function getMax(arr){ if(arr != null &&...
2019-08-13 12:04:32
381
转载 正则
一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,...
2018-12-07 17:45:35
288
转载 js 统计网站停留时间
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>统计网站停留时间</title> <script src="js/jquery-1.11.3.min.js"></script
2018-12-05 15:00:37
1954
原创 js 年月之间差值 集合
<!-- 取 年月之间差值 集合--> <script> var firstYear = '201609'; var lastYear = '201910'; //共几年 var chaYear = parseInt(lastYear.slice(0,4)) - parseInt(firstYear.slice(0,4)) +1 ;...
2018-11-24 18:36:46
305
转载 阻止pc端浏览器缩放js代码
//阻止pc端浏览器缩放js代码 function banZoom(){ //由于浏览器菜单栏属于系统软件权限,没发控制,我们着手解决ctrl/cammond + +/- 或 Windows下ctrl + 滚轮 缩放页面的情况,只能通过js来控制了 $(document).ready(function () { // chrome 浏览器直接加上下面这个样式就行了,但是ff不识...
2018-11-23 14:24:31
2181
1
转载 文本框textarea根据输入内容自适应高度
demo演示地址:http://www.xuanfengge.com/demo/201308/textarea/demo2.html这个写法是用原生JS写的,考虑了很多兼容性问题,完全和新浪微博的回复效果一样的功能。有兴趣的童鞋可以仔细分析下代码。<!DOCTYPE html><html><head> <meta charset="utf-8"...
2018-07-06 14:13:54
2960
1
转载 div模拟textarea文本域轻松实现高度自适应
demo演示地址:http://www.xuanfengge.com/demo/201308/textarea/demo1.html因为textarea不支持自适应高度,就是定好高度或者是行数之后,超出部分就会显示滚动条,看起来不美观。而用DIV来模拟时,首先遇到的问题是:div怎么实现输入功能?可能我们还是第一次见到这个属性contenteditable,如一个普通的block元素上加个cont...
2018-07-06 14:06:08
225
原创 input 输入框禁止输入小数点
最近做一个项目需求是输入框只能输入数字,并且禁止输入小数intpu type=number 就可以控制只允许输入数字,但是不能控制输入小数在网上查阅相关资料后整理了下代码如下 input type=number 禁止输入小数点 $(document).ready(function(){ var ipt = $('#num
2017-12-18 11:40:51
19480
1
原创 js 记录浏览器位置
//监听浏览位置记录$(function(){ var str = window.location.href; str = str.substring(str.lastIndexOf('/')+1), getCookie = sessionStorage.getItem(str); if(getCookie){ $('html,body').scrollTop(getCookie);
2017-11-12 14:59:58
1359
原创 js 原型
js原型添加属性与方法 div{ height: 100px; width: 100px; border: 1px solid red; } var moudel = new Object({ projectUrl:"http://wxkf.5ifapiao.com",
2017-11-06 19:31:24
297
原创 原声js 锚点监听
原声js监听锚点变化 A锚点变化 B锚点变化 /** * body 上的 onhashchange 能监听url锚点变化 * 获取浏览器中锚点值 :#xxx */ function getHash(){ var hash = window.location.hash;
2017-11-06 16:15:14
2871
1
原创 移动端 固定微信浏览器
.one{ } .one li{ height: 30px; width: 100%; border: 1px solid red; } .div1{ height: 30px; width: 100px; background-color: black; position: fixed; botto
2017-10-26 12:15:22
351
转载 js 阿拉伯数字转中文大写货币
//方式一 function zh(n) { if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) return "数据非法"; var unit = "仟佰拾亿仟佰拾万仟佰拾圆角分", str = ""; n += "00"; var p = n.indexOf('.');
2017-10-12 11:20:56
598
原创 h5 游戏 黑白格
有个bug你是否能帮助找出并修改 .move_info{ height:5000px; width: 100%; } .move_info div{ float: left; width: 33.33%; } .alert_box{ position: fixed; top: 0; left:
2017-08-24 11:34:46
880
原创 H5 移动端进度条加载
移动端进度条 html { font-size: 20px; } body { font-size: 16px; font-family: "微软雅黑"; } @media only screen and (max-width: 320px) { html { font-size: 42.7px
2017-08-22 11:11:17
3222
转载 原声js 图片上传并预览
图片上传预览 function imgPreview(fileDom){ //判断是否支持FileReader if (window.FileReader) { var reader = new FileReader(); } else { alert("您的设备不支持图片预
2017-06-05 21:41:03
434
原创 jq + qrcode 生成二维码(解决中文乱码)
生成二维码 var str= "阿斯达四大四大1|9131000030150590X2|中国(上海)自阿斯达四大四大号302部位368室|021-58388909|中信银行股份有限公司上海长宁支行|7312410182600061061"; // function utf16to8(str) { var out, i,
2017-06-05 21:35:35
10500
原创 原声js 轮播图 动态添加低栏+淡入淡出
轮播图 *{ padding: 0; margin: 0; list-style: none; } .slider{ position: absolute; left: 50%; margin-left: -271px; border: 1px solid #000; } .slide
2017-06-05 21:30:36
460
原创 js table栏切换+border绘制三角形特殊应用
*{ margin: 0; padding: 0; } body{ width: 100%; height: 100%; background-color: #f6f6f6; } .count{ width: 390px; height: 444px; /*border: 1px
2017-06-05 21:18:02
1601
原创 原声js 模拟微信滑动
微信滑动删除 --> *{ padding: 0; margin: 0; } html { font-size: 20px; } body { font-size: 16px; } @media only screen and (max-width: 320px) { html {
2017-06-05 21:13:30
476
原创 css 文字换 以 超出胜率
.a{height: 30px;width: 200px;border: 1px solid #000;text-overflow: ellipsis; /* 文本溢出显示省略标记 是一种生声明需要配合下面俩个属性才能生效*/white-space:nowrap; /*强制文本一行显示*/overflow: hidden; /*溢出隐藏*/}.b{height:
2017-04-11 16:58:18
1260
原创 h5 移动端适配3中方式
html{ } body{ background-color: royalblue; box-sizing: content-box; } .a{ height: 19rem; width: 19rem; background-color: aquamarine; } .b{ height: 14rem;
2017-04-10 22:12:45
717
转载 rem移动适配
1. 问题的引出如果html5要适应各种分辨率的移动设备,可以使用rem这样的尺寸单位,针对各个分辨率范围在html上设置font-size的代码:html{font-size:10px}@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}@media screen
2017-04-10 21:45:04
1048
转载 css多列
.newspaper { -webkit-column-count:3; /*被分隔的列数 */ -webkit-column-gap:40px; /*规定列之间的间距*/ -webkit-column-rule:4px outset #ff0000; /* 宽度 样式 颜色 */ -webkit-column-span:3; /*横跨的列数 */ -
2017-04-06 01:32:43
390
原创 css3 过渡/旋转/动画
div{ width:200px; height: 200px; line-height:200px; color: chartreuse; text-align: center; } .div1{ background-color: royalblue; /*position: absolute;*/ w
2017-04-06 01:18:44
5057
原创 原生/jq ajax请求
var xmlHttp; function createXmlHttpRquest(){ var xmlHttp; function createXmlHttpRquest(){ if(window.ActiveObject){ xmlHttp = new ActiveXobject("Microsoft.XMLHTTP");
2017-04-05 22:42:36
361
原创 js 浏览器到底部添加数据
li{ height: 100px; line-height: 100px; width: 200px; margin: 0 auto; border: 1px solid chartreuse; background-color: #000000; text-align: center; color: chartreuse; box-sizi
2017-04-02 14:35:39
703
原创 css 四种盒子垂直居中方式
.center{ height: 400px; width: 400px; color: chartreuse; background-color: black; text-align: center; line-height: 400px; box-sizing: border-box; } .div1{ border:
2017-04-01 20:45:19
3148
1
原创 js template-natice 模板
功能 管理我的群 管理我的群 var token = window.sessionStorage.getItem("token"); var http = window.sessionStorage.getItem("http"); $.ajax({ type: "POST",
2017-04-01 12:27:47
375
原创 js 登陆ajax请求
#login{ margin: 150px auto; list-style: none; border-radius: 30px; } #login{ width: 500px; height: 300px; border: 1px solid cornflowerblue; } #userName{ positio
2017-04-01 12:26:38
3384
原创 vue 全局/局部组件
Vue.component('my-compoent',{ template:'测试1' }) new Vue({ el:'#example1' }) //创建一个组件构造器 var myComponent = Vue.extend({ template:' 测试2' })
2017-03-23 16:34:20
6797
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人