前端大杂烩
文章平均质量分 95
前端相关知识
余 一
人类的悲欢并不相通
展开
-
【JavaScript】闭包和匿名函数的关系详解
文章目录前言匿名函数立即执行函数闭包结论前言本文讲的是关于JavaScript闭包和匿名函数两者之间的关系,从匿名函数概念到立即执行函数,最后到闭包。下面一起来看看文章分析,希望你会喜欢。前面讲了一篇在for循环中加setTimeout输出内容,我们用到了一个闭包,但同时也可以说是匿名函数,到底匿名函数和闭包有没有关系呢?【答案是它们之间没有关系】匿名函数匿名函数,顾名思义,就是没有名字的函数,与之对应的就是有名字的函数,也叫具名函数。//匿名函数function (){ conso转载 2021-10-03 18:37:20 · 669 阅读 · 0 评论 -
【JavaSrcipt】立即调用的函数表达式
文章目录前言什么是自执行?问题的核心旁白:函数(function),括弧(paren),语法错误(SyntaxError)自执行函数表达式用闭包保存状态自执行匿名函数和立即执行的函数表达式区别最后的旁白:Module模式更多阅读同步与推荐前言大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行。在详细了解这个之前,我们来谈了解一下“自执行”这个叫法,本文对这个功能的叫法也不一定完全对,主要是看个人如何理解,因为有的人说立即调用,有的人说自动执行,所以你完全可转载 2021-10-03 18:03:42 · 478 阅读 · 0 评论 -
防止form表单重复提交的几种方案
阅读目录前言form重复提交场景解决方案一:前端利用JavaScript防止表单重复提交二:利用Session防止表单重复提交参考前言如果网速比较慢的情况下,用户点击的提交发现半天没有反映,于是又重新点击了几次提交按钮,这就造成了重复提交的问题。那么在我们的开发中必须解决这种重复提交的问题。比如有个需要用户填写用户名和密码然后提交到后台进行登录验证的一个提交,重复提交主要体现如下几种场景:form重复提交场景场景1:在网络延迟的情况下让用户有时间点击多次submit按钮导致表单重复提交。具体行为转载 2020-05-30 15:41:17 · 3402 阅读 · 1 评论 -
html base64 img 图片显示
阅读目录前言Data URI scheme用例利弊前言大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8转载 2020-05-27 21:26:32 · 515 阅读 · 0 评论 -
JavaScript DOM编程 学习笔记
1.在 html 文档的什么位置编写 js 代码?一般地, 在 body 节点之前编写 js 代码, 但需要利用 window.onload 事件, 该事件在当前文档完全加载之后被触发, 所以其中的代码可以获取到当前文档的任何节点。<!DOCTYPE html><html> <head> <title>TestJavaScript...原创 2019-03-04 23:29:40 · 244 阅读 · 0 评论 -
npm 安装、删除依赖命令
npm安装依赖【npm install xxx】利用 npm 安装xxx依赖到当前命令行所在目录【npm install xxx -g】利用npm安装全局依赖xxx【npm install xxx --save】 安装并写入package.json的”dependencies”中【npm install xxx --save-dev】安装并写入package.json的”devD...原创 2019-09-14 12:05:39 · 3329 阅读 · 0 评论 -
(转载)npm太慢, 淘宝npm镜像使用方法
注:该篇文章已与我的个人博客同步更新。欢迎移步 https://cqh-i.github.io 体验更好的阅读效果。淘宝 npm 地址: https://npm.taobao.org如何使用有很多方法来配置npm的registry地址,下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例:1.临时使用npm --registry https://registry.npm.t...转载 2019-09-14 12:14:24 · 122 阅读 · 0 评论 -
(转载)npm 模块安装机制简介
注:该篇文章已与我的个人博客同步更新。欢迎移步 https://cqh-i.github.io 体验更好的阅读效果。npm 是 Node 的模块管理器,功能极其强大。它是 Node 获得成功的重要原因之一。正因为有了npm,我们只要一行命令,就能安装别人写好的模块 。$ npm install本文介绍 npm 模块安装机制的细节,以及如何解决安装速度慢的问题。一、从 npm in...转载 2019-09-14 15:37:33 · 230 阅读 · 0 评论 -
(转载)Xpath路径表达式笔记
来源 http://www.ruanyifeng.com/blog/2009/07/xpath_path_expressions.html作者: 阮一峰 2009年7月 6日简单说,Xpath就是选择XML文件中节点的方法。所谓节点(node),就是XML文件的最小构成单位,一共分成7种。element(元素节点)attribute(属性节点)text (文本节点)names...转载 2019-09-25 09:24:20 · 294 阅读 · 0 评论 -
(转载)JavaScript 变量提升
变量提升变量提升(Hoisting)被认为是, JavaScript中执行上下文 (特别是创建和执行阶段)工作方式的一种认识。您在 ECMAScript® 2015 Language Specification 之前的JavaScript文档中找不到变量提升(Hoisting)这个词。不过,需要注意的是,这个概念可能产生一点点误解 。例如,从概念的字面意义上说,“变量提升”意味着变量和函数的...转载 2019-09-29 15:13:13 · 151 阅读 · 0 评论 -
(转载)Vue.js中的MVVM
MVVM的理解MVVM拆开来即为Model-View-ViewModel,有View,ViewModel,Model三部分组成。View层代表的是视图、模版,负责将数据模型转化为UI展现出来。Model层代表的是模型、数据,可以在Model层中定义数据修改和操作的业务逻辑。ViewModel层连接Model和View。在MVVM的架构下,View层和Model层并没有直接联系,而是通过Vie...转载 2019-10-03 09:08:57 · 168 阅读 · 0 评论 -
(转载)理解 JavaScript 中的执行上下文和执行栈
理解 JavaScript 中的执行上下文和执行栈如果你是或者想成为一名 JavaScript 开发者,你必须知道 JavaScript 程序内部是如何执行的。理解执行上下文和执行栈对于理解其他 JavaScript 概念(如变量声明提升,作用域和闭包)至关重要。正确理解执行上下文和执行栈的概念将使您成为更出色的 JavaScript 开发者。转载 2019-09-30 09:41:12 · 160 阅读 · 0 评论 -
(转载)ES6 let 和 const 命令
let 命令基本用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 1...转载 2019-09-29 21:00:26 · 147 阅读 · 0 评论