2 Shadow_Weirdo

尚未进行身份认证

我要认证

程序猿

等级
TA的排名 16w+

前端js搜索

/**检查一个字符串是否包含在另一个字符串里,并且首字符相同 * i:计算机科学与技术 * j:计科 * 返回true * */ function checkStrContain(i, j) { if(!i || !j){ return false; } if(i.charAt(0) != j.charAt(0)){ return false; }

2020-09-04 10:45:29

vue.config.js常用用配置

const path = require("path");const resolve = function(dir) { return path.join(__dirname, dir);};module.exports = { publicPath: process.env.NODE_ENV === "production" ? "./" : "./", outputDir: "dist", assetsDir: "static", lintOnSave: true, // 是

2020-08-21 15:24:34

js递归

代码function getParent(data2, id) { let arrRes = []; // 如果非数组直接返回 if (data2.length === 0) { if (id) { arrRes.unshift(data2) } return arrRes; } const rev = (data, nodeId) => { for (let i = 0;

2020-07-01 17:07:40

JS递归遍历树结构

function getArray(data,name){ for (var i in data) { console.log('i',i); console.log('datai',data[i].children); if (data[i].name == name) { console.log(data[i]); break; } else { getArra

2020-07-01 16:42:15

前端CSS,JS,PS开发技巧

灵活运用CSS开发技巧CSS请戳这里,持续更新灵活运用JS开发技巧JS请戳这里,持续更新灵活运用PS切图技巧PS请戳这里,持续更新

2019-12-30 13:59:49

解决移动端弹出键盘时遮挡输入框

一、解决移动端弹出键盘时遮挡输入框方法1、Element.scrollIntoView(); // 让当前的元素滚动到浏览器窗口的可视区域内方法2:Element.scrollIntoViewIfNeeded();二、微信打开网页键盘弹起后页面上滑,导致弹框里的按钮响应区域错位$("input").blur(function () { $("html,body").anima...

2019-04-26 14:09:23

js数字补0操作

const addZero1 = (num, len = 2) => (`0${num}`).slice(-len)const addZero2 = (num, len = 2) => (`${num}`).padStart(len , '0')addZero1(3) // 03addZero2(32,4) // 0032

2019-04-18 16:47:50

改变PC的滚动条

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar{ width: 4px; height: 4px; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); ...

2019-04-16 11:16:50

取消input/select等选中后的高亮样式

outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);

2019-04-12 12:21:01

滚动穿透的解决方案

在移动端中,如果我们使用了一个固定定位的遮罩层,且其下方的dom结构的宽度|高度超出屏幕的宽度|高度,那么即使遮罩层弹出后铺满了整个屏幕,其下方的dom结构依然可以滚动,这就是大家所说的“滚动穿透”。而且经常是你在pc模拟器上没有问题,但是真机打开就一定会出现。方案:body滚动 + 弹层内部滚动[js-检测touchmove的target]简单粗暴,一针见血:谁能动谁动,谁不能动就禁止to...

2019-03-21 14:18:43

swiper边缘抵抗力resistanceRatio和触摸比例touchRatio和禁止切换noSwiping

1.抵抗率。边缘抵抗力的大小比例。值越小抵抗越大越难将slide拖离边缘,0时完全无法拖离。resistanceRatio : 0.9,2.触摸比例。触摸距离与slide滑动距离的比率。触摸距离与slide滑动距离的比率。默认为1,按照1:1的触摸比例滑动。设置为0时,完全无法滑动touchRatio : 0.5,3.禁止切换。设为true时,可以在slide上(或其他元素)增加类名...

2019-01-17 15:09:11

JSON.parse()和JSON.stringify()

JSON.parse() 方法用于将一个 JSON 字符串转换为对象。JSON.stringify()方法用于将对象的类型转换为字符串类型。

2019-01-03 18:24:15

jquery只获取自身文本节点,不获取子元素的

1、jquery获取<div id="demo">只获取我<a href="">别管我</a></div>var a = $("#demo").prop('firstChild').nodeValue;console.log(a);2、js原生获取<div id="demo">

2018-12-18 15:20:01

原生JS的cookie操作

//JS操作cookies方法! //设置cookies function setCookie(name,value,days) { // 设置cookie days设置过期时间 单位:天 不传默认是 cookie 在浏览器关闭时删除 var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*...

2018-12-11 13:47:22

swiper的元素更新,需要初始化组件

var mySwiperOut = new Swiper('.swiper-container-out', { direction:'horizontal', loop: false, touchRatio : 8, resistance : true, resistanceRatio : 0, effect : 'fade', fade:{...

2018-12-08 21:13:32

iphone点击滑动图标确定效果

html<div class="wn-radio-box"> <span class="wn-radio-ball"></span></div>css.wn-radio-box { right: .3rem; t

2018-11-22 20:00:53

图片hover向左滑动10px

图片hover向左滑动10px.diy-floor .shop-list li img { position: absolute; right: 0; bottom: 0;}.anim-left:hover img { -webkit-transform: translateX(-10px); -o-transform: translateX(-10...

2018-11-12 16:51:45

图片占屏幕全宽,且显示正方形的CSS

img{ display:block; width:100%; height:100vm;}

2018-11-02 15:15:54

解决报错Unable to preventDefault inside passive event listener due to target being treated as passive.

属性 描述touch-action: auto 浏览器会根据其支持的触控添加交互。比如x轴滚动、y轴滚动、双指缩放和双击。touch-action: none 浏览器禁用触摸交互。touch-action: pan-x 允许浏览器水平滚动,禁用垂直滚动及手势。touch-action: pan-y 允许浏览器垂直滚动,禁用水平滚动及手势。touch-action: manipulatio...

2018-10-29 11:35:58

阻止默认事件和事件冒泡,溢出文字隐藏CSS

阻止默认事件和事件冒泡e.preventDefault();e.stopPropagation();溢出文字隐藏CSSoverflow: hidden;white-space: nowrap;text-overflow: ellipsis;

2018-10-23 15:59:48

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。