js
文章平均质量分 67
前端阳光
公众号《前端阳光》抓不住爱情的我 总是眼睁睁看她溜走 世界上幸福的人到处有 为何不能算我一个
展开
-
手写async await核心原理,再也不怕面试官问我async await原理
async await 语法是 ES7出现的,是基于ES6的 promise和generator实现的。原创 2022-08-27 13:28:35 · 716 阅读 · 0 评论 -
关于 HTML5 LocalStorage 的 5 个不为人知的事实
作者:Todd Anglin译者:前端阳光来源:http://htmlui.com/blog/2011-08-23-5-obscure-facts-about-html5-localstorage.htmlLocalStorage 是HTML5中一个方便使用的 API,它为 Web 开发人员 提供了一个易于使用的5MB的存储空间。使用 LocalStorage API 真的再简单不过了。不信看下://Save a value to localStoragelocalStorage.setI..原创 2022-03-17 11:04:55 · 3811 阅读 · 0 评论 -
前端进阶之认识与手写compose方法
文章目录前言:为什么要学习这个方法compose简介compose的实现最容易理解的实现方式手写javascript中reduce方法redux中compose的实现参考文章最后前言:为什么要学习这个方法遇到这个方法主要是最近在阅读redux,koa 原理 等多次遇到这个方法,为了更好地理解框架原理,于是深入学习了一下compose的实现。然后也发现这属于函数式编程的东西,发现函数式编程是进击前端进阶的必经之路,因为像其中的纯函数的概念在redux的reducer中也展示得淋漓尽致,而保留函数计算结原创 2020-12-11 10:43:36 · 552 阅读 · 0 评论 -
javascript 垃圾回收机制
随着前端业务需求的不断增多,相比以前,我们会占用更多的内存。但是内存并不是无限的,而对于那些我们不再需要的变量、对象该怎么处理呢?难道一个一个去手动释放么?其实并不需要,Javascript 具有自动垃圾回收机制,会定期对那些我们不再使用的变量、对象所占用的内存进行释放Javascript 的垃圾回收机制Javascript 会找出不再使用的变量,不再使用意味着这个变量生命周期的结束。Java...原创 2019-12-12 11:19:56 · 215 阅读 · 0 评论 -
【JS】预编译(图解)
预编译是js的一个特色,也算是闭包之前最难的一个知识点。预编译有4句公式,而这4句公式只要背熟就能理解预编译。这4句公式放在本文最末尾。本节篇幅比较长,要理解的东西也比较多。在学习预编译之前要记住下面这句话:JS的声明和执行(赋值)是分开两步操作的,声明属于预编译环节。要了解预编译,就要先了解变量声明。变量声明又分为全局和局部。局部变量和作用域有关,稍后会讲到...原创 2019-12-12 11:18:24 · 317 阅读 · 0 评论 -
你还在一昧的使用if-else吗?
请用5秒钟的时间查看下面的代码是否存在bug。OK,熟练的程序猿应该已经发现Bug所在了,在第8行和第10行下面我没有添加关键字break; 这就导致这段代码的行为逻辑与我的设计初衷不符了。缺点一. 语法正确,逻辑错误这就是第一个理由为什么程序猿很少使用switch来做条件判断,对于新手来说忘记写break实在是再普通不过了,就算是老猿忘记写也是时有发生的事情,而这个语法错误...原创 2019-12-09 09:17:35 · 123 阅读 · 0 评论 -
这一次,彻底弄懂 JavaScript 执行机制(别还不知道什么是宏任务,什么是微任务)
本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:javascript是按照语句出现的顺序执行的看到这里读者要打人了:我难道不知道js是一行...原创 2019-12-08 22:55:58 · 602 阅读 · 0 评论 -
做一名合格的前端开发工程师:Javascript加载执行问题探索
做前端开发少不了各种利器。比如我习惯用的还是Google浏览器和重型武器Fiddller。一:原始情况首先大家看看如下的代码:估计90%的程序员都会把js文件放在head中,但是大家有没有深究过呢?很多浏览器都会使用单一的线程来做“界面UI的更新”和“JS脚本的处理“,也就是当执行引擎遇到”<script>“的时候,此时页面的下载和渲染都必须等待<script>...原创 2019-12-06 10:34:39 · 230 阅读 · 0 评论 -
js设计模式之 单例模式与应用场景
1.介绍单例模式(Singleton Pattern)是设计模式中最简单的设计模式之一。这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式。这种模式涉及到一个单一的类,该类负责创建自己的对象,同时确保只有单个对象被创建。这个类提供了一种访问其唯一的对象的方式,可以直接访问,不需要实例化该类的对象。简而言之:就两点系统中被唯一使用一个类只有一个实例单例模式思想在项目中经...原创 2019-10-20 19:21:01 · 1204 阅读 · 0 评论 -
js面试题之闭包
一、什么是闭包?前言百度百科定义:闭包就是能够读取其他函数内部变量的函数。创建闭包的通常方式,是在一个函数内部创建另一个函数在解释之前,得先讲讲作用域。先来看下面这个示例:var a = 1;function f(){ var b = 2; console.log(a) // 1}console.log(b) // undefined示例中包含了两种作用域,一种是属...原创 2019-10-19 16:24:33 · 6461 阅读 · 1 评论 -
mock.js模拟接口获取数据
npm install --save-dev mockjsmock 的index.js文件import Mock from 'mockjs'import BookHomeApi from './bookHome'import BookShelfApi from './bookShelf'import BookHomeList from './bookList'import BookF...原创 2019-10-18 22:07:51 · 1071 阅读 · 0 评论 -
经典卡片翻转动画实现
页面布局的实现最终布局如图所示这是分布的大致格式<template> <div class="flap-card-wrapper" v-show="flapCardVisible"> <div class="flap-card-bg"> <div class="flap-card" v-for="(...原创 2019-10-17 21:07:50 · 900 阅读 · 1 评论 -
js设计模式之 装饰器模式与应用场景
1.介绍装饰器模式(Decorator Pattern)允许向一个现有的对象添加新的功能,同时又不改变其结构。这种类型的设计模式属于结构型模式,它是作为现有的类的一个包装。这种模式创建了一个装饰类,用来包装原有的类,并在保持类方法签名完整性的前提下,提供了额外的功能。简而言之,就是:为对象添加新功能不改变其原有的结构和功能可以说 装饰器 就是那个环,添加到手机上,使手机有了这个环...原创 2019-10-16 18:39:44 · 1059 阅读 · 0 评论 -
js设计模式之 适配器模式与应用场景
介绍适配器模式(Adapter Pattern)是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式,它结合了两个独立接口的功能。这种模式涉及到一个单一的类,该类负责加入独立的或不兼容的接口功能。举个真实的例子,**读卡器是作为内存卡和笔记本之间的适配器。**您将内存卡插入读卡器,再将读卡器插入笔记本,这样就可以通过笔记本来读取内存卡。简而言之,就两个点:旧接口格式或者使用...原创 2019-10-14 13:12:26 · 389 阅读 · 0 评论 -
明明配置了jQuery提示,为什么没反应
原创 2019-02-23 14:06:57 · 1386 阅读 · 0 评论 -
JS中的背景图片定位问题style.backgrounpPosition=x+‘px’+y+‘px’;
当我企图用div.style.backgrounpPosition=x+‘px’+y+‘px’;来更改设置背景图片的位置时,发现这句代码不起作用。代码如图所示冥思苦想一番之后,再询问群上大神,最终还是不能破解该疑问。最后才发现是this.bgx+‘px’;这里引号里的 px后面应该要增加一个空格 ,如‘px ';...原创 2019-02-05 23:13:19 · 977 阅读 · 1 评论 -
运用ES6制作绚丽的小球
**运用ES6制作绚丽的小球**代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="../undersco原创 2018-12-05 12:53:01 · 250 阅读 · 0 评论