前端 - 随笔分类(第6页) - zhanglw

js 数据对象转化

摘要：/* * { key1:[v11,v12],key2:[v21,v22]} 或 [[v11,v12],[v21,v22]] 转化成=》 [{key1:v11,key2:v21},{key1:v12,key2:v22},] * */ function objTransform1(obj){ var desArr = []; if(JSON.stringify(obj)... 阅读全文

posted @ 2019-05-15 13:44 zhanglw 阅读(925) 评论(0) 推荐(0)

表单数据字段封装成js对象

摘要：另注：jQuery 的 serialize() 方法，将表单序列化成：key1=v1&key2=v21&key2=v22 这种模式，表单name属性相同的直接加上。阅读全文

posted @ 2019-04-22 17:06 zhanglw 阅读(1353) 评论(0) 推荐(0)

html 自定义上传图片样式，并回显

摘要：+ #photoUpLoad{ width: 106px; height: 129px; position: relative; cursor: pointer; border-radius: 2px; border: solid 1px #d0daea; } #photo{ opacity: 0; ... 阅读全文

posted @ 2019-04-18 18:16 zhanglw 阅读(1149) 评论(0) 推荐(0)

html 分页

摘要：/*列表分页底部按钮*/ div.tablefooter{ color: #4f6d95; } select.pageLength{ border: 1px solid #d0daea; border-radius: 2px; height: 24px; color: #4f6d95; padding-left:3px ; } select.p... 阅读全文

posted @ 2019-04-16 13:58 zhanglw 阅读(3596) 评论(0) 推荐(0)

防抖动函数和节流函数

摘要：防抖动函数是为了在类似连续点击事件中只在最后一次触发具体逻辑；节流函数是为了间隔一段时间执行具体逻辑 let btn = document.getElementById("btn"); //防抖，执行性一次，每次调用间隔小于定时间隔 function debounce(fn,wait){ var 阅读全文

posted @ 2019-03-28 13:50 zhanglw 阅读(152) 评论(0) 推荐(0)

event 事件2

摘要：4、事件类型 “DOM3级事件”规定了一下几类事件： 1）UI事件（用户界面事件），当用户与页面元素交互时触发 2）焦点事件，当元素获得或失去焦点时触发 3）鼠标事件，当用户通过鼠标在页面上执行操作时触发 4）滚动事件，当使用鼠标滚轮（或类似设备）时触发 5）文本事件，当在文档中输入文本时触发 6）阅读全文

posted @ 2019-03-28 13:47 zhanglw 阅读(239) 评论(0) 推荐(0)

event 事件1

摘要：1、事件流 1.1 事件冒泡 IE8- 浏览器支持的事件流是事件冒泡。事件冒泡是事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点（文档）的过程。在上面的HTML页面中，如果点击了页面中的 div#myDiv ，那么事件就会按照如下顺序冒泡：div --> body --> html 阅读全文

posted @ 2019-03-22 09:52 zhanglw 阅读(346) 评论(0) 推荐(0)

DOM节点遍历

摘要："DOM2级遍历和范围"模块定义了两个用于辅助完成顺序遍历DOM结构的类型：NodeIterator 和 TreeWalker 。这两个类型能够根据给定的节点对DOM结构进行深度优先（depth-first）遍历操作。浏览器支持：Firefox、Safari、Opera、Chrome、IE9+。阅读全文

posted @ 2019-03-18 17:59 zhanglw 阅读(583) 评论(0) 推荐(0)

offsetHeight ,offsetWidth ,offsetLeft offsetTop clientWidth clientHeight scrollHeight scrollWidth scrollLeft scrollTop

摘要：offsetHeight ,offsetWidth ,offsetLeft offsetTop clientWidth clientHeight scrollHeight scrollWidth scrollLeft scrollTop，返回的都是纯数字 1、元素的偏移量元素的可见大小是由其高度、阅读全文

posted @ 2019-03-18 14:45 zhanglw 阅读(255) 评论(0) 推荐(0)

JS 操作样式 style

摘要：1、任何支持 style 特性的 HTML 元素在 JavaScript 中都对应着有一个 style 属性，指向一个 CSSStyleDeclaration 的一个实例对象，包含该元素的内嵌style样式（直接定义在HTML元素上的style）。对于使用短线分割的CSS属性，在JavaScri 阅读全文

posted @ 2019-03-15 16:51 zhanglw 阅读(32541) 评论(0) 推荐(0)

前端跨域

摘要：https://segmentfault.com/a/1190000011145364 http://www.cnblogs.com/adtxgc/p/4691872.html https://www.jianshu.com/p/4a3bc6d195b0 阅读全文

posted @ 2019-03-14 17:16 zhanglw 阅读(96) 评论(0) 推荐(0)

框架和内嵌框架--->frameset 和 iframe 的文档对象

摘要：框架和内嵌框架分别用 HTMLFrameElemnt 和 HTMLIFrameElement 表示，它们在 DOM2 中有一个新属性 >contentDocument，是一个指针，表示框架内容的文档对象浏览器支持：Opera、Firefox、Safari、Chrome、IE8+。IE8之前支持co 阅读全文

posted @ 2019-03-14 17:00 zhanglw 阅读(214) 评论(0) 推荐(0)

DOM 扩展

摘要：1、选择符API，selectors API 可以使用CSS选择符匹配查找节点 1) querySelector(selector)，接受一个CSS选择符，返回调用该函数的节点后代中第一个匹配的元素节点，没有匹配，返回null； 2) querySelectorAll(selector)，接受一个C 阅读全文

posted @ 2019-03-13 18:18 zhanglw 阅读(139) 评论(0) 推荐(0)

动态创建js脚本和 css样式

摘要：//1、动态添加外部js文件 function loadScript(url){ var script = document.createElement("script"); script.type = "text/javascript"; script.src = url; document.body.appendChild(script); } //2、动态... 阅读全文

posted @ 2019-03-12 15:15 zhanglw 阅读(289) 评论(0) 推荐(0)

DOM 节点node

摘要：DOM可以将任何HTML或XML文档描绘成一个有多层节点构成的结构，即在HTML中所有内容都是节点。文档节点是每个文档的根节点，文档节点有一个子节点，称为文档元素。每个文档只能有一个文档元素。在HTML中，文档元素是<html>元素，其他所有元素都包含在文档元素中。 1、节点 JavaScript中阅读全文

posted @ 2019-03-06 18:43 zhanglw 阅读(832) 评论(0) 推荐(0)

ES6 let const 声明变量块级作用域

摘要：ES6 中除了使用 var 定义变量，还有let、const，定义变量。 const 声明和 let 声明的变量都具有块级作用域，并且不能重复声明，声明的变量不会提升至当前作用域顶端。如果在声明之前访问使用const、let声明的变量。 Javascript引擎在扫描代码发现变量声明时，要么将它提阅读全文

posted @ 2019-03-06 01:09 zhanglw 阅读(356) 评论(0) 推荐(0)

js 一些兼容检测

摘要：1、 IE5.0之前不支持 document.getElementById()，但存在 document.all[] 2、 IE8及之前的版本中，typeof document.createElement 返回的是 “object”，而不是 “function” 3、 IE8及之前的版本中，如果某个阅读全文

posted @ 2019-03-05 16:28 zhanglw 阅读(161) 评论(0) 推荐(0)

浏览器useragent

摘要：edge ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/17.17134 Chrome：Mozilla 阅读全文

posted @ 2019-03-05 15:06 zhanglw 阅读(905) 评论(0) 推荐(0)

BOM 对象--location、navigator、screen、history

摘要：1、location 对象 location提供了与当前窗口中加载的文档有关的信息，还有一些导航功能。需要注意的是，window.location 和 document.location 引用的是同一个对象。 location 对象的属性：可以冲search中获取URL中的参数。每次修改loca 阅读全文

posted @ 2019-03-01 16:03 zhanglw 阅读(182) 评论(0) 推荐(0)

web 浏览器窗口

摘要：1、窗口位置：取得浏览器窗口左边和上边距屏幕左边和上边的位置 var leftPos = (typeof window.screenLeft == "number")? window.screenLeft : window.screenX; var topPos = (typeof window. 阅读全文

posted @ 2019-02-28 18:09 zhanglw 阅读(248) 评论(0) 推荐(0)

zhanglw

随笔分类 - 前端

公告