JavaScript
关注
分享
扫一扫
上头upup
这个作者很懒，什么都没留下…
展开
-
搜索框的防抖和节流
防抖防抖就好像 公交车本来要开 但是此时有人一个一个的上车 要等待最后一个人上车后在开车节流节流就好像是 一盆水 只有等到一个状态 比如说水满了 此时水才会漫出来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp...原创 2020-03-23 19:16:44 · 2920 阅读 · 0 评论 -
自用的获取时间 传值是获取剩余时间 不传是获取当前时间
// pages/index1/index1.jsPage({ /** * 页面的初始数据 */ data: { time:'' }, /** * 生命周期函数--监听页面显示 */ onShow: function () { setInterval(() => { ...原创 2020-03-18 21:49:36 · 175 阅读 · 0 评论 -
原生JS实现vue中双向数据绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl...原创 2020-03-15 11:31:46 · 261 阅读 · 0 评论 -
js取float型小数点后两位数的方法
点开原创 2020-03-12 09:05:00 · 168 阅读 · 0 评论 -
用js实现千位分隔符
正则表达式<span style="font-size:14px;">function format (num) { var reg=/\d{1,3}(?=(\d{3})+$)/g; return (num + '').replace(reg, '$&,');}</span>正常思维算法function format(num){ nu...原创 2020-03-06 08:40:41 · 296 阅读 · 0 评论 -
数组对象的reduce方法
数组对象的reduce方法const array1 = new Array(1, 2, 3, 4); const array2 = new Array(3, 4, 5, 6); // 求 array1 中所有的元素的和 // const result = array1.reduce(function (sum, value, in...原创 2019-12-07 11:24:48 · 862 阅读 · 0 评论 -
数组对象的filter方法
数组对象的filter方法const array1 = new Array(1, 2, 3, 4); const array2 = array1.filter(function (value, index, self) { return value > 2 ? true : false; }, thisObj)...原创 2019-12-07 11:22:50 · 1710 阅读 · 0 评论 -
点击 ul-li 打印出索引 的方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-07 09:45:14 · 371 阅读 · 0 评论 -
JavaScript---轮播图案列(原生JS)
HTML<div class="outer"> <div class="inner"> <ul> <li><img src="images/banner-1.jpg" alt=""></li> <li><img src="images/banner-2.jpg" alt="">...原创 2019-11-23 16:51:48 · 189 阅读 · 0 评论 -
JavaScript---DOM事件
DOM事件在触发DOM元素上的某个事件时，会产生一个事件对象event，这个事件对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型以及其他与事件有关的信息。事件的类型表单事件事件类型说明oninput输入事件onsubmit表单提交事件onreset表单重置事件onchange内容改变事件onfocus获取焦点时触发的事件...原创 2019-11-23 16:00:40 · 207 阅读 · 0 评论 -
JavaScript---DOM元素
什么是 HTML DOM？HTML DOM是W3C （万维网联盟）制订的一套标准，标准中定义了所有 HTML 元素的对象和属性，以及访问它们的方法。换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。注意：DOM 是Document Object Model（文档对象模型）的缩写。DOM 节点根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容...原创 2019-11-23 15:16:04 · 290 阅读 · 0 评论 -
JavaScript---函数
函数其实就是封装，把可以重复使用的代码放到函数中，如果需要多次使用同一段代码，就可以把封装成一个函数。这样的话，在你需要再次写这些代码的时候，你只需要调用一次函数就行了。1.定函数的方式使用字面量的形式定义函数ECMAScript中的函数使用function关键字来声明，后面跟一组参数及函数体。函数的基本语法如下：function sum(num1, num2) { var num...原创 2019-11-23 14:42:10 · 317 阅读 · 0 评论 -
JavaScript---数组
数组语法：[element0, element1, ..., elementN]new Array(element0, element1[, ...[, elementN]]) new Array(arrayLength)创建数组使用数组直接量是创建数组最简单、最直观的方法，在方括号中将数组元素用逗号隔开即可。例如：var empty = []; /...原创 2019-11-23 14:27:26 · 153 阅读 · 0 评论 -
JavaScript简介---JS基础
JavaScript简介JavaScript起源早年间，人们上网都是使用速度很 ???? 的”猫“（调制调解器）上网。想象一下这样一个场景：你好不容易填写完了注册表单，点击【提交】按钮，然后等待 30 秒，最终服务器返回的消息说密码的长度不能少于 6 位，让你重新填写整个表单，这时你是不是很想 ????，这该是多么糟糕的用户体验呀。为了解决此类问题，当时走在技术革新最前沿的网景（Netscape）公司，...原创 2019-11-23 11:08:40 · 350 阅读 · 0 评论 -
JavaScript操作符
操作符自增操作符i++, ++i在不参与运算的情况下：它们都是自增1在参与运算的情况下，++写在后面，先参与运算，然后加1；++写在前面，在参与运算前，i先加1，然后再参与运算。// 在不参与运算的情况下，无论 ++ 写在操作数（age）的前面还是后面，结果都是 age 自身加一。 var age = 18; age++; ...原创 2019-11-23 11:33:21 · 121 阅读 · 0 评论