- 博客(155)
- 收藏
- 关注
RSS订阅原创 上传视频截取第一贞 转图片
<!--* @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
218
原创 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
243
原创 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
279
原创 js俩大数相加计算
当有两个整数 a 和 b ，在通常情况下我们有“+”运算符对其进行相加运算：let sum = a + b;但是 JS 在存放整数的时候是有一个安全范围的，一旦数字超过这个范围便会损失精度。我们不能拿精度损失的数字进行运行，因为运算结果一样是会损失精度的。所以，我们要用字符串来表示数据！（不会丢失精度）JS 中整数的最大安全范围可以查到是：9007199254740991假如我们要进行 9007199254740991 + 1234567899999999999functi
2021-02-04 16:47:34
765
原创 js 代码优化之--防抖与节流的理解与应用
防抖 一段时间内只执行最后一次 应用 滚动加载function debounce(fn,wait) { var timeout = null; // 创建一个标记用来存放定时器的返回值 return () => { // 每当用户输入的时候把前一个 setTimeout clear 掉 clearTimeout(timeout); // 然后又创建一个新的 setTimeout, 这样就能保证interval 间隔内如果时间持续.
2021-02-04 15:57:26
132
原创 load 页面加载html 如何断点 以及 浏览器如果查看压缩后的代码
1 需求：单页面应用 footer页面load其他页面到当前页 进行切换 2 问题：load页面的js 无法在浏览器打断点3 解决：在代码中需要打断点的地方 加上 debugger 等同于页面打断点效果4 问题 ：已经压缩的代码 浏览器查看不方便 --------------------------------------朋友卖的增大命根子的宝贝超级牛掰有需要联系她---------------...
2020-05-13 18:06:27
539
原创 vue 使用post/get 下载导出文件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>前端项目下载导出文件</title> </head> <body> <script> /** * post 方式 * 返回：文...
2019-10-18 18:03:59
11820
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
3946
原创 数组递归取最大/小值 两种方式
// 数组递归取最大值 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
369
转载 正则
一、校验数字的表达式 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
274
转载 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
1936
原创 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
290
转载 阻止pc端浏览器缩放js代码
//阻止pc端浏览器缩放js代码 function banZoom(){ //由于浏览器菜单栏属于系统软件权限，没发控制，我们着手解决ctrl/cammond + +/- 或 Windows下ctrl + 滚轮 缩放页面的情况，只能通过js来控制了 $(document).ready(function () { // chrome 浏览器直接加上下面这个样式就行了，但是ff不识...
2018-11-23 14:24:31
2169
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
2948
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
211
原创 input 输入框禁止输入小数点
最近做一个项目需求是输入框只能输入数字，并且禁止输入小数intpu type=number 就可以控制只允许输入数字，但是不能控制输入小数在网上查阅相关资料后整理了下代码如下 input type=number 禁止输入小数点 $(document).ready(function(){ var ipt = $('#num
2017-12-18 11:40:51
19426
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
1331
原创 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
290
原创 原声js 锚点监听
原声js监听锚点变化 A锚点变化 B锚点变化 /** * body 上的 onhashchange 能监听url锚点变化 * 获取浏览器中锚点值 ：#xxx */ function getHash(){ var hash = window.location.hash;
2017-11-06 16:15:14
2842
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
340
转载 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
583
原创 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
871
原创 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
3175
转载 原声js 图片上传并预览
图片上传预览 function imgPreview(fileDom){ //判断是否支持FileReader if (window.FileReader) { var reader = new FileReader(); } else { alert("您的设备不支持图片预
2017-06-05 21:41:03
425
原创 jq + qrcode 生成二维码（解决中文乱码）
生成二维码 var str= "阿斯达四大四大1|9131000030150590X2|中国（上海）自阿斯达四大四大号302部位368室|021-58388909|中信银行股份有限公司上海长宁支行|7312410182600061061"; // function utf16to8(str) { var out, i,
2017-06-05 21:35:35
10430
原创 原声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
450
原创 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
1580
原创 原声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
467
原创 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
1193
原创 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
703
转载 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
1035
转载 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
383
原创 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
5028
原创 原生/jq ajax请求
var xmlHttp; function createXmlHttpRquest(){ var xmlHttp; function createXmlHttpRquest(){ if(window.ActiveObject){ xmlHttp = new ActiveXobject("Microsoft.XMLHTTP");
2017-04-05 22:42:36
351
原创 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
689
原创 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
3136
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
365
原创 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
3362
原创 vue 全局/局部组件
Vue.component('my-compoent',{ template:'测试1' }) new Vue({ el:'#example1' }) //创建一个组件构造器 var myComponent = Vue.extend({ template:' 测试2' })
2017-03-23 16:34:20
6781
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人