- 博客(22)
- 收藏
- 关注
RSS订阅原创 postMessage 实现A系统新开B系统页面，B系统获取A系统token，从而通过B系统登录验证
业务场景：A系统和B系统相互跨域， A系统开起B系统，B系统需要获取登录验证信息 A，B系统都是通过token验证登录信息
2021-06-04 09:56:40
1062
3
转载 JS正则表达式大集合
链接地址，做记录 方便以后查询，毕竟我是正则白痴https://www.jb51.net/article/167287.htm
2020-03-26 10:18:06
294
原创 图片批量上传，删除，预览，滚轮缩放
在前一个公司封装了一个小小的管理系统平台的GiGiForm。用在了两个小的PC端系统上，这篇文章我将图片（头像）批量上传功能单独提出来说说，又是那句话，又给自己做总结了。其实我只是想在以后的开发工作中再次遇到同样的需求的时候 ，复制，粘贴。完美。。。该模块实现的主要功能有：图片单张或多张选择； 支持图片预览，切换，删除； 预览时支持鼠标滚轮缩放图片，图片拖动 可以限制图片数量 单张...
2020-01-17 11:30:11
660
原创 优秀前端修行之路
面试是快速认清自己和找到学习方法的有效方法，经过前端时间的面试经历，让我感悟到，工作中遇到的问题所涉及范围太小，做一套面试题就像读书时做一套卷子，不停的做试卷，会遇到不同的知识点，扩宽自己的知识领域，增加自己的知识点。前端修行之路https://github.com/Advanced-Frontend/Daily-Interview-Question/issues高级前端面试大全一...
2020-01-15 15:01:44
215
原创 iview使用小结 之 Form表单
1.给表单设置ref值，通过this.$ref.name.validate((valid) =>{}) 校验数据2.通过model绑定Form数据源searchParam3.通过rules绑定验证规则4.在data里制定详细的验证规则5.每个表单的prop值对用验证规则里的名字相同的key6.通过datapicker的options设置时间选项限制7.通过绑定onc...
2020-01-15 11:22:21
2587
原创 将小写金额转换为大写金额，根据对象的某属性排序，打印@media print
1.将小写金额转换为大写金额 moneyTurn(number) { if(number === 0 || number === '0'){ return '零' } let AA = new Array(...
2020-01-10 10:16:50
244
原创 浏览器数据存储 Local Storage, Session Storage, IndexedDB ,WebSQL, Cookies
浏览器存储方式这么多，可我以前却独宠Local Storage一人，但是了解到IndexedDB的时候，我觉得我要变心了，我果然不是一个专一的人？？？？（？）参考其它资料对几种数据存储的分析，我自己给自己做个总结。浏览器的存储方式有这些：首先结合网上资料对几种存储方式做个分析。Local StoragelocalStorage（本地存储）是HTML5的的WebStorage提供...
2019-12-05 11:45:17
1155
原创 基于VUE的一个分页组件（可上一页，下一页，输入页码跳转，页码过多时省略号显示）
效果如图：一：组件代码Pager.vue<template id="pager"> <div> <div class="pager" v-if="totalPage > 1"> <div> <a v-if="pageArr.length > 1" href="javascrip...
2019-11-18 15:38:29
4102
原创 Array.reduce()妙用一
我对reduce的了解还是不够深刻啊记录一下。有一个数组 arr = ['person','infomation','name']有一个对象 obj ={person:{infomation:{name:'gigi'}}}写一个函数实现取得obj[person][infomation][name]的值利用reduce实现：const a = arr.reduce((a, i)...
2019-11-01 16:37:52
220
原创 new Date() 时间转换在IOS中日期多了一天
昨晚收到一个用户反馈，明明是2019年10月30号充值，结果充值成功后显示的充值时间是10月31号。直接让用户怀疑人生，仿佛穿越到了第二天（这句话只是开个玩笑）。解决bug过程中首先发现只有苹果手机有这个问题。后端返回的时间是‘2019-10-30T20:41:15.603’,前端用的是new Date()去转换。转换后getDate()出日期在ios上直接多了一天，30号变成31号。（废话时间结...
2019-10-31 11:41:43
1595
原创 vue-skeleton-webpack-plugin创建骨架屏踩坑之路（Skeleton.vue 内部STYLE样式未生效问题）
这两天有空了解了下骨架屏，虽然了解的有点迟，但是自己总要了解下吧，学习永远不算晚。参考文章：vue-cli 构建的项目如何加入骨架屏 skeletonhttps://blog.youkuaiyun.com/u012878818/article/details/81216272#commentsedit 让骨架屏更快渲染 - xiaOp的博客https://juejin.im/entry/5...
2019-02-18 11:16:02
5413
3
原创 扩展天气图标skycons.js, 将10个扩展到20个
第一步：引用js引用js:<script src="js/skycons.js"></script>第二步：在HTML中定义canvas元素 <canvas id="icon4" width="88" height="88"></canvas>第三步：初始化和调用var skycons = ne
2019-01-21 11:20:55
1067
2
原创 nodeJS搭建中转服务器，阿里云人脸比对DEMO
第一步： 搭建服务端（node端）1.建立一个文件夹，在文件夹里建立一个packge.json文件将以下内容复制到文件中（因为利用express创建，所以要安装express依赖）{ "name": "face", "description": "face", "version": "0.0.1", "private": true, &quo
2018-12-05 16:05:15
949
1
原创 常用的meta标签
字体编码--> metacharset="utf-8"/> 关键字--> metaname="keywords" content=""/> 说明-->metaname="description" content=""/> 作者--> metaname="author" content=""/> 设置文档宽度、是否
2018-02-02 16:06:32
268
原创 js结合schema实现外部网页点击APP下载按钮，已安装的话打开APP，未安装跳转到下载页
项目经常有APP分享出去的页面，点击下方的按钮时要求如果安装了APP，打开APP并跳转到相应页面，如果未安装就跳转到下载页面。如图html代码 下载APP 脚本代码 var btn_download = $('#btn_
2017-10-13 15:31:34
7286
原创 整理一下js判断移动端的各种浏览器
var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";var bIsMidp = sUserAgent.matc
2017-10-13 11:42:04
540
原创 简单实现瀑布流布局
function waterfull() { var doc_w = document.getElementById('waterfull').offsetWidth; // 获取宽度 var lis = document.getElementsByClassName('waterli'); // 获取页面中定位元素集合 var li_w = lis[0].offsetWidth; // 获取页面中定位元素的宽度 var n = Math.floor(doc_w / li_w
2017-10-13 09:53:35
371
转载 CHROME开发者工具的小技巧
CHROME开发者工具的小技巧 2017年01月19日 陈皓 评论 49 条评论 38,506 人阅读Chrome的开发者工具是个很强大的东西，相信程序员们都不会陌生，不过有些小功能可能并不为大众所知，所以，写下这篇文章罗列一下可能你所不知道的功能，有的功能可能会比较实用，有的则不一定，也欢迎大家补充交流。话不多话，我们开始。代码格式化有很多css/
2017-10-11 15:51:43
443
原创 去除html字符串里面的标签
function removeHTMLTag(str) { str = str.replace(/]*?>[\s\S]*?/ig, ''); //去掉; str = str.replace(/]*?>[\s\S]*?/ig, ''); //去掉; str = str.replace(/]*>/g, ''); //去除HTML tag str = str.re
2017-10-10 18:58:26
946
原创 获取地址栏指定参数的值
代码function request(paramName) { var paramValue = ""; var params = window.location.href.split('?')[1]; if (params == null || params == "") return paramValue; var arr = pa
2017-10-10 18:54:43
643
原创 利用CSS和jquery 实现圆环统计图
圆环统计图.circlewrap {position: relative;display: inline-block;}.hugecircle {width: 8rem;height: 8rem;box-shadow: 0px 0px 12px #ccc;border-radius: 50%;}.bigcircle {width: 6
2017-10-10 18:00:02
1716
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人