菜菜的康哥-CSDN博客

原创解决移动端弹窗被输入框顶上去的问题

记录做移动端开发经常遇到的一个问题，弹窗被输入框顶上去具体表现：1.Android键盘挡住输入框 2.IOS键盘把弹窗顶上去解决办法：不想打字，见代码………… if (/Android/gi.test(window.navigator.userAgent)) { const innerHeight = window.innerHeight; window.addEventListener('resize', () => {..

2021-01-25 14:46:55 1210 1

原创 vue组件 -- 实现一种小时级时间段选择

效果操作大概是选择一个开始时间和一个结束时间（从左往右选是选择，从右往左是取消），排除已选后计算他们总的时间段。code<template> <div> <div class="hours-container"> <div v-for="(item, index) in hours" :key="index" class="hours-item"> <div class="hours-item-header.

2021-01-25 14:28:42 2734 2

原创 VUE中兄弟组件通信 eventBus

VUE中兄弟组件通信我所知道的3种方式1. A子组件 -->父组件--> B子组件2. vuex3. eventBus这里只记录第三种简易实现方式子组件A： created(){ this.$root.$on('material-change', materialType => { // 监听样式变化，执行清除内容 materialType&&this.clearMaterial(); }) }子组件B： ..

2021-01-25 13:58:36 236

原创前端ios兼容性问题总结

前端IOS兼容性问题总结低版本版本兼容问题具体表现：低版本ios写es6语法会报错解决方法：直接用es5语法或者使用babel，参考：https://www.babeljs.cn/高版本兼容性问题具体表现：fixed布局会被输入框给顶起来，原因好像是失去了焦点解决方法：1.给输入框一个onblur事件，滚到上面去;onBlur(){ window.scroll...

2019-09-04 11:47:39 2321

转载 Element.scrollIntoView()的应用

Element.scrollIntoView(object) 方法让当前的元素滚动到浏览器窗口的可视区域内参数为{ behavior: "auto" | "instant" | "smooth", block: "start" | "end",}<!DOCTYPE html><html lang="en"><head&gt...

2019-04-15 09:33:44 975

原创 javascript实现复制文本，兼容android和ios

javascript实现复制文本，兼容android和ios主要是注意，ios不支持document.execCommand("Copy")，所以可以判断一下如果不支持就用setSelectionRange方法let element = document.getElementById("element");let oInput = document.createElement("inp...

2019-04-09 23:03:12 409

原创禁止ios版本上拉回弹效果

有时候我们需要在底部写一个滚动的效果，此时ios自带的上拉回弹效果就很影响体验，我们可以加上这么一段代码禁用ios的回弹效果document.body.addEventListener('touchmove', function (event) { event.preventDefault();}, {passive:false});...

2019-04-01 11:54:42 3285 5

原创本地搭建一个nginx服务器

vscode本身不带有本地服务器，本地调试起来很麻烦方案一安装插件live server，点击vscode 右下角go live按钮，本地服务器就起来了方案二1.在本地搭建一个nginx ，下载nginx并解压，打开nginx.conf文件修改配置serverlisten 3000; //端口号server_name 127.0.0.1 localhost;locat...

2019-04-01 11:45:04 1318

原创 js操作数组中的数据--学习笔记

1.添加：unshift在前面添加{ let persons = ['张三','李四','王五','赵六']; persons.unshift("小虹"); console.log(persons);//["小虹", "张三", "李四", "王五", "赵六"]}push在后面添加{ let persons = ['张三','李四','王五','赵六'];

2018-03-13 23:05:06 209

原创 ES6中新增的一种数据类型Set--学习笔记

1.去重 let set = new Set(["张三","李四","张三","王五"]); console.log(set); //{"张三", "李四", "王五"}2.add、delete、clear、hasadd：添加数据，支持链式写法delete：删除一个元素clear：清空集合has：是否拥有一个元素...

2018-03-02 22:39:11 333

原创 let和var的区别--（学习笔记）

1.let的作用域只作用在当前代码块 { var str1 = "张三"; let str2 = "李四"; } console.log(str1);//undefined console.log(str2);//str is not defined2...

2018-02-28 06:11:47 684

dengkangning1111的博客