自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 事件监听addEventListener的使用

近期在做的项目中有这样一个交互功能,用户在A页面通过点击按钮跳到B页面,在B页面执行完一个倒计时以后跳到C页面,但是在B页面点击返回按钮以后会弹出一个挽留弹窗,点击确定按钮退出当前页面,回到A页面之前的页面,在C页面点击返回也回到A之前的页面,就是这样的一个交互,刚开始我感觉还是挺简单的,从A页面跳B页面要实现B返回回到A之前的页面,所以我在点击按钮的时候使用了replace去跳到B页面,B页面跳C页面的时候也要实现点击返回按钮回到A之前的页面,我也用了replace,然后为了实现在B页面点击返回回到A之前

2021-01-02 14:42:56 33

原创 学习使用H5的Canvas

canvas简介<canvas> 是HTML5新增的,一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画,甚至可以进行实时视频处理和渲染。它最初由苹果内部使用自己MacOS X WebKit推出,供应用程序使用像仪表盘的构件和 Safari 浏览器使用。 后来,有人通过Gecko内核的浏览器 (尤其是Mozilla和Firefox),Opera和Chrome和超文本网络应用技术工作组建议为下一代的网络技术使

2020-12-18 23:57:14 33 1

原创 从这里去净化你的代码

写出整洁的代码,是每个程序员的追求。最近,我使用了我们公司内部研发的H5编辑平台去开发日常的需求,平台是用React去开发的,相应的用到的一些组件也是用React去实现的,对于我来说,我对React的熟悉度并不高,所以在开发的时候会去熟悉之前组件的代码,但是从熟悉代码中我发现了有的小伙伴的代码并没有标注释,就让我很头疼。。。。往往不清楚这个命名是什么意思 这个方法是用来干嘛的,所以,我想记录一下怎样写出整洁规范的代码,用于共勉进步。对于什么是整洁的代码,书中给出了大师们的总结:Bjarne S.

2020-11-21 18:46:18 45 2

原创 ‘new‘一下?

为了更好的理解后面的内容,我们先来了解一些前置知识吧!构造函数和普通函数的区别构造函数:使用一个函数来初始化对象,并配合new使用,则我们称这个函数为构造函数普通函数作为一个函数,除了构造函数之外就是普通函数了,详细大家用的比我熟练构造函数和普通函数的区别语法上没有区别!!!唯一的区别就是使用上的区别,使用上如何区别二者呢?使用了函数前面有一个new关键字,那就是构造函数,只要记住这一点就行了!普通函数怎么使用呢?我就不在关公面前耍大刀了进行分析new的过程,主要有以下几点创建一个

2020-11-07 16:43:10 56 1

原创 关于闭包的变量存储的问题

前段时间和朋友在探讨闭包内的变量存储的问题时,发现我们对闭包内的变量存储模糊不清,所以近段时间看了一些关于闭包存储的文章,在这里打算记录一下。闭包,这个概念对于每位JSer而言都不陌生,它几乎伴随着每个前端入门者的初学阶段,重要到几乎每家公司面试都会问。关于闭包究竟是什么,闭包干嘛用的,网上各种回答也是五花八门,动不动就扯到隐匿变量、内存泄漏这些概念,让没有点基础的初学者越看越晕,我不能说那些是错的,不过显然对新手不太友好。//变量(内存)销毁看过红宝书的都见过这个词,不过大神的例子我觉得还是有.

2020-10-24 17:20:28 79

原创 Node之Event

一、重点事件循环Events二、内容1.node事件循环(看之前需先自行了解下 线程、进程)这里先说下node.js运行机制,node.js采用v8作为js的解析引擎,而在I/O处理方面采用了libuv。libuv库负责node api的执行,它将不同的任务分给不同的线程,形成一个Event Loop。以异步的方式将执行的结果返回给V8引擎。下面直接上图:整体流程其实就是,V8引擎解析js代码传输给libuv库负责,libuv通过调用nodeApi去处理对应的事件,最后把处理完的事件再返回

2020-10-10 15:00:15 59

原创 关于Node的学习之Buffer\Stream

简单理解:我们可以把整个流(stream)和 buffer 的配合过程看作公交站。在一些公交站,公车在没有装满乘客前是不会发车的,或者在特定的时刻才会发车。当然,乘客也可能在不同的时间,人流量大小也会有所不同,有人多的时候,有人少的时候,乘客或公交站都无法控制人流量。不论何时,早到的乘客都必须等待,直到公车接到指令可以发车。当乘客到站,发现公车已经装满,或者已经开走,他就必须等待下一班车次。典型的例子:就是你在线看视频的时候。如果你的网络足够快,数据流(stream)就可以足够快,可以让 buffer

2020-09-25 17:04:02 37

原创 JS的继承

防抖和节流函数节流

2020-09-12 17:14:54 16

原创 H5之唤起微信功能

最近在做项目中总能遇到H5需要调起微信公众号、调起微信小程序、调起微信分享等等的有关微信的一些需求。今天,我们就着重来谈谈H5之调起微信分享功能的实现。使用微信分享,可以获得更好的传播效果。步骤一. 用户信息获取1. 注册测试公众号我们在 https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 可以申请一个测试账号,在测试号管理的页面中能够看到我们appId等信息,这里有个接口配置信息修改的选项需要我们去填写这里就要麻烦后端的

2020-08-29 12:05:48 785

原创 来聊聊webpack吧!

在前端开发中,往往会用到一些构建工具,构建工具有很多,比如NpmScript任务执行者、Grunt也是任务执行者、Gulp基于流的自动化构建工具、Fis3百度构建工具、Webpack打包模块化JavaScript工具和Rollup模块打包工具。今天,我们来聊聊最耳熟能详的webpack构建工具。一、全面理解webpack1、什么是webpack?webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块.

2020-08-14 23:20:55 66

原创 JS中的this指向问题

有关this的指向问题应该很多人都会深有感触,this的指向是前端面试中的一个经典问题!因为我一直对this的指向问题理解不深,所以今天记录下来方便以后参考。this的概述解析器在每次调用函数的时候都会向函数内部传递进一个隐含的参数,这个隐含的参数就是this;this指向的是一个对象,函数执行的上下文对象;根据函数的调用方式的不同,this会指向不同的对象;要想理解this可以先记住这两点:this永远指向一个对象;this的指向完全取决于函数调用的位置;第一点挺好理解的,不管在什

2020-07-30 20:29:29 46

原创 聊聊JS中的深浅拷贝

说在文章前我们在日常工作中经常遇到操作数组、对象的情况。我们一般会将原数组和对象进行“备份”,但是当真正对其操作时发现备份的也发生改变。此时我就会抛出一个疑问:这到底是因为什么呢?我不是已经进行备份了么,怎么备份的数组、对象也会发生变化?这个时候就引出了我们对拷贝原理的理解程度了!一、先说说javascript中的数据类型在JavaScript中我们常遇见的数据类型分为基本数据类型和引用类型:基本数据类型string、number、null、undefined、boolean、symbol(E

2020-07-17 22:25:08 51

原创 理解async和await

一、先简单的介绍一下async和awaitES7 提出的async 函数,终于让 JavaScript 对于异步操作有了终极解决方案。async 函数是 Generator 函数的语法糖。使用 关键字 async 来表示,在函数内部使用 await 来表示异步。async/await 是一种编写异步代码的新方法。之前异步代码的方案是回调和 promise。async/await 是建立在promise 的基础上async/await 像 promise 一样,也是非阻塞的。async/await

2020-07-03 22:45:41 62

原创 Promise的笔记

promise我相信在前端的学习过程中“promise”的问题一直“拿捏”着大部分人的痛点。首先,让我们回顾一下这些年遇到的Promise 常见面试问法:1、了解 Promise 吗?2、Promise 解决的痛点是什么?3、Promise 解决的痛点还有其他方法可以解决吗?如果有,请列举。4、Promise 如何使用?5、Promise 常用的方法有哪些?它们的作用是什么?6、Promise 在事件循环中的执行过程是怎样的?7、Promise 的业界实现都有哪些?8、能不能手写一个

2020-06-19 23:35:14 92

原创 进入微信小程序

关于微信小程序的那些事*第一课:与小程序的初次相识**概念开发前的准备工作快速开始第一课:与小程序的初次相识*不知道大家是否还记得智能手机刚问世的时候,并不怎么轻巧的机身;加上各式各样的操作系统;还有不怎么耐用的机身内存;霎时间,各大APP都想在新科技上初露锋芒。随着各种新功能、新版本的迭代,我们发现手机的内存对这些新版本APP并不怎么友好,每天都在想着怎样让手机的内存出现一个奇迹。“我删除了一个微信好友,手机多了2个G”然鹅!在16年的某一天,终于有行业的大佬站出来发声了,2016年1月

2020-06-06 22:18:41 119

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除