yanhang0227-CSDN博客

原创小程序项目的UI框架Vant之第一篇如何安装Vant Weapp

小程序项目的UI框架Vant之第一篇如何安装Vant Weapp自己作为一名前端开发，但是初学小程序还是有点懵，安装vant安装了很久。所以特写文章回顾记录，帮助自己，帮助他人～共同进步！一、Vant的官网vant针对小程序的UI框架是Vant Weapp，这个官网也不是一下子找到的，分享网址https://youzan.github.io/vant-weapp/#/quickstart二、需先构建npm点击开发者工具中的详情，在本地设置中勾选使用npm模块。点击开发者工具中的菜单栏：工具 -

2021-08-06 12:01:14 499 1

原创使用VSCode调试JS

如何使用VSCode调试JS序言插件安装修改配置文件序言作为前端开发的朋友经常需要使用VSCode编辑代码，很多朋友就想在VSCode调试JS代码，下面我们就介绍如何配置操作。插件安装首先安装好VSCode，准备一个JS项目在VSCode中安装插件Debugger for Chrome（如下图）修改配置文件使用VSCode打开我们需要调试的JS项目设置断点进入调试界面如果项目首次创建点击创建launch.json文件，修改launch.json文件（配置文件有很多选项，我

2021-05-22 17:04:58 1282

原创 js基础-闭包及应用&&单例设计模式

闭包是一种机制，函数执行形成的一个不被释放的私有上下文，形成保护和保存的机制缺点：形成不被释放的上下文，消耗内存下面来介绍代码中对的闭包的应用一、单例设计模式中的应用系统中被唯一使用，一个类只有一个实例称为单例模式把描述自己特征的属性方法，放到自己的命名空间，这样可以防止全局变量污染介绍一种简单的单例设计模式class SingleObject { login() { console.log('login...') }}SingleObject.getInstan

2021-01-12 11:52:58 222

原创 js基础-数据类型检测之4种方式&&分析jq源码数据类型检测方法

数据类型检测方式一：typeofa)、用typeof检测的数据类型有“number/string/boolean/undefined/symbol/null/function/object/bignit”,返回结果是字符串，b)、typeof检测数据类型的原理是按照计算机底层存储二进制结果进行检测的。由于对象和null的结果都是以000开头的，所以typeof null 返回的结果是‘object’。typeof无法细分是普通对象还是数组数据类型检测方式二：instanceofa)、并不是用来检测数

2021-01-12 11:41:58 414

原创一篇文章搞定promise面试题

promise前前后后学了很多遍了，发现面试的时候面试官花样百出，接下来让好好总结promise的各种考点，一篇文章让你足以掌握promise。面试常考问题？一类是自己发挥，让你说说promise(此时高端大气上档次的词一定要拽上来，否则面试官认为你说的都是大白话，他不喜欢！！！)，另一类是给你代码，让你根据事件循环机制写出执行顺序，还有一类、、、手写promise（掌握它、让它成为送分题）。下面就根据最近的面试经历然后搜集网络资源进行总结啦～一、说说promise首先说说promise为什么会产

2020-11-20 15:20:32 609

原创 mac 安装nvm详细教程

nvm是干嘛的？简单点说就是 nvm可以让我们一台电脑装多个版本的node，并且可以随时切换#1.安装nvm在终端执行安装命令curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash后边的这个v0.33.8是nvm的版本号2.等命令跑完之后，退出终端重新打开成功：然后执行nvm 看看有没有反应，如果刷刷刷出一坨代码，并且最底下提示Node Version Manager ，就说

2020-06-27 19:57:27 13656 3

原创面试题

面试题1、 ES6 实现输出两个数组中重复原素// 求交集并集差集let a=new Set[1,2,3];let b=new Set[3,4,5];//交集let c=new Set([...a,...b]);//并集let d=new Set([...a].filter(x=>b.has[x]));//交集let d=new Set([...a].filter(x=>b.has[x]));2、ES6 实现输入 abbbbbcddffbbb输出abcdfb

2020-06-13 00:47:38 188

原创浏览器事件队列及微任务和宏任务

一、JS中的事件（任务）队列 Event Queue浏览器从服务器获取到代码后，浏览器会开辟一个GUI渲染线程，GUI从上到下开始执行代码。浏览器是多线程的，包含GUI渲染线程、HTTP网络请求线程（并发数6-7）、事件监听\定时器监听。但JS代码的运行是单线程的console.log(1);setTimeout(() => { // 任务1、进入事件队列Event Queue console.log(2);}, 1000);console.log(3);setTimeout(() =

2020-06-07 22:27:30 628

原创前端性能优化及首页白屏解决方案

一、页面之所以能渲染1、从服务器获取需要渲染的内容从服务器获取的是文件流（进制编码的内容）2、浏览器基于自己的渲染引擎（例如：webkit、gecko、trident、blink）开始自上而下加载渲染的代码二、页面渲染步骤:1、在CSS资源还没有请求回来之前，先生成DOM树（DOM的层级关系/节点关系）2、当所有的CSS请求回来之后，浏览器按照CSS的导入顺序，依次进行渲染，最后生成CSSOM树3、把DOM树和CSSOM树结合在一起，生成有样式，有结构的Render TREE渲染树4、浏览器

2020-06-04 22:35:37 7756 1

原创封装AJAX库及采用Promise解决回调地狱原理

Promise详解promise介绍安装live-server自己封装一个类似Jquery的AJAX库AJAX的并行AJAX的串行promise解决AJAX串行，避免回调地狱promise介绍promise是Es6提供的一个内置类，目的是解决AJAX的串行和并行的，解决回调地狱问题安装live-server本地写了一个html的demo页面，需要在服务器中启动才能看见效果，比如发送ajax请求；为了快速在服务器中查看页面，就需要安装live-server插件，但是默认启动的是IE浏览器，需要搜下如何

2020-06-02 00:10:32 392

yanhang0227的博客