JavaScript
js学习笔记
ChengLang_111
一枚正在学习Java的小白白
展开
-
防抖函数
如果一个函数内 短时间被执行很多遍,可以对其节流: // 节流函数 /** * fun 传入的函数 * delay 多少秒内不执行 * **/ debounce(fun, delay) { let timer = null; return function (...args) { // 如果delay时间内被调用,则取消上一次 if (timer) { clearTimeout原创 2021-01-29 19:54:51 · 87 阅读 · 1 评论 -
better-scroll
BetterScroll 是什么BetterScroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。BetterScroll 是使用纯 JavaScript 实现的,这意味着它是无依赖的。基本使用<div class="wrapper"> <ul class="content"> &原创 2021-01-28 17:08:57 · 234 阅读 · 0 评论 -
Promise-异步请求封装处理
什么是Promise呢?ES6中一个非常重要和好用的特性就是Promise但是初次接触Promise会一脸懵逼,这TM是什么东西?看看官方或者一些文章对它的介绍和用法,也是一头雾水。Promise到底是做什么的呢?Promise是异步编程的一种解决方案。那什么时候我们会来处理异步事件呢?一种很常见的场景应该就是网络请求了。我们封装一个网络请求的函数,因为不能立即拿到结果,所以不能像简单的3+4=7一样将结果返回。所以往往我们会传入另外一个函数,在数据请求成功时,将数据通过传入的函数回原创 2021-01-22 16:56:42 · 1064 阅读 · 1 评论 -
JavaScript 箭头函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> // 箭头函数 也是一种定义函数的方式 // 普通定义函数 const aaa = function () { } // 无参数箭头函数 cons原创 2021-01-15 16:39:17 · 65 阅读 · 0 评论 -
webpack配置分离
webpack 安装合并插件 用于合并配置npm install webpack-merge --save-dev把 webpack.config 配置文件分为三个文件 分别是base.config.js - 基本的/公共的配置dev.config.js - 开发环境下的配置prod.config.js - 线上环境的配置base.config.jsconst path = require('path')const webpack = require('webpack')const原创 2021-01-15 16:38:26 · 107 阅读 · 0 评论 -
JavaScript高阶函数
什么是高阶函数呢?高阶函数源自于函数式编程。编程范式: 命令式编程 / 声明式编程编程范式: 面向对象编程(第一公民:对象) / 函数式编程 (第一公民:函数)那么,JS作为一门“一切皆为对象”的语言,是如何拥有函数式编程的能力呢?是因为在JS中函数是一等公民,即函数可以被赋值给变量,被变量引用,这便使得函数可以作为参数,在其他函数间相互传递。简单来说就是函数本身需要的参数也是一个函数看完以下案例 你就懂了:现在有一个数组 外加3个需求,按照一般的做法是: <script>原创 2021-01-08 15:15:27 · 66 阅读 · 0 评论