
笔记
小林子˖°
问题来源于思考
展开
-
移动端有时候触发不了touchend 使用event.preventDefault()后页面无法滚动
使用移动端设备监听手指触摸事件时发现有时候无法触发touchend事件,因此在监听touchend事件时通过 阻止页面默认事件 event.preventDefault()来实现事件监听,但是发现页面的滚动事件也被阻止了。怎么样既不会阻止页面滚动又可以监听手指抬起事件?通过查看资料发现元素上绑定了touchcancel和touchend两个事件:1、长按后不移动直接抬起手指,触发的是touchcancel;2、长按后轻轻移动一下再抬起手指,触发的是touchend;针对这细微的变化实际上用户很难去.原创 2021-12-31 16:25:57 · 2092 阅读 · 1 评论 -
移动端页面自适应布局(rem布局)
根据设计稿宽度750px,如何布局自适应各移动端设备?1、首先自定义一个font-size:16px;此时有 1rem = 16px;可以用font-size去定义最小单位,使用rem单位计算宽度/高度。根据设计稿去计算布局,此时的rem单位只能适配宽度像素为750px的设备,不具备适应各种移动端设备。2、根据css3自适应布局单位vw已知:100vw = 100% (视口宽度); 100vh = 100% (视口高度)对于不同设备可视视口比例大小不同,但是vw总能代表该视口宽度比例以设计稿75原创 2021-07-08 11:44:40 · 575 阅读 · 0 评论 -
JavaScript事件委托
事件委托机制原理利用事件冒泡传播机制完成。(mouseenter、mouseleave等不会冒泡)什么是事件冒泡?事件冒泡:结构上嵌套关系的元素(非视觉上),会存在时间冒泡的功能,即同一事件,自子元素冒泡向父元素。例:假如界面中存在这样一个嵌套关系: <div id="red"> <div id="blue"> <div id="green"> </div> <原创 2020-06-14 16:06:09 · 222 阅读 · 1 评论 -
thinkphp5将数据表导出csv文件
thinkphp将数据表导出csv文件原创 2020-06-11 15:52:14 · 539 阅读 · 0 评论 -
Ajax:告别“单击--等待”的交互模式
文章目录Ajax (Asynchronus Javascript and XML)XMLHttpRequest 对象Ajax-HTTP请求请求过程(7个步骤)一个HTTP请求组成(4个部分)一个HTTP响应组成(3个部分)XMLHttpRequest 发送请求XMLHttpRequest 取得响应封装Ajax发送请求Ajax (Asynchronus Javascript and XML)即异步的JavaScript和XMLAjax不是某种编程语言,而是一种在无需重新加载整个页面的情况下能够重新更新部原创 2020-06-06 16:14:25 · 369 阅读 · 1 评论 -
文件媒体类型MIME Type
MIMEType:文件媒体类型,浏览器可以根据MIME类型,选择以何种形式显示文件。常见的MIME类型:'xml' => string 'application/xml,text/xml,application/x-xml' 'json' => string 'application/json,text/x-json,application/jsonrequest,text/json''js' => string 'text/javascript,application/jav原创 2020-06-06 15:36:51 · 647 阅读 · 0 评论 -
json : javascript对象表示法
JSON (javascript object notation)json 是存储和交换文本信息的语法,类似XML。它采用键值对(key => value)形式来组织,易于阅读和编写。json 是一种传输数据的格式。以对象为模板,其本质就是对象,但用途有区别,对象是作用于本地,而json 是用来传输的。json 是独立于语言的,也就是不管什么语言都能解析json,只需按照json 规则来就行。json 语法规则:书写规则: “姓名” : “值”;// ( “key” : “value”原创 2020-06-06 14:51:18 · 909 阅读 · 0 评论 -
mysql中的事务
什么是事务?举个例子,小王有金额5000,今天他手机转账给员工小李发奖金1000元。当小王点击汇款时,他的账户减少1000,但是在发送的过程中网络不稳定,导致汇款没到小李的账户,那么这1000元去哪了?事务的出现就可以帮我们解决这类问题,事务主要用于处理操作量大,复杂度高的数据。每条SQL语句都是事务事务只对DML语句有效,对DQL无效。...原创 2020-05-30 20:04:59 · 869 阅读 · 0 评论 -
关于 use strict 严格模式
严格模式(strict mode)是JavaScript定义的一种不同的解析与执行模型。ECMAScript 5引入了严格模式,在此模式下,关于ECMAScript 3中的一些不确定的行为将得到处理,对一些不安全的操作也会抛出错误。"use strict"; //启用严格模式看似字符串,其实是一个编译指示,告诉支持的JavaScript引擎切换到严格模式。可以说严格模式为JavaScr...原创 2020-05-17 17:53:28 · 665 阅读 · 0 评论 -
求无重复字符的最长子串(JavaScript)
题目:给定一个字符串,请你找出其中不含有重复字符的最长子串的长度。示例1:输入: “abcabcdc”输出: 4示例2:输入: “aabbcd”输出: 3示例3:输入: “aaaa”输出: 1思路:遍历字符串,当遍历到的项与前面出现的项重复时,记录此时的字符串长度并删除与该项重复的前面的项,继续遍历。最后判断最长子串。以示例1为例:不含有重复字符的 最长子串 的长度为len2即为4解答:var lengthOfLongestSubstring = function(s) {原创 2020-05-17 15:26:01 · 1179 阅读 · 0 评论 -
EventLoop事件循环机制
先执行同步任务,再执行异步任务。对于所有任务,还可以分为宏任务和微任务原创 2020-05-16 23:38:40 · 727 阅读 · 3 评论 -
怎么实现无缝轮播图?用原生js写一遍
用原生js实现无缝轮播图index.js:var config = { imgWidth:380,//图片尺寸 dotWidth:8,//小圆点尺寸 doms:{ divImgs:document.querySelector('.imgs'), divDots:document.querySelector('.circle'), divDirection:document.q...原创 2020-05-03 17:38:13 · 743 阅读 · 0 评论