- 博客(31)
- 资源 (3)
- 收藏
- 关注
原创 异步挥回调函数 promise回调 完整版 详细版 多功能封装
//一、Pomise.all的使用//Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。//具体代码如下:let p1 = new Promise((resolve, reject) => { resolve('成功了')})let p2 = new Promise((resolve, reject) => { resolv
2021-04-01 18:01:57 435
原创 js页面控制全屏和退出全屏 按钮控制
//js控制进入全屏 fullScreen() { var el = document.documentElement, rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen, wscript; if(typeof rfs != "undefi
2021-04-01 18:00:44 421
原创 数据库格式时间格式格式时间 可用
//获取当前日期格式为 【2017-12-12 12.00】 CurentTime() { var now = new Date(); var year = now.getFullYear(); //年 var month = now.getMonth() + 1; //月 var day = now.getDate(); ..
2021-04-01 17:59:57 348
原创 js 禁止背景滚动 遮罩禁止滚动 和 可以滚动 实测可用
//十八、 页面禁止滚动 stopScroll(){ var el = document.getElementsByTagName('body')[0]; el.style.overflow = "hidden";}//十九、 页面保持滚动 stayScroll(){ var el = document.getElementsByTagName('body')[0]; el.style.overflow = "auto";}更多在线前端布局 特效 模板 功能 交互 .
2021-04-01 17:59:02 354
原创 对象 函数数组深拷贝复制
/** *二十四、深拷贝一个对象 *initalObj被复制的对象 *finalObj复制的对象*/deepClone(initalObj, finalObj) { var obj = finalObj || {}; for (var i in initalObj) { var prop = initalObj[i]; // 避免相互引用对象导致死循环,如initalObj.a = initalObj的情况 if(prop =.
2021-04-01 17:57:59 172
原创 js 前端密码强大检测兼容实用
/** * 检测密码强度 * checkPwdLv('12asdASAD') -> 3 * @param {[type]} str [description] * @return {[type]} [description] */ checkPwdLv (str) { let nowLv = 0 // 密码长度 < 6,强度为 0 if (str.length < 6) { ...
2021-04-01 17:56:46 104
原创 动态创建js标签 script标签详细版
/** * 动态创建 <script> */ createScript (url, charset = 'utf-8') { let script = document.createElement('script') script.setAttribute('type', 'text/javascript') script.setAttribute('charset', charset) script.setAt...
2021-04-01 17:56:02 1402
原创 去掉字符所有空格 前后空格 左右空格 过滤空格
/** * 去掉前后空格 * 1:前后空格(默认) 2:所有空格 3:前空格 4:后空格 * @param {[type]} str [description] * @param {Number} type [description] * @return {[type]} [description] */ trim (str, type = 1) { switch (type) {...
2021-04-01 17:55:16 144
原创 数字大小写转换 专业版 完整版 货币金额转换
/** * 大小写转换 * 1:首字母大写 2:首页母小写 3:大小写转换 4:全部大写 5:全部小写 */ changeCase (str, type) { function ToggleCase (str) { var itemText = '' str.split('').forEach( function (item) { if (/^([a-z...
2021-04-01 17:54:16 215
原创 HTML 实体字符转义 过滤字符串 防止xss攻击 过滤数据库
/** * HTML 实体字符转义 */ htmlEncode (str) { let s = '' if (str.length === 0) { return '' } s = str.replace(/&/g, '&') s = str.replace(/>/g, '>') s = str.replace(/</g...
2021-04-01 17:53:10 495
原创 货币资金数字转换自动加逗号简约版数字转换
/** * 如何优雅的实现金钱格式化 * 1234567890 --> 1,234,567,890 * @return {[type]} [description] */ formatMoney (str = '1234567890') { return str.replace(/\B(?=(\d{3})+(?!\d))/g, ',') // 1,234,567,890 }, 更多布局来自百度:职业生涯...
2021-03-28 09:52:29 186
原创 格式化js时分秒 接受不同参数 展示控制
/** * 获取当前时间 * 2017-08-11 22:52:13 星期六 * @param {Boolean} hasDay 是否需要年月日 * @param {Boolean} hasHour 是否需要十分秒 * @param {Boolean} hasWeek 是否需要星期 * @param {String} sign1 分隔符 * @param {String} sign2 分隔符 ...
2021-03-28 09:50:42 83
原创 时间戳转分钟数 单个方法
/** //分钟 转 格式化分钟 * 格式化时间戳 (分:秒) * 61 -> 01:01 * @param {Number} timestamp 时间戳 * @param {String} sign 分隔符,默认 : * @return {[type]} [description] */ format (timestamp, sign = ':') { timesta...
2021-03-28 09:49:25 2157
原创 js倒计时 天 时分秒
/** * 倒计时 * countDown('2017-8-11 24:0:0') -> 剩余0天0小时54分钟41秒 * @param {Date} endTime 结束时间 * @return {[type]} [description] */ countDown (endTime) { let start = new Date() let end = new Date(endTim...
2021-03-28 09:47:20 117
原创 jquery 最全完整学习资料 选择器全文注释说明 jquery文档
入口执行函数//第一种$(document).ready(function(){ func(xxx)//执行函数 });//第二种 $(function(){ func(xxx)//执行函数 }); //第三种 jQuery(function($) { func(xxx)//执行函数 }); //第四种 // 1.在body里面写初始化方法.<body onload='init
2021-03-28 09:43:31 180
原创 识别url地址栏解析参数传参
/** * 解析 URL 参数 * http://localhost:8080/?id=123&key=vaule#/restaurant/seller * "?id=123&key=vaule" * {id: "123", key: "vaule"} */ urlParse (url = window.location.search) { // window.location.href 当前文件的绝对地址 ...
2021-03-28 09:36:20 194
原创 本地存储的封装 localstorage
新建js 文件然后将以下代码//localstorage 增 删 改 查 // 存储 localstorage // localStorage.key="value" // localStorage.setItem(key, value) setLocalstorage (key = '__test__', value) { if (typeof value !== 'string') { value = JSON.stringify(value)
2021-03-28 09:33:45 132
原创 获取时间的某年某天某月某日
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.getTime(); //获取当前时间(从1970.1.1开
2021-03-28 09:30:48 144
原创 绝对定位transform 和 margin-left
两种绝对定位 position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 100px; /* 要设定宽度 */更多布局来自:百度:职业生涯前端存储库...
2021-03-28 09:28:52 360
原创 伪元素扩大点击范围 css样式
解决伪元素扩大点击范围.expand-range { position: relative;}.expand-range:after { content: ''; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px;}更多布局来自:百度:职业生涯前端存储库
2021-03-28 09:25:47 265
原创 判断手机型号 详细自测可用版
/** * 判断是否移动设备访问 */function isMobileUserAgent() { return (/iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i .test(window.navigator.userAgent.toLowerCase()));} /** * 判断是否苹果移动设备访问 */function isAppleMobileDevice() { .
2021-03-25 00:39:50 262
原创 动态改变对象属性值
你可以在声明对象之前分配一个动态属性。const dynamic = 'color';var item = { brand: 'Ford', [dynamic]: 'Blue'}console.log(item);// { brand: "Ford", color: "Blue" }前端多功能库 http://www.qdzjk.cn职业生涯前端存储库...
2021-03-25 00:36:47 353
原创 v-html 转换和过滤
// 标题 imgReplace(val) { let type = val.type ? `【${val.type}】` : ""; return val.questionStem + type; },v-html 转换和过滤前端多功能库 http://www.qdzjk.cn/职业生涯前端存储库
2021-03-25 00:35:38 207
原创 video 配置详细参数
<video id="video" src="video.mp4" controls = "true" poster="images.jpg" // 视频封面 preload="auto" webkit-playsinline="true" /* 这个属性是ios 10中设置可以让视频在小窗内播放,也就是不是全屏播放*/ playsinline="true" // IOS微信浏览器支持小窗内播放 x-webkit-airplay="allow" x5
2021-03-25 00:32:32 2324
原创 数组过滤的一些自己的方法
require //过滤重复数组1 let aaaaaaaa = [22,33,4,66,77,88,22,33,4,66,22,33] let nerData = []; nerData = aaaaaaaa.filter((ele,index,item) => { return item.indexOf(ele) === index; }); console.log("99999",nerData);
2021-03-25 00:31:44 118
原创 路由传参高性能模式 vue 路由接受参数
路由传参高性能模式 vue 路由接受参数const router = new VueRouter({ routes: [{ path: '/user/:id', component: User, props: true }]})将路由的 props 属性设置为 true 后,组件内可通过 props 接收到 params 参数export default { props: ['id'], methods: {
2021-03-25 00:30:11 85
原创 new FormData() 不可以直接打印 打印方法
new FormData() 不可以直接打印 打印方法上传文件打印方法: param.forEach((value, key) => { console.log("key %s: value %s", key, value);})职业生涯前端存储库
2021-03-25 00:29:10 790
原创 上传文件各种转换二进制 blob file 说明
上传文件各种转换二进制 blob file 说明//FileReader 模式读取readAsBinaryString(Blob|File):返回二进制字符串,该字符串每个字节包含一个0到255之间的整数。-----------------------------------readAsText(Blob|File, opt_encoding) :返回文本字符串。默认情况下,文本编码格式是'UTF-8',可以通过可选的格式参数,指定其他编码格式的文本。readAsText方法用于读取
2021-03-25 00:27:59 3227
原创 视频 video 标签居中 写法
视频标签居中 overflow: hidden; display: flex; align-items: center; justify-content: center;UI布局库职业生涯前端存储库
2021-03-25 00:23:46 13283 1
大疆无人机云台标定,御air、晓、御2哈苏和变焦、 mini都可自动标定,科步云台标定3.0.zip
2022-01-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人