html
关注
分享
扫一扫
文章平均质量分 59
方朝端
这个作者很懒，什么都没留下…
展开
-
20230620----重返学习-移动端事件处理-响应式
day-095-ninety-five-20230620-移动端事件处理-响应式移动端事件处理移动端的事件处理移动端事件处理PC端主要以：鼠标事件、键盘事件、资源加载事件、动画事件等事件为主。其中click在PC端是点击事件！移动端主要以：手指事件（单手指和多手指）、资源加载事件、动画事件等为主。其中，click在移动端是单击事件。移动端事件问题移动端事件的各个问题：问题1：click事件在移动端存在300ms的延迟。原因：click事件在移动端是单击原创 2023-06-20 23:58:41 · 2730 阅读 · 0 评论 -
2021-10-25 css中零值0后面是否要省略单位
原理在css中如果值为0，可以省略单位。在css应用场景中，有可能是多端多人维护。即可能维护的人有A及B及C…，应用场景中有电脑端及手机端及小程序及打印机之类的。结论个人认为不要省略单位，不要留下后续维护的坑。多端多设备时，最好当时就想好用什么单位更合适，如果想不到，用rem或px也行，反正实际表现是一样的，后续别人维护，自然会去改单位。说明从程序员的角度来看， 0nullnone==false ，这意味着如果指定为0代表没有或无。以边框举例，如果指定边框宽度为0代表没有边框；但如果指定一原创 2021-10-25 11:57:08 · 989 阅读 · 0 评论 -
2021-07-20 value!==value，JavaScript中NaN
关于NaNNaN 属性代表一个“不是数字”的number类型的字面量值。这个特殊的值是因为运算不能执行而导致的，不能执行的原因要么是因为其中的运算对象之一非数字。NaN的出现场景:一个表达式中如果有减号(-)、乘号(*) 或 除号(/) 等运算符时，JS引擎会在计算之前试图将运算符两边的变量转化为number类型，如果转化失败，表达式将返回NaN。直接使用 parseInt(), parseFloat()或 Number()将一个非数字的值转化为数字时，表达式返回NaN。NaN的检测判断1.原创 2021-07-20 17:36:35 · 352 阅读 · 0 评论 -
2021-07-20 JavaScript中关于eval()方法
eval()常见用途1.使用ajax获取到后台返回的json数据时，使用 eval 这个方法将json字符串转换成对象数组let jsonString = JSON.stringify({fang:'方'})const jsonObject = eval('('+jsonString+')')console.log('jsonObject--->',jsonObject)替代eval()方法替代的方法都是不是绝对安全。特别在node里使用的，更不安全。要确保传的代码字符串不会牵扯到一系原创 2021-07-20 17:13:12 · 265 阅读 · 0 评论 -
2021-07-01 原生js获取文件数据
原理手动用js创建一个type为file的DOM元素。在读取到数据后，清空手动创建的DOM元素。返回得到的Promise类型的文件数据files。const getFilesPromise = async () => { let thePromise = new Promise((resolve, reject) => { let theElement = document.createElement("input"); theElement.type = "fil原创 2021-07-01 12:05:29 · 671 阅读 · 0 评论 -
2021-06-28 CSS变量设置颜色
说明css变量只能以[–]开头。距离当前dom元素层级最近的父元素作用域css变量的值更容易生效。css变量在css文件中只能以var()函数来使用。代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2021-06-28 17:28:36 · 641 阅读 · 0 评论 -
2020-11-18 原生js实现自动打字效果
原理使用定时器，对要输出的文字进行遍历，每遍历一次，都增加一个字以及在段尾加上"|"暗示别人正在打字。js代码 const fangWrite = (theString, queryString, timeInterval, identifier) => { const thisString = theString || ""; const thisQueryString = queryString || "body"; const th原创 2020-11-18 09:51:03 · 277 阅读 · 1 评论 -
flex布局-20201028
改版自阮一峰的网络日志-Flex 布局教程：语法篇在flex容器上设置的(即父元素上设置);flex-direction属性决定主轴的方向（即项目的排列方向）。flex-direction: row | row-reverse | column | column-reverse; row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿。原创 2020-10-28 14:20:57 · 230 阅读 · 0 评论