前端
文章平均质量分 77
Marktubbu
你对所学东西理解深度,决定了你所站的高度
展开
-
移动端兼容性问题解决方案
原文地址:http://www.cnblogs.com/wangpenghui522/p/5398137.html 1. IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的,2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上,使用了双击缩放(double tap to zoom)的方案,比如你...原创 2021-04-26 13:51:40 · 813 阅读 · 0 评论 -
vue 前端页面无操作时,执行某些操作
需求:用户长时间不再操作电脑的时候,应该给用户自动退出系统,这样可以防止有别人使用电脑操作上一个用户的数据。或用户长时间不操作,隐藏鼠标等。思路监听鼠标移动以及键盘操作。 设置timer,timer到达指定值后进行跳转并提示。 开启timer并且关闭timer实现设定一个计数值,利用js原生的事件,对鼠标,键盘进行监听,如果一有触发的鼠标,键盘的话,就将计数值清零,否则,计数值一直累加,当累加到一个目标值,即那个无操作退出系统的时间就可以触发退出系统函数。data () {..原创 2021-02-24 10:07:09 · 1616 阅读 · 0 评论 -
yarn 环境安装依赖报错解决方法(info fsevents@1.2.7: The platform “win32“ is incompatible with this module.)
⚙ Installing CLI plugins. This might take a while…yarn install v1.13.0info No lockfile found.[1/4] Resolving packages…[2/4] Fetching packages…info fsevents@1.2.7: The platform “win32” is incompatible with this module.info “fsevents@1.2.7” is an optio原创 2021-02-22 13:39:53 · 1334 阅读 · 0 评论 -
vue axios response 失败拦截
最开始认为失败没走拦截 成功走了instance.interceptors.response.use(response => { // dataAxios 是 axios 返回数据中的 data const dataAxios = response; // 这个状态码是和后端约定的 const CODE = dataAxios.data.code; // 根据 code 进行判断 if (CODE === undefined) { .原创 2020-08-03 18:44:35 · 1452 阅读 · 0 评论 -
解决swiper在标签页里面 先隐藏后显示 之后 的一系列问题
方法一:当页面很简单的时候,比如 页面时只有一个标签页,那么我们直接用最简单的方法,直接看官网就可以啦API就可以啦,里面提供了API -----> http://www.swiper.com.cn/api/observer/218.html这里写图片描述这里写图片描述如下就是啦:var swiper = new Swiper('.newlb2 .swiper-containe...原创 2019-11-08 14:53:21 · 619 阅读 · 0 评论 -
shiro权限验证标签
实例:spring-shiro.xml123/admin/repairType/index = roles["ROLE_ADMIN"]/admin/user=roles["ROLE_ADMIN"]/admin/complaint/list= roles["ROLE_SERVICE,ROLE_ADMI转载 2017-05-26 16:57:55 · 372 阅读 · 0 评论 -
JS实现图片预加载
但是在首次加载的时候,需要加载的资源多,导致页面很慢,有些图片还没加载完,动画就已经执行完了,弄的用户体验很糟糕。这几天有空闲时间,就想着优化一下,先加载些图片,让用户一开始的时候等待一些时间,用以提高后续的体验。参考了网上的很多方法,代码如下: function preload(arr) { var newimages = [];原创 2017-06-23 15:59:42 · 745 阅读 · 0 评论 -
详解5种跨域方式及其原理
同源定义 如果两个页面拥有相同的协议(protocol),端口(如果指定),和主机,那么这两个页面就属于同一个源(origin)。以下是同源检测的示例URL结果原因http://store.company.com/dir2/other.htmlSuccesshttp://stor转载 2017-08-10 16:28:27 · 324 阅读 · 0 评论 -
css移动端单位转换 px 转rem
(function (a, d) { var b = a.documentElement, e = "onorientationchange" in window ? "onorientationchange" : "resize", c = function () { var a = b.clientWidth; a && (b.style...原创 2018-06-14 10:22:10 · 1006 阅读 · 0 评论 -
webstorm license server 破解
http://idea.lanyus.com/原创 2017-05-22 15:44:30 · 1282 阅读 · 0 评论 -
js 数组
JavaScript的Array可以包含任意数据类型,并通过索引来访问每个元素。要取得Array的长度,直接访问length属性:var arr = [1, 2, 3.14, 'Hello', null, true];arr.length; // 6请注意,直接给Array的length赋一个新的值会导致Array大小的变化:var arr = [1, 2, 3];arr...原创 2019-09-03 09:50:34 · 156 阅读 · 0 评论 -
浏览器跨域问题解决办法
前言之前在一个项目中,调用了别的部门的接口,但是由于存在跨域问题,只能进行简单的本地数据模拟调试,然后再把资源给对方进行联调。这样的方法肯定不是最佳方案,正好最近看到一篇文章,说到的就是跨域问题的解决办法,所以进行了学习和整理。同源政策首先说说同源政策,最初,它的含义是指,A网页设置的Cookie,B网页不能打开,除非这两个网页“同源”。所谓“同源”,就是三个相同:协议相同转载 2017-05-26 10:37:49 · 491 阅读 · 0 评论 -
淘宝镜像
http://npm.taobao.org/原创 2016-11-28 15:21:50 · 298 阅读 · 0 评论 -
前端工程化
1、开发规范制定好开发规范、部署的目录规范、编码规范。好的目录规范能让项目结构清晰,便于维护和扩展;好的编码规范能让团队内同学的代码风格统一,便于代码审查。 2、模块化针对JavaScript、CSS,以功能或业务为单元组织代码。JavaScript 模块化方案很多,如 AMD/CommonJS/UMD/ES6 Module 等,CSS 模块化开发基本上都是原创 2016-12-13 15:06:16 · 329 阅读 · 0 评论 -
前端经验技巧谈论
原文地址前端工作了一段时间经验总结,献给做前端的同学,希望对大家有所帮助。一,编辑器的选择,推荐webstorm,绝对的神器。不要用dw了,它最骄傲的所见即所得其实没什么用,因为根本就不准,代码提示也不人性话,不方便。Webstorm的方便之处(目前用到的),1.可以分屏,左右同时编辑两个文件,比如左边编辑html,右边编辑它的css/js。2.代码提示很人性话,分级结构也很清洗。转载 2016-03-28 15:13:11 · 393 阅读 · 0 评论 -
浅谈HTTP中Get与Post的区别
浅谈HTTP中Get与Post的区别 Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查,改,增,删4个操作。到这里,大家应该有个大概的了解了,GET一般用于获取/查询资转载 2016-04-18 14:24:27 · 346 阅读 · 0 评论 -
JS中国时间转化为标准时间 Thu Aug 22 2013 15:12:00 GMT+0800
var format = function(time,format){var t = new Date(time);var tf = function(i){return (i return format.replace(/yyyy|MM|dd|HH|mm|ss/g,function(a){switch(a){case ‘yyyy':return tf(t.getFul原创 2016-05-13 15:05:28 · 5727 阅读 · 0 评论 -
JavaScript 动态删除数组
Array.prototype.remove=function(dx) { if(isNaN(dx)||dx>this.length){return false;} for(var i=0,n=0;i { if(this[i]!=this[dx]) { this原创 2016-05-18 11:57:34 · 734 阅读 · 0 评论 -
js将对象所有属性(都是数字,浮点小数),将其保留整数
var data={ "power":{ "input":{ "xxx":{ "xxx1":4.2333, "xxx2":9.5555 }, "ddd":888.55,原创 2016-05-18 13:06:53 · 836 阅读 · 0 评论 -
js sort()、reverse()方法
我们来看一下JS中sort()和reverse()这两个函数的函数reverse();这个函数是用来进行倒序,这个没有什么可说的,所谓倒序就是大的在前面,小的在后面。eg: var array1 = [0,1,5,10,15]; array1.reverse();//结果为:15,10,5,1,0如果调用该方法时没有使用参数,将按字母顺序对数组中原创 2016-05-20 11:15:29 · 556 阅读 · 0 评论 -
前端布局、颜色
前端布局、颜色http://paletton.com/#uid=53O0j1kGEwQeQM1lcGkZLpjZrkBkQkt0kbI1reIf+XkZ+Lgjk++Z0hYWup1YN++ru++mQhttp://wiki.jikexueyuan.com/project/material-design/animation/responsive-interaction.html原创 2016-11-10 11:12:22 · 404 阅读 · 0 评论 -
localStorage请使用getItem 和setITem
localStorage请使用getItem 和setITem最近看别人的代码,发现他们在从localStorage里面的时候喜欢用dot来操作,而不是get setItem,记得以前说过这个事。下面再说一次吧。用dot方式来操作( 每次以'hello'=>'world','zhangsan'=>'lisi'来做为例子 ) 设值 localStorage.原创 2016-11-10 15:04:52 · 606 阅读 · 0 评论 -
h5本地存储localStorage,sessionStorage
h5本地存储localStorage,sessionStorage。localStorage是没有失效时间的,sessionStorage的声明周期是浏览器的生命周期。 当浏览器关闭时,sessionStorage的数据将清空,而localStorage数据只要不通过代码特意的删除或手动删除,是永久保存的。删除方法:localStorage.clear();原创 2016-11-10 16:06:00 · 377 阅读 · 0 评论 -
jquery cdn 加速
http://www.jq22.com/cdn/原创 2016-11-10 18:15:01 · 317 阅读 · 0 评论 -
浮动兼容问题
1、IE 双边距 BUG IE 下块属性标签浮动,并且有横向margin,横向margin加倍:(1)IE6 (2)浮动(3)横向margin(4)块属性标签(加display:inline)2、IE 下 li 部分兼容性问题(1)左右两列布局,右边右浮动 IE6,IE7 下折行(左边元素浮动)(2)IE6,IE7 li 下元素都浮动 在 IE6,IE7 下原创 2016-03-28 13:56:29 · 281 阅读 · 0 评论