萌新入坑博客园，开通博客，申请js权限，再加上过年??，前前后后已经过去了11天了，今天终于迎来了博客园的第一篇博客… ? 直接进入正题，在开通博客后，看了一下自带的主题，都不是很喜欢（毕竟年轻人就喜欢花里胡哨的），同时又看到园子里其他人的博客主题都很好看，遂一番Google，发现博...[2021/2/22]

页面可见性改变事件 visibilitychange 详解 Page Visibility API 标准概述 这是一个页面可见性API，浏览器标签页被隐藏或显示的时候会触发 visibilitychange事件。 这是 HTML5 新提供的一个 api ，作用是记录当前标签页...[2021/2/22]

vue中引用第三方js总结 By:授客 QQ：1033553122 实践环境 win10 Vue 2.9.6 本文以引用jsmind为例，讲解怎么在vue中引用第三方js类库 基础示例 1、把下载好的js类库放在src tatic目录下 2、在src/index.html入...[2021/2/22]

1.问题： 　　开发项目时需要在接口等待期间调用一个Loading组件提示组件提示用户操作已经受理； 　　最初的解决方案是在每一个调用了接口的页面直接使用 AntdMobile 的活动指示器组件 <ActivityIndicator />，后续开发中发现该方案代码冗余度太...[2021/2/22]

在手机端经常有这样的需求 , 最下面是输入框类似微信输入框 , 我们一般设置成了position:fixed 但是当点击到输入框的时候, 软键盘弹出来遮挡了输入框   其实解决这个问题非常简单 , 那就是让body滚动到最底部 , 我们给个滚动最大值就可以了 例如下面的...[2021/2/22]

1. 构建游戏界面 1.1 项目结构 index.html：游戏界面文件 index.c ：游戏样式文件 main.js：游戏主逻辑文件 support.js：游戏基本逻辑文件 showanimation.js：游戏动画逻辑文件 大家先把文件按照这个结构创建好，名字自己命名...[2021/2/22]

1. 游戏介绍 现在开始学编程的，基本上都过手机游戏2048吧，那么这个游戏的玩法相信很多人都熟悉，我在这里再给大家回顾下吧。 1.1 游戏规则 每次控制所有方块向同一个方向运动，两个相同数字的方块撞在一起之后合并成为他们的和，每次操作之后会在空白的方格处随机生成一个2或者4，不断的组...[2021/2/22]

  JavaScript基础 1- 初识JavaScript 1.1 JavaScript 是什么 JavaScript是一种运行在客户端的脚本语言，现基于Node.js技术进行服务端编程； 所谓脚本（Script）语言：是运行时不需要编译，运行过程中由 js 解释器(...[2021/2/22]

计算器的主要作用是进行数字运算，开发一个计算器功能的web实例，有助于更好的掌握js基础的数字运算能力。 本实例详细分析一个js计算器的开发步骤，学习本教程时最好先具备一些基础的js知识。 计算器包括显示数字区域和按键区域两大部分，先把计算器的这两个区域的html元素编写出来，如下所...[2021/2/22]

　　有些时候，我们总是无可避免的需要自己去手撸一些东西，因为需求总是在不断的变化。例如，最开始的需求，我们只是在首页展示一个数据列表，此时，我们可能直接就自己手写了一个table，后来，突然增加了一个需求，例如：需要在一些指定的列上面增加排序功能。此时，由于我们的样式和界面都已经调整好了...[2021/2/22]

目录什么是Typescript为什么学习Typescript快速搭建开发环境1、安装node.js2、使用node自带的npm安装Typescript编译器3、配置vscode编辑环境4、测试环境 什么是Typescript 为什么学习Typescript 微软支持推广 开源 囊...[2021/2/22]

目录前端知识体系什么是JavaScript快速入门引入JavaScript基本语法入门数据类型Number 数字String 字符串Boolean 布尔Null 对空Undefined 未定义Symbol 独一无二的值Array 数组Object 对象Function 函数严格检查模式s...[2021/2/22]

前言 Js是当今时代最常用的代码操作语言，其中new操作符尤为常见。对于很多代码小白来说，并不清楚new在Js中扮演着怎样的角色，具体是做什么用，干了什么。本文从new操作符的作用着手，简单介绍new操作符相关知识。 什么是new？ 众所周知，在JS中，new的作用是通过构造...[2021/2/22]

环境变量配置简述 程序在不同的环境下需要不同的环境变量，例如生产环境、测试环境以及开发环境所需要不同的数据库信息：链接地址、链接端口号、登录用户名和密码相关信息。为了解决这个问题需要进行相关操作。 在 Nest 中最佳方案创建一个 ConfigModule，该 ConfigModule ...[2021/2/22]

最近在做一个手机站，要求点击分享可以直接打开微信分享出去。而不是jiathis，share分享这种的点击出来二维码。在网上看了很多，都说APP能唤起微信，手机网页实现不了。也找了很多都不能直接唤起微信。 总结出来一个可以直接唤起微信的。适应手机qq浏览器和uc浏览器。 下面上代码，把...[2021/2/19]

高阶函数 函数柯里化 函数柯里化，又称部分求值。一个currying函数首先会接收一些参数，接受这些参数后该函数不会立即求值。而是会将传入的参数在函数内保存，待函数真正需要求值时，之前的所有参数都会被一次性用于求值 非柯里化 var mothlyCost = 0; var cost...[2021/2/19]

Export & Import export可以导出函数、cla 等，有两种导出方式： 默认导出（default export） 命名导出（named export） 默认导出（default export） default export不需要指定名称，但每个文件中只能有一...[2021/2/19]

Vue3 与依赖注入 本文写于 2021 年 2 月 19 日 在 React 中，我们可以通过 context 与 useContext 实现单例、注入……等诸多特性。 详细请看上一篇文章：如何利用 React Hooks 管理全局状态. 例如： const SomeServi...[2021/2/19]

好好学习，天天向上 本文已收录至我的Github仓库DayDayUP：github.com/RobodLee/DayDayUP，欢迎Star ?????转载请注明出处！????? 链接：https: blog.csdn.net/weixin_43461520/article/de...[2021/2/18]

插件介绍 插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有下面几种： 1.添加全局方法或者属性，如: vue-custom-element 2.添加全局资源：指令/过滤器/过渡等，如 vue-touch 3.通过全局 mixin 方法添加一些组件选项...[2021/2/18]

啥是React Fiber？ React Fiber，简单来说就是一个从React v16开始引入的新协调引擎，用来实现Virtual DOM的增量渲染。 说人话：就是一种能让React视图更新过程变得更加流畅顺滑的处理手法。 我们都知道：进程大，线程小。而Fiber（纤维）是一种比...[2021/2/18]

本实例开发的级联下拉菜单是根据已有json数据创建的DOM元素。点击文本框后，显示一级菜单。如果菜单中包含子菜单，菜单右侧会有指示箭头。点击菜单之后，会再显示下一级菜单，以此类推。当菜单下无子菜单时，选择菜单后会在文本框中显示。 打开后的级联菜单效果如图所示：   使...[2021/2/18]

作为一名程序员，写博客是积累知识、提升水平必不可少的一个方法。我们写博客主要有三种方法，一种是使用掘金、博客园、CSDN等博客网站，第二种是自己搭建网站，存放自己的博客，第三种就是使用静态博客生成器，将生成的网页部署到服务器或者github pages、gitee pages等服务上。 ...[2021/2/18]

项目背景 这个项目是跟着B站做的，任务目标是完成一个具备基本记事能力的记事本。 基本记事能力：新增、删除、清空。 项目的完整代码：https: www.cnblogs.com/technicist/p/13357766.html 功能实现 新增 通过v-for生成列表结构 &l...[2021/2/18]

### Redux是Flux理念的一种实现。 关于Flux理念可以通过类比MVC模式来做简单理解。 MVC模式中，用户请求先到达Controller，由Controller调用Model获得数据，然后把数据交给View，按照这种模式，MVC应该也是一个controller->mod...[2021/2/18]

直奔主题 算法题是在面试过程中考察候选人逻辑思维能力、手写代码能力的一种方式，因为有一句古话说的好：“说一千道一万，不如写段代码看一看”。 今天我们就来个单刀直入，直奔主题，从一个真实面试题到底怎么爬楼梯来聊一聊算法中的动态规划 。 面试真题 小明家有一楼梯共有10级台阶，每次可...[2021/2/18]

前言 : 个人总结，不是教程，如有错误，欢迎各位批评指正。   主要作用: 　　 解决回调地狱   简单使用 创建Promise let p = new Promise((resolve, reject) => { let i = Ma...[2021/2/18]

项目场景： 项目场景：Echarts关系图中（不是力图）一个节点x,y是固定的，为了同一列能居中显示，规定：当前列有奇数个元素新节点往下放，有偶数个节点时新节点往上放。 问题描述： 删除中间节点会有空缺： 删除前后： 解决方案： 限制： 平衡后： 下边节点数>= 上边节...[2021/2/18]

正则表达式又叫规则表达式，一般用来检查字符串中是否有与规则相匹配的子串，达到可以对匹配的子串进行提取、删除、替换等操作的目的。先了解有哪些方法可以使用正则对字符串来实现这些操作：   RegExpObject.test(string)： 检查字符串 string 中是否有与...[2021/2/18]

注: 本文中写的类只是为了了解Promise类的内部原理而模拟出来一个, 并不一定符合类似的规范或者效率多么高, 但是基本的功能还是实现了的. 注: 本文代码运行环境: NodeJS v14.9.0 用法 如下, 这是一个传统的使用回调函数的异步代码 function getAnI...[2021/2/18]

       对象是Js核心概念之一，也是最常用的数据类型，即引用型数据。对象可以包含多个属性。属性以名值对的形式存在，它是一种复合值， 它将很多值（原始值或者其他对象）聚合在一起。可通过名字访问这些值，构成一个无序集合。除了字符串、数字、tru...[2021/2/18]

  1.1 JS continue 语句 定义和用法： continue 用于跳过循环中的一个迭代，并继续执行循环中的下一个迭代。 continue 与 break 语句的区别是：break 是结束整个循环体，continue是结束单...[2021/2/18]

单例模式 简单的单例模式 通过一个getInstance方法获取对象，首先判断一个对象是否存在，如果存在则就将改对象返回，如果不存在就先实例化对象（创建对象），然后再返回 将实例存储在对象中 let Singleton = function(name){ this.name = n...[2021/2/18]

       Js以事件驱动来实现界面交互。事件驱动的核心：以消息为基础，以事件来驱动。通俗地说，事件就是文档或浏览器窗口中发生的一些特定 交互行为，如加载、单击、输入、选择等。 1.1事件基础       &nb...[2021/2/18]

form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。 文档 | GitHub 支持 UI element-ui i...[2021/2/18]

什么是事件循环？想要了解什么是事件循环就要从js的工作原理开始说起: JS主要的特点就是单线程，所谓单线程就是进程中只有一个线程在运行。 为什么JS是单线程的而不是多线程的呢？ JS的主要用途就是与用户交互，操作DOM，假设JS同时有两个线程，一个线程中在某个DOM节点上添加或者修...[2021/2/18]

介绍 vuepre -template是一个简单的VuePre 案例模板，目的是让用户可以直接clone这个仓库，作为初始化一个VuePre 网站启动项目，然后在这个项目的基础上新增自定义配置和功能。 为什么推荐这个模板？ 有部分刚接触VuePre 的同学，按照官方教程操作下来会遇到大...[2021/2/18]

最近在研究React Native，准备用它写一个笔记APP，但是并没有搜到很好用的编辑器插件，因此准备使用WebView和已有的Web端编辑器自己封装一个。 因本人没有苹果电脑，因此只尝试安卓版本 完整项目地址：Tuzilow/rn-xnote React Native We...[2021/2/18]

JavaScript中有多种循环Array的方式，你是否常常分不清他们的细微差别，和适用场景。本文将详细梳理各间的优缺点，整理成表以便对比。 循环 可访问element 可访问index 可迭代property 支持中断 支持await 支持任意位置开始 for √ √ ×...[2021/2/18]

什么是TypeScript? 　　TypeScript是一种由微软开发和维护的免费开源编程语言（开源于GitHub）。它不是一门独立的语言，它是一个强类型的JavaScript超集。 　　可编译为纯JavaScript，提供了类型检查，语言扩展,工具属性等特性。 　　TypeScript可...[2021/2/18]

一,TS的数据类型 ES6的数据类型: 6种基本数据类型 Boolean Number String Symbol undefined null 3种引用类型 Array Function Object TS的数据类型: TS在ES6基础上,又新增了以下数据类型...[2021/2/18]

原型模式 原型模式 我们创建的每个函数都有一个 prototype（原型） 属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以有特定类型的所有实例共享的属性和方法。如果按照字面意思来理解，那么 prototype 就是通过调用构造函数而创建的那个对象实例的原型对象。使用原...[2021/2/1]

构造函数+原型模式 ? 创建自定义类型的最常见方式，就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性，而原型模式用于定义方法和共享的属性。结果，每个实例都会有自己的一份实例属性的副本，但同使又共享这对方法的引用，最大限度地节省了内存。另外，这种混合模式还支持向构造函数传...[2021/2/1]

动态原型模式 ? 以构造函数模式组合原型模式在目前看来已经很完美了，硬要挑出它的缺点的话就是封装性差了点，动态原型模式正是致力于解决这个问题的一个方案： function Person(name, age, sex){ this.name = name this.age = ag...[2021/2/1]

寄生构造函数模式 ? 前面的几种模式都不适用的情况下，可以使用寄生（parasitic）构造函数模式。这种模式的基本思想是创建一个函数，该函数的作用仅仅是封装创建对象的代码，然后返回新创建的对象；但从表面上看，这个函数又很像是典型的构造函数。 function Person(name...[2021/2/1]

稳妥构造函数模式 ? 道格拉斯·克罗克福德（Douglas Crockford）发明了 JavaScript 中的稳妥对象（durable object）这个概念，所谓稳妥对象，指的是没有公共属性，而且其他方法也不引用 this 的对象。稳妥对象最适合在一些安全的环境中（这些环境中会禁...[2021/2/1]

JavaScript面向对象程序设计之继承（一） 1. 原型链式继承 1.1 原型模式 原型模式是JavaScript中创建对象的一种最常见的方式。JavaScript是一种弱类型的语言，没有类的概念，也不是一种面向对象的语言。但是，在JavaScript中，借助函数的原型（也就是pro...[2021/2/1]

目录一、JavaScript有几种类型的值？二、基本数据类型1.值是不可变的2.存放在栈区3.值的比较三、引用数据类型1.值是可变的2.同时保存在栈内存和堆内存3.比较是引用的比较四、检验数据类型1.typeof2.instanceof3.constructor4.Object.prot...[2021/2/1]

首先确保在项目中引入了echarts和echarts-gl "echarts": "^4.9.0", "echarts-gl": "^1.1.2" 剩下的配置好optionData的数据，交给代码 <template> <div cla ="water-e...[2021/2/1]

这里介绍排序算法及贪心算法的个人解决方法 题目一：数组排序 给定一个排序数组，你需要在 原地 删除重复出现的元素，使得每个元素只出现一次，返回移除后数组的新长度。　　 示例 1: 给定数组 nums = [1,1,2], 函数应该返回新的长度 2, 并且原数组...[2021/2/1]