javascript
yilaisai
这个作者很懒,什么都没留下…
展开
-
打开浏览器窗口,窗口已存在,跳转到已有窗口页签,不存在才新开页签窗口
需求内容:A页面打开B页面,当B页面之前打开过,直接跳转到B页面,而不是会新开一个页面。一般都是说用opener来解决,但是opener有个问题,就是当A页面打开B页面,A页面又打开C页面,B打开C页面用opener关联不上,还是会开新页面。花了一天时间,还是找不到完美的解决方案,只有一个阉割版的方案如下:每一个页面都需要name命名,将name列表存在localStorage里面,打开新页面的时候检测新页面name是否在name列表中,在的话用 window.open(‘javascript:;’,原创 2021-11-30 15:56:39 · 869 阅读 · 0 评论 -
前端常用小技巧大全(持续更新)
工作中需要用要一些不常用的小技巧,由于不常用,总记不住,所以在这里记录一下。1、input numer类型去掉后缀增加减少的框。input { &::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } &::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } }...原创 2020-09-17 17:30:14 · 625 阅读 · 1 评论 -
animation&keyframe在IOS下浏览器显示问题
今天新做一个页面需要用到@keyframe完成动画效果,在PC端和安卓手机上都可以实现,但是在苹果手机上初始化动画效果会有一些BUG。如下,一条线的高度从0到 1.19rem,但是打开页面第一次高度经过0.5秒并没有到1.19rem,就是显示了一点长度就停止了,过了0.5秒以后会继续执行其他的动画。切换组件隐藏再显示,这个时候动画效果又是正常的。.scen_processLine1 {...原创 2020-04-28 15:49:15 · 1263 阅读 · 1 评论 -
JS截断小数点,避免浮点类问题
网上搜到的常用的JS截断小数点方式遇到比较特殊的数字,会出现bug,主要是因为JS的浮点计算问题。常用的JS截断小数点方式如下:function pointNumber(number,length) { return Math.floor(number*Math.pow(10,length))/Math.pow(10,length)}但是这个 pointNumber(522.18...原创 2019-11-26 18:13:43 · 1062 阅读 · 0 评论 -
压缩字体 gulp-font-spider
拿UI给的字体直接用,字体太大,直接影响网站首次加载速度。利用 gulp-font-spider提取用到的字体,去除没用到的字体,大大减少了加载字体文件的大小。如果Vue项目要用压缩字体,用fontmin 。官网http://font-spider.org按需压缩:从原字体中剔除没有用到的字符,可以将数 MB 大小的中文字体压缩成几十 KB 简单可靠:完全基于 HTML 与 CS...原创 2019-11-11 11:00:14 · 1199 阅读 · 0 评论 -
gulp详细配置 gulpfile.js
项目上配置的gulp配置文件,省的以后重新配置。// gulpfile.jsconst gulp = require('gulp')const babel = require('gulp-babel')const sass = require('gulp-sass')const fileSystem = require('fs')const watch = require('gulp...原创 2019-09-04 18:37:50 · 578 阅读 · 1 评论