- 博客(22)
- 收藏
- 关注
RSS订阅原创 值得收藏的前端开发必备工具类函数
// 监听浏览器关闭 和刷新export const pageIsClose = () =>{ let _beforeUnload_time = 0, _gap_time = 0 //是否是火狐浏览器 const is_fireFox = navigator.userAgent.indexOf("Firefox")>-1 window.onunload = function (){ _gap_time = new Date().getTime() - _b.
2020-11-24 18:35:11
177
1
原创 常用正则整理
// 常用正则export const regExpConfig = { IDcard: /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/, // 身份证 mobile: /^1([3|4|5|7|8|])\d{9}$/, // 手机号码 telephone: /^(\(\d{3,4}\.
2020-11-09 14:46:13
171
原创 vsCode常用插件
一.vue专用。vetur目前比较好的Vue语法高亮，语法高亮、智能感知、Emmet等。Vue Peek — 查找vue组件文件Vue 2 SnippetsVue2 片段补全工具VueHelper Vue2代码段（包括Vue2 api、vue-router2、vuex2）VueHelper 新建vue模板配置方法：第一步：新建模板并保存文件 --> 首...
2020-01-02 15:25:39
1466
原创 git常用命令整理
查看分支：git branch创建分支：git branch <name>切换分支：git checkout <name>创建+切换分支：git checkout -b <name>提交到当前远程分支：git push origin <name>合并某分支到当前分支：git merge <name>...
2019-11-28 09:59:35
124
原创 Node 的Express框架配置本地 + 外网可访问服务器（holer 或 NOTAPP）
本文参考：https://www.jianshu.com/p/af5f24ab7a22；https://blog.csdn.net/wangudongdong/article/details/83819108一.安装Express (express-generator)，搭建本地文件服务器cnpm install express --save1.全局安装express-g...
2019-07-25 18:00:09
3754
原创 vue移动端日历组件封装
最近项目需求，需要做一个移动端的日历，类似于安卓原生日历。晚上找了很多成熟的插件都不是想要。偶然的机会发现某篇博客上有人写的有类似的，于是拿过来稍加改造，终于可以用了。在这里非常感谢这位博主，省去我很多的开发时间。附上此博客地址：https://blog.csdn.net/yin_you_yu/article/details/81126513 费话不多说，直接附上...
2019-05-21 16:35:45
10156
5
原创 js封装md5
/**** MD5 封装***/var MD5 = function (string) { function RotateLeft(lValue, iShiftBits) { return (lValue<<iShiftBits) | (lValue>>>(32-iShiftBits)); } function AddUnsig...
2019-05-18 11:58:12
630
原创 js封装cookie
const cookie = { //写cookies setCookie: function(name, value, day=1) { let days = day let exp = new Date() exp.setTime(exp.getTime() + days*24*60*60*1000) document.cookie = name ...
2019-05-18 11:54:34
251
原创 js数组或者对象深拷贝和浅拷贝函数封装
浅拷贝概念：浅拷贝的意思就是只复制引用，而未复制真正的值。仍指向同一个地址，修改时原对象也会受到影响方法：1.利用 = 赋值操作符实现浅拷贝。2.数组的浅拷贝一般使用 slice、concat。3.数组浅拷贝 - 遍历 。4.对象浅拷贝 - Object.assign()。5.对象浅拷贝 - 扩展运算符函数封装//对象及数组浅拷贝函数封装 functi...
2019-02-24 14:36:28
1066
5
原创 vue2.0和mintui-infiniteScroll 结合实现无线滚动加载
<template lang="html"> <div class="main"> <div class='list-box'> <ul v-infinite-scroll="loadMore" infinite-scroll-disabled="loading"
2018-09-12 09:55:47
2012
3
原创 js原生ajax请求利用promise封装函数
废话不多说，直接上代码。 /*利用promise封装的ajax函数*/ function ajax(method,url, data){ /*兼容IE*/ var request; if(window.XMLHttpRequest){ request =new XMLHttpRequest(); }else{ request=new Act...
2018-08-01 15:51:14
3327
原创 css自定义设置浏览器（Webkit内核）滚动条样式
一，常用属性。::-webkit-scrollbar{ } /*滚动条垂直方向的宽度与水平方向的高度，颜色*/::-webkit-scrollbar-button{ } /*滚动条按钮*/::-webkit-scrollbar-track{ } /*滚动条轨道*/::-webkit-scrollbar-track-piece{ } /*滚动条垂直方向轨道件*/ ::-webki...
2018-07-30 16:41:38
966
原创 vue.js 使用 fastclick解决移动端click事件300毫秒延迟方法
一.使用npm安装：npm install fastclick -S二.用法：安装完以后，可以在在main.js中全局引入，并绑定到body，全局生效。或者在单页面引入，只针对当前页面生效//引入import FastClick from 'fastclick'//初始化FastClick实例。在页面的DOM文档加载完成后FastClick.attach(document...
2018-07-16 10:58:21
9228
9
原创 vue2.0 keep-alive组件用法
在做vue移动端项目的时候，有些课程列表内容特别多，通过做上拉加载就可以分批加载，但是如果用户操作到四五页左右点进去看课程详情，返回会回到第一页数据。这样再次上拉加载找课程就比较麻烦。所有我们可以利用vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗。定位用户当前操作的位置及数据。一.根据实际需求，将keep-alive组件开关定到相应页面，通常都是在...
2018-05-22 10:07:02
400
原创 vue2.0中针对字符串类型数据转换并输出方法，输入框宽度根据文字输入个数动态增加方法。
最近做的项目有一个考试作答功能，其中除过单选，多选，判断，简答，还有填空题。其他题操作都很简单，但是填空题就稍微麻烦一点，需要做处理。一.数据结构及最终显示效果：二.HTML代码（重点<i v-html="emptyOut(vo.title)" class="i_title"></i>）：<div class="answer-content-body" v-for=".
2018-05-18 16:29:33
11969
2
原创 vue2.0在PC端图片放大预览，始终保持在浏览器中间位置操作
通常放大图片预览无非是加一个遮罩层，然后让图片以一定的宽高显示。但是在实际中我们可能有像试卷一样每道题都有图片，只要点击都能预览，由于题很多，可就很难保证图片永远在可视区域中间位置显示，所以我们得通过js做一些处理：.img-show-mask { width: 100%; height: 100%; position: absolute; left: 0; ...
2018-05-18 14:58:02
4732
原创 js获取图片原始比例并根据比例显示宽高
由于每个图片上传的时候比例大小都不一样，如果要在移动端展示，统一宽高效果会非常差。所以我们可以获取图片的原始宽高，然后以移动的比例展示，效果会非常好。以下就是实现方法： //获取图片原始宽高getNaturalImgSize: function(img, callback) { /** *img元素 *callback 回调函数 **/ va...
2018-05-17 15:25:04
8890
原创 vue2.0实现echarts饼图（pie）效果展示
最近做的项目需要饼状图展示数据的功能，于是便引入echarts做了一个饼状图的效果展示。由于只用到echarts其中的饼图，所以就单独在需要的模块引用，避免全局引用影响性能，减少不必要的加载。一.使用 cnpm 安装 Echartscnpm install echarts -S二.HTML部分<div class="chart-main" id="chart-main"> ...
2018-05-14 10:34:52
30376
1
原创 js数组去重
javascript数组去重，根据后台返回数据id做去重处理：removeRepetition: function(arr) { var res = []; for(var i = 0, len = arr.length; i < len; i++) { var obj = arr[i]; for(var j = 0, jlen = res.length...
2018-04-27 09:45:26
112
原创 vue2.0 结合HTML5原生Audio标签在移动端的使用实现方式，应用场景为钉钉微应用
在做vue2.0钉钉微应用项目，有需要播放音频的是需求，用阿里云sdk播放器不购买相关服务，音频有些播放不了。于是我就直接用HTML5原生的Audio标签自己写音频播放器。（业务需求：记录上次播放位置并从上次播放位置播放，观看进度不满100%不允许快进，满100%方可快进。）以下是整个业务代码：CSS部分：.audio-box{ height:100%; width:100%...
2018-04-25 11:38:52
3141
原创 vue和mintui-Loadmore结合实现上拉加载（移动端钉钉微应用）
最近做移动端钉钉微应用，使用Vue2.0+Webpack+Mint-UI实现上拉加载功能（下拉刷新也是同理，需要的可以看下Min-UI官方介绍）。下面是实现代码：HTML部分：<template lang="html"> <div class="video-content" :style="{'-webkit-overflow-scrolling': scrollMode}"...
2018-04-24 17:45:38
2451
3
原创 vue2.0项目中使用CSS3 animation动画在安卓手机上失效解决办法
vue2.0 + webpack做移动端项目，如果在项目中使用了CSS3 animation动画属性，会发现在ios上完全没问题，但是在安卓手机上依然失效，尽管把animation在五大浏览器各种兼容都写了还是不行，原因其实很简答。其实在 vue-cli脚手架package.json配置文件里面就有对浏览器的版本做css的前缀处理"browserslist": [ "> 1%", ...
2018-04-24 10:52:09
5154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人