1.Lodash 的随机数生成函数 //原生js function getsRandomNumber(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } getsRandomNumber(20, 100); ...
分类:
其他好文 时间:
2019-08-25 22:51:17
阅读次数:
196
一、JS事件 (一)JS事件分类 1.鼠标事件: click/dbclick/mouseover/mouseout 2.HTML事件: onload/onunload/onsubmit/onresize/onchange/onfoucs/onscroll 3.键盘事件: keydown:键盘按下时触 ...
分类:
Web程序 时间:
2019-08-24 13:34:22
阅读次数:
146
目的: 是在框架中使用数据请求 回顾: 封装ajax jquery 【 $$.get $$ .post $$.ajax $$ .load 】 框架: 数据请求 使用原生js提供的fetch 使用第三方封装库: axios Vue中可以统一对axios进行挂载 Vue中可以统一对axios进行挂载 f ...
分类:
Web程序 时间:
2019-08-22 23:39:28
阅读次数:
185
1.for 循环原生JS最基本的使用: for - 循环代码块一定的次数2.for infor/in - 循环遍历对象的属性以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性,语句都会被执行 for…in 不应该被用来迭代一个下标顺序很重要的 Array . 3.forEach()和map()J ...
分类:
Web程序 时间:
2019-08-19 19:24:55
阅读次数:
150
两种监听页面滚动的方法一、原生js通过window.onscroll监听window.onscroll=function(){//为了保证兼容性,这里取两个值,哪个有值取哪一个//scrollTop就是触发滚轮事件时滚轮的高度varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;console.log(&q
分类:
其他好文 时间:
2019-08-19 17:16:10
阅读次数:
203
不借助Echarts等图形框架原生JS快速实现折线图效果 1. 折线图效果预览 例如下图所示的折线图效果实现就很简单: 调用下面这段JS代码中的方法就好了: 假设页面上需要连接的所有点元素集合是eleDots,则页面上执行下fnLineChart(eleDots)效果就出来了。 当然,这段JS只处理 ...
分类:
Web程序 时间:
2019-08-18 09:41:23
阅读次数:
207
08.17自我总结 关于js 一.原生js获得八种方式 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 通过选择器获取一个元素(qu ...
分类:
Web程序 时间:
2019-08-17 19:59:28
阅读次数:
124
一、DOM Tree 专门用来操作htnl页面内容的API,js的三个重要组成部分:ES(核心语法) DOM BOM 使用原生js完成某个内容 DOM W3C指定的标准 DOM: 核心DOM 能够操作所有结构化文档 (HTML,XML) 万能 复杂 繁琐 HTML DOM 专门操作HTML内容的AP ...
分类:
其他好文 时间:
2019-08-17 19:37:29
阅读次数:
103
一、什么是ajax? 定义:Ajax(Asynchronous Java and XML的缩写)是一种异步请求数据的web开发技术,在不需要重新刷新页面的情况下,Ajax 通过异步请求加载后台数据,并在网页上呈现出来。 作用:提高用户体验,减少网络数据的传输量 二、ajax常见运用场景 表单验证是否 ...
分类:
Web程序 时间:
2019-08-17 12:38:08
阅读次数:
135