09 2020 档案

web移动端点击穿透问题
摘要：在移动端开发的时候，我们有时候会遇到这样一个bug：点击关闭遮罩层的时候，遮罩层下面的带有点击的元素也会被触发，给人一种击穿了页面的感觉，这是为什么呢？主要是因为用户touch事件关闭按钮的时候，触发了下面的click事件(捕获)，形成了穿透。 方法一、阻止默认事件 btn.addEventList 阅读全文
posted @ 2020-09-25 10:37 叫我汤先森 阅读(298) 评论(0) 推荐(0)
web移动端css reset
摘要：通用版css reset，pc端使用只需要修改html{font-size: 10px;}为html{font-size: 12px;} @charset "utf-8"; html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blo 阅读全文
posted @ 2020-09-24 17:38 叫我汤先森 阅读(225) 评论(0) 推荐(0)
移动端点击300ms延迟问题
摘要：移动端点击延迟事件 1. 移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟 2. 原因: 移动端的双击会缩放导致click判断延迟 解决方式 1. 禁用缩放 `<meta name = "viewport" content="user-scalable=no" > ` 缺点: 网页无 阅读全文
posted @ 2020-09-23 17:05 叫我汤先森 阅读(339) 评论(0) 推荐(0)
移动端rem自适应设置
摘要：现在移动端自适应适配方案有很多，rem是现在比较流行的移动端适配方法，个人还是比较喜欢的。 rem就是以html根元素的字体大小为参考，比如html:font-size:20px;1rem=20px;2rem=40px.....，因为移动端的屏幕特殊之处，主要是不同类型手机像素比dpr的不同，所以不 阅读全文
posted @ 2020-09-23 16:22 叫我汤先森 阅读(469) 评论(0) 推荐(0)
移动端web网页meta设置
摘要：<meta charset='utf-8'><!-- 声明文档使用的字符编码 --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><!-- 优先使用 IE 最新版本和 Chrome --> <meta name="de 阅读全文
posted @ 2020-09-22 16:23 叫我汤先森 阅读(221) 评论(0) 推荐(0)
js 常用正则表达式
摘要：var verifyUtils = { // 验证输入的内容是否是空 isNull:function(idStr){ var str = document.getElementById(idStr).value.trim(); var regex = /\S/; if(!regex.test(str 阅读全文
posted @ 2020-09-18 17:43 叫我汤先森 阅读(215) 评论(0) 推荐(0)
js 防抖和节流
摘要：防抖:N秒时间内高频率触发只执行一次，N秒内如果再次触发，则时间重置重新计算(使用场景:比如input输入框) 节流:N秒时间内无论事件触发多少次，只执行一次，节流相当于稀释了函数执行频率(使用场景:比如浏览器页面窗口调整大小) 防抖和节流都是限制函数的执行频率，优化函数执行次数避免高频率触发事件导 阅读全文
posted @ 2020-09-16 17:12 叫我汤先森 阅读(201) 评论(0) 推荐(0)
x++ 和 ++x的区别
摘要：很多编程语言都会有x++和++x的问题，两个到底是怎么回事？ 一个先执行一个后执行的区别 var x = 0; console.log(x++);//0 遇到x++当前执行值不变 console.log(x);//1 执行完以后x的值再加1 console.log(++x);//2 遇到++x先加1 阅读全文
posted @ 2020-09-14 15:46 叫我汤先森 阅读(1631) 评论(0) 推荐(0)
Object.prototype.toString.call()和typeof()区别
摘要：js中判断数据类型都知道用tyoeof()，但是他只能判断object，boolean，function，string，number，undefined还有symbol(es6新增)这几种初步类型，比如new Date和null，它就只能是object。 console.log(typeof(new 阅读全文
posted @ 2020-09-14 14:47 叫我汤先森 阅读(401) 评论(0) 推荐(0)
window和document的区别
摘要：[window对象] 它是一个顶层对象,而不是另一个对象的属性，即浏览器的窗口。 属性 defaultStatus 缺省的状态条消息 document 当前显示的文档(该属性本身也是一个对象) frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象) frames array 列举窗 阅读全文
posted @ 2020-09-13 14:36 叫我汤先森 阅读(2635) 评论(0) 推荐(2)
js监测页面是否切换到后台
摘要：最近做个弹幕，用的是第三方的插件，在浏览器页面切换到后台，返回后发现数据有堆叠卡死的情况，如何解决这个问题？网上参考了些demo，大致可以实现 1.document.hidden（ Boolean值， 表示当前页面可见还是不可见） 2.document.visibilityState（ 返回当前页面 阅读全文
posted @ 2020-09-12 10:47 叫我汤先森 阅读(2449) 评论(0) 推荐(0)
前端webSocket和后台php
摘要：HTTP协议的特性：属于“请求-响应”模型，只有客户端发起了请求消息，服务器才能给出响应消息，没有请求，就没有响应；一个请求消息，服务器只能返回一个响应消息。有些特殊应用场景中，如“在线股票”、“聊天室”等，需要模拟呈现出“客户端不发请求，服务器也在不停的给出响应”效果，若使用HTTP协议，只能使用 阅读全文
posted @ 2020-09-11 15:47 叫我汤先森 阅读(494) 评论(0) 推荐(0)
Websocket原理
摘要：websocket是什么？答: 它是一种网络通信协议，是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 为什么需要websocket? 疑问? 我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？答: 因为 HTTP 协议有一个缺陷：通信只能由客户端发起 阅读全文
posted @ 2020-09-10 17:22 叫我汤先森 阅读(281) 评论(0) 推荐(0)
js中的(function(){})()立即执行
摘要：( function(){…} )() 和 ( function (){…} () ) 是两种javascript立即执行函数的常见写法，要理解立即执行函数，需要先理解一些函数的基本概念。 函数声明、函数表达式、匿名函数 函数声明：function fnName () {…};使用function关 阅读全文
posted @ 2020-09-10 16:14 叫我汤先森 阅读(5114) 评论(0) 推荐(2)
Array.prototype.slice.call(arguments)
摘要：首先，Array.prototype.slice.call(arguments)可以把带length属性的对象转换为数组，看两个例子 1、普通对象 var a={length:2,0:'first',1:'second'}; Array.prototype.slice.call(a);// ["fi 阅读全文
posted @ 2020-09-08 17:53 叫我汤先森 阅读(180) 评论(0) 推荐(0)
数组原型方法实现去重
摘要：给Array对象增加一个原型方法实现数组去重，然后返回一个去重后的数组。 //普通方法function delRepeat(arr){ var subarr = []; for(var i=0; i<arr.length; i++){ if(subarr.indexOf(arr[i]) == -1) 阅读全文
posted @ 2020-09-08 14:24 叫我汤先森 阅读(399) 评论(0) 推荐(0)
javascript实现多行字符串
摘要：打开百度首页，进入控制台的时候，我们在console控制台总可以看到一段文字： 这些文字是如何显示在控制台的呢？？ Javascript中的函数被看作是一个对象拥有自己的方法，其中一个小方法fn.toString()可以帮助我们实现多行字符串的效果。 fn.toString()关键是利用他可以返回注 阅读全文
posted @ 2020-09-07 17:49 叫我汤先森 阅读(1061) 评论(0) 推荐(0)