Javascrip
关注
分享
扫一扫
文章平均质量分 50
不秃头的LT
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css水平垂直居中方式总结
css水平垂直居中方式总结原创 2022-06-06 21:25:41 · 2377 阅读 · 0 评论 -
DOM事件委托总结
DOM事件总结1. 为什么要使用事件委托2.事件委托实现原理3.事件委托实现代码3.1普通方式3.2 委托事件4.鼠标事件绑定4.1效果1. 为什么要使用事件委托在 JavaScript 中，页面内事件处理程序的个数会直接影响页面的整体性能，因为每个事件处理程序都是对象，对象会占用内存，内存中的对象越多，页面的性能则越差。此外，事件处理程序需要与 DOM 节点进行交互，访问 DOM 的次数越多，引起浏览器重绘和重排的次数也就越多，从而影响页面的性能。当页面中很多表格或列表需要添加事件时，如果逐原创 2022-05-24 22:55:26 · 467 阅读 · 1 评论 -
使用javascript添加Map弹窗
使用javascript添加弹窗方式1：方式2方式1效果方式2效果方式1：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="map"></div> <button onclick="clickStatus()">激活弹原创 2022-05-24 17:35:18 · 481 阅读 · 0 评论 -
webpack.config.js
webpack.config.js笔记webpack.config.js笔记webpack.config.js笔记/* webpack.config.js webpack的配置文件 作用：指示 webpack 干那些活（当你运行webpack指令时，会加载里面的配置） 所有构建工具是基于nodejs平台运行的 模块化默认采用commonjs*//* loader:1.下载 2.使用（配置loader） plugins：1.下载 2.引入 3.使用*/co原创 2022-05-21 11:55:36 · 282 阅读 · 0 评论 -
javascript时间
var d = new Date();document.getElementById(“demo”).innerHTML = d;console.log(d.getDate());//函数 – 返回日值(1-31)console.log(d.getDay());//函数 – 返回星期值(0-6)console.log(d.getFullYear()); //函数 – 返回四位数年份值console.log(d.getHours());//函数 – 返回小时值(0-23)console.log(d原创 2022-01-25 16:07:12 · 654 阅读 · 0 评论 -
万变不离其中的javascript嵌入html
方式一：var res=[ {txrqtime:1,zxzt:2,sqdw:23,lxr:34,xmdz:12}, {txrqtime:1,zxzt:2,sqdw:23,lxr:34,xmdz:34}, {txrqtime:1,zxzt:2,sqdw:23,lxr:34,xmdz:234}];var len = res.length;var str ="";for (var i = len-1; i >=0; i--) { str+='<div class原创 2021-12-16 20:50:18 · 786 阅读 · 0 评论 -
设置H5页面只可微信浏览器打开
var useragent = navigator.userAgent;if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') { // 这里警告框会阻塞当前页面继续加载 // 以下代码是用javascript强行关闭当前页面 // alert("已禁止本次访问：您必须使用微信内置浏览器访问本页面！"); window.location.href = "https://open.weixin.qq.com/co原创 2021-12-14 15:33:29 · 2690 阅读 · 0 评论 -
Javascrip Json字符串和Json对象互转
一、示例JSONjson字符串var jsondata1='{"name":"json","age":"18"}';json对象var jsondata2={name:'json',age:'18'};二、json字符串转json对象var jsondata1='{"name":"json","age":"18"}';console.log("json字符串：",jsondata1);//由JSON字符串转换为JSON对象var obj1 = eval('(' + jsondata1原创 2020-09-25 12:25:13 · 276 阅读 · 0 评论 -
这一篇就可以学会JavaScript Array 数组对象方法
首先定义一个数组，打印数组以及数组原型方法如下 let arr=["京","津","冀","鲁"]; console.log(arr); console.log(arr.__proto__);接下来，一个一个的介绍与使用concat()在这里插入代码片copyWithin()在这里插入代码片entries()在这里插入代码片every()在这里插入代码片fill()在这里插入代码片filter()在这里插入代码片find()在这原创 2021-04-28 15:18:02 · 412 阅读 · 2 评论 -
JavaScript事件委托
事件委托一个事件本来是要绑定到某个元素上，然而却绑定到了该元素的父（或祖先）元素上，利用事件冒泡原理，触发执行效果。事件委托优点：提高网页性能。通过事件委托添加的事件，对后期生成的元素依然有效。var ul = document.querySelector("ul");ul.onclick = function(e){ var e = e || window.event; var target = e.target || e.srcElement; if(tar原创 2021-04-17 13:54:31 · 121 阅读 · 0 评论 -
JavaScript DOM事件级别
DOM事件级别（1）DOM0级DOM0级事件具有极好的跨浏览器优势，会以最快的速度绑定。绑定方式有如下两种行内绑定（内联模型）将函数名直接作为html标签中属性的属性值。<button id="btn" onclick="btnClick()">现在的时间</button><script type="text/javascript"> function btnClick(){ var btn = document.getElementById("b原创 2021-04-17 13:51:57 · 259 阅读 · 0 评论 -
JavaScript事件流
事件流事件流即描述Dom页面元素接收到事件节点的顺序。包括以下两点：事件冒泡流（IE事件流）事件捕获流（Netscape事件流）事件冒泡事件冒泡即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的节点（文档）。（由内及外）#mermaid-svg-dx5J9F1mGnH7TdD7 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family原创 2021-04-17 13:23:51 · 107 阅读 · 0 评论 -
JavaScript事件
事件HTML事件浏览器行为用户行为HTML事件添加形式直接在元素中添加事件属性；//示例：按钮元素中添加了 onclick 属性<button onclick="this.innerHTML=Date()">现在的时间</button>间接使用 JavaScript 代码添加到 HTML 元素事件；<button id="btn" onclick="btnClick()">现在的时间</button><script t原创 2021-04-17 12:41:03 · 142 阅读 · 0 评论 -
JavaScript基础知识（不断更新）
用来表达传意最好的方式就是语言文字，所以用心阅读下面的文字，肯定可以得到收获：字面量：就是一些不可改变的值，比如数字1,2,3,4等；字面量都是直接可以使用，但是我们一般不会直接使用字面量变量：变量可以用来保存字面量，而且变量的值可以任意改变；变量更加方便我们使用，所以在开发中都是一个变量保存一个字面量，而从来不使用字面量理解了上面两个定义，我们就能很好的去理解变量的含义：//声明变量var a；//为变量赋值a=3;a=4;//声明和赋值同时进行，两步变为一步v原创 2021-04-09 10:15:29 · 249 阅读 · 0 评论