- 博客(38)
- 收藏
- 关注
RSS订阅原创 JQ+CSS实现老虎机抽奖效果
date: 2020-08-04categoery: [技术,前端,JavaScript]toc: true介绍现在不少app都会有一些抽奖活动，热门的抽奖当属九宫格循环抽奖，而还有一种抽奖形式也是比较常见，比如老虎机的形式预期效果那么我们就用原生JS和CSS实现一下这个效果。...
2020-08-11 11:29:39
2665
原创 mac安装webpack时fsevents / fsevents依赖安装报错
categories: [前端,webpack]thumbnail: /images/fe/leetcode.jpgtoc: true安装webpack时fsevents依赖安装报错mac安装webpack时，会同时安装fsevents，但是在安装时候发生了报错由于后来解决了，所以没有当时的报错截图，但是和下面这个大概一致clang: warning: using sysroot for 'iPhoneSimulator' but targeting 'MacOSX' [-Wincompati
2020-07-28 14:54:33
3518
1
原创 typescript学习笔记
categories: [前端,typescript]thumbnail: /images/fe/leetcode.jpgtoc: true前言TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。typescript的优势TypeScript 增加了代码的可读性和可维护性类型系统实际上是最好的文档，大部分的函数看看类型的
2020-06-29 18:53:16
1539
原创 vue开发环境修改本地启动的端口号和开启https
categories: [前端,vue]thumbnail: /images/fe/leetcode.jpgtoc: truevue开发环境修改本地启动的端口号当我们使用脚手架搭建项目时，react当中开发环境默认端口号是3000，vue是8080，我们也可以手动修改这个端口号。VUE 2.Xconfig文件夹中有一个index.js其中部分内容如下，port即为端口号，在这里更改即可。module.exports = { dev: { env: require('./
2020-06-23 11:32:44
6924
2
原创 leetcode-乘积最大子数组
categories: [计算机通识,数据结构与算法,leetcode系列]thumbnail: /images/fe/leetcode.jpgtoc: true乘积最大子数组（难度：中等）给你一个整数数组 nums ，请你找出数组中乘积最大的连续子数组（该子数组中至少包含一个数字），并返回该子数组所对应的乘积。示例1：输入: [2,3,-2,4]输出: 6解释: 子数组 [2,3] 有最大乘积 6。示例2：输入: [-2,0,-1]输出: 0解释: 结果不能为 2, 因为 [
2020-06-18 18:02:05
312
原创 leetcode-罗马数字与阿拉伯数字互相转换
categories: [计算机通识,数据结构与算法,leetcode系列]thumbnail: /images/fe/leetcode.jpgtoc: true罗马数字与阿拉伯数字互相转换（难度：中等）罗马数字包含以下七种字符： I， V， X， L，C，D 和 M。罗马数字 2 写做 II ，即为两个并列的 1。12 写做 XII ，即为 X + II 。 27 写做 XXVII...
2020-06-18 17:33:19
653
原创 git版本管理
categories: [计算机通识,git版本管理工具]thumbnail: /images/fe/gitfx.jpgtoc: truegit版本管理工具复习git仓库初始化git init我们初始化完成仓库之后就可以往对应的目录添加文件假设现在我们编写一个了readme.txt文件，那么我们要使用git管理控制这个文件，还需要将这个文件添加到仓库，而不是仅仅将它放在仓库所在的文件夹git add readme.txt注意：git add不仅可以添加单个文件，还可以添加文件夹，这样
2020-06-12 17:55:29
329
原创 etag那些事
categories: [计算机通识,计算机网络]thumbnail: /images/fe/etag.jpgtoc: true浅谈etagETag是一个可以与Web资源关联的记号（token）。典型的Web资源可以一个Web页，但也可能是JSON或XML文档。服务器单独负责判断记号是什么及其含义，并在HTTP响应头中将其传送到客户端，以下是服务器端返回的格式：ETag:“50b1c1...
2020-06-12 09:41:15
324
原创 软件项目策划与管理知识点汇总
categories: [计算机通识,软件项目策划与管理]thumbnail: /images/fe/rjxmchhgl.jpgtoc: true软件项目策划与管知识点汇总第一章：序言关于软件软件的特征软件是一种逻辑元素而不是物理元素软件是开发出来的而不是用传统的方法制造出来的软件不会被用坏软件的分类：系统软件（操作系统）实时软件（高炉控制软件）商务软件工程与科学计算软件嵌入式软件（安卓）个人计算机软件web软件人工智能软件。。。软件危机：指在计算机软件的开发
2020-05-26 10:34:23
2305
原创 leetcode-鸡蛋掉落
categories: [计算机通识,数据结构与算法]thumbnail: /images/fe/leetcode.jpgtoc: true鸡蛋掉落(难度：困难)你将获得 K 个鸡蛋，并可以使用一栋从 1 到 N 共有 N 层楼的建筑。每个蛋的功能都是一样的，如果一个蛋碎了，你就不能再使用它，否则可以继续丢，鸡蛋的性能不会随着丢的次数增加而有所损耗。假设存在一个中间楼层F，满足 0...
2020-04-11 12:06:06
284
原创 leetcode-打家劫舍
categories: [计算机通识,数据结构与算法,leetcode系列]thumbnail: /images/fe/leetcode.jpgtoc: true打家劫舍（难度：简单）你是一个专业的小偷，计划偷窃沿街的房屋。每间房内都藏有一定的现金，影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统，如果两间相邻的房屋在同一晚上被小偷闯入，系统会自动报警。给定一个代表每个房屋...
2020-04-10 12:23:02
185
原创 leetcode-田忌赛马
categories: [计算机通识,数据结构与算法,leetcode系列]thumbnail: /images/fe/leetcode.jpgtoc: true田忌赛马（难度：中等）给定两个大小相等的数组 A 和 B，A 相对于 B 的优势可以用满足 A[i] > B[i] 的索引 i 的数目来描述。返回 A 的任意排列，使其相对于 B 的优势最大化。示例 1：输入：A =...
2020-04-09 20:35:03
1020
原创 leetcode-括号生成
categories: [计算机通识,数据结构与算法]thumbnail: /images/fe/leetcode.jpgtoc: true括号生成(难度：中等)数字 n 代表生成括号的对数，请你设计一个函数，用于能够生成所有可能的并且 有效的 括号组合。输入：n = 3输出：[“((()))”,“(()())”,“(())()”,“()(())”,“()()()”]...
2020-04-09 17:45:07
174
原创 实现一个lazyman
categories: [前端,JavaScript]thumbnail: /images/fe/lazy.jpgtoc: true原题目要求实现一个lazyman:lazy('tom').eat('apple').sleetFirst(1).eat('water').sleep(1).eat('奥利给')输出:睡了一分钟我的名字叫tom吃了个苹果喝了点水睡了一分钟吃...
2020-04-09 11:33:37
297
转载 setState之后发生了什么
categories: [前端,React]thumbnail: /images/fe/state.jpgtoc: true流程图partialState：setState传入的第一个参数，对象或函数_pendingStateQueue：当前组件等待执行更新的state队列isBatchingUpdates：react用于标识当前是否处于批量更新状态，所有组件公用dirtyCo...
2020-04-08 10:58:18
2867
转载 react生命周期
categories: [前端,React]thumbnail: /images/fe/this.jpgtoc: true生命周期大体流程初始化步骤初始进入页面 → constructor → componentWillMount → render → componentDidMount → componentWillUnmount；下面的图中，加了一些的状态说明，提前说明一下：...
2020-04-08 09:36:04
215
原创 leetcode-平衡二叉树
categories: [计算机通识,数据结构与算法,leetcode系列]thumbnail: /images/fe/leetcode.jpgtoc: true平衡二叉树（难度：简单）给定一个二叉树，判断它是否是高度平衡的二叉树。本题中，一棵高度平衡二叉树定义为：一个二叉树每个节点的左右两个子树的高度差的绝对值不超过1。这道题可以想到的最简单得方法是从根节点递归遍历二叉树，对于遍历...
2020-04-07 22:36:58
153
原创 leetcode-旋转数组
categories: [计算机通识,数据结构与算法,leetcode系列]thumbnail: /images/fe/leetcode.jpgtoc: true旋转矩阵（难度：中等）给你一幅由 N × N 矩阵表示的图像，其中每个像素的大小为 4 字节。请你设计一种算法，将图像旋转 90 度。不占用额外内存空间能否做到？题解：对于下面这个数组先由对角线进行翻转：然后再对每一...
2020-04-07 18:30:43
216
原创 代金券组合（DP）
categories: [计算机通识,数据结构与算法]thumbnail: /images/fe/offer.jpgtoc: true代金券组合假设现有100元的商品，而代金券有50元、30元、20元、5元四种，则最佳优惠是两张50元面额的代金券；而如果现有65元的商品，则最佳优惠是两张30元代金券以及一张5元代金券。给定目标金额和代金券种类，假设每类代金券数量无限多，求可以满足目标金额...
2020-03-19 20:50:55
2094
原创 剑指offer面试题45：把数组组成最小的数
categories: [计算机通识,数据结构与算法,剑指offer系列]thumbnail: /images/fe/offer.jpgtoc: true剑指offer面试题45：把数组组成最小的数输入一个正整数数组，把数组里所有数字拼接起来排成一个数，打印能拼接出的所有数字中最小的一个。例如输入数组{3，32，321}，则打印出这三个数字能排成的最小数字为321323。这道题直观的解法...
2020-03-16 11:23:10
405
原创 事件类型与事件对象
文章目录DOM中的事件对象阻止浏览器默认行为阻止事件冒泡事件类型UI事件焦点事件鼠标事件鼠标事件的位置移动端设备触摸事件html5事件contextmenu事件beforeunload事件DOMcontentloaded事件hashchange事件关于冒泡DOM中的事件对象在DOM级事件处理程序中，无论使用的是哪一级的DOM事件处理程序，都会将一个event对象传入到事件处理程序当中。对于所...
2020-03-15 22:00:50
325
原创 缓存与存储
categories: [前端,HTML、浏览器综合]thumbnail: /images/fe/llq.jpgtoc: true浏览器的缓存机制当我们在浏览器网址栏中输入url并点击访问后，浏览器会首先检查并读取缓存，那么对于各种缓存，浏览器在读取时有如下优先级：Service WorkerMemory CacheDisk Cache网络请求上述Memory Cache和...
2020-03-15 12:00:49
1526
原创 JS异步编程
categories: [前端,JavaScript,异步编程]thumbnail: /images/fe/yibu.jpgtoc: true序言在event loop中我们已经学习了，js是一门单线程语言，这意味着通常情况下JS运行的代码是同步且阻塞的，但是在实际应用中，尤其是在浏览器端，这种同步阻塞的编程无法实现特定的需求，当遇到一些耗时的计算，请求时就会造成后续线程的等待甚至卡死，...
2020-03-15 11:59:42
276
原创 tcp与udp
categories: [计算机通识,计算机网络]thumbnail: /images/fe/tcpudp.jpgtoc: trueTCP与UDP的区别TCP 是面向连接的，UDP 是面向无连接的UDP程序结构较简单TCP 是面向字节流的，UDP 是基于数据报的TCP 保证数据正确性，UDP 可能丢包TCP 保证数据顺序，UDP 不保证UDP——面向报文UDP是一个面向...
2020-03-15 11:58:29
169
原创 doctype、严格模式与标准模式
categories: [前端,HTML、浏览器综合]thumbnail: /images/fe/llq.jpgtoc: trueDoctype的作用！DOCTYPE 是一个文档类型标记，是一种标准通用标记语言的文档类型声明，在 web 设计中用来说明你用的 XHTML 或者 HTML 是什么版本HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏...
2020-03-15 11:58:09
304
原创 剑指offer面试题40：最小的k个数
categories: [计算机通识,数据结构与算法,剑指offer系列]thumbnail: /images/fe/offer.jpgtoc: true剑指offer面试题40：最小的k个数输入n个整数，找出其中最小的K个数。例如输入4,5,1,6,2,7,3,8这8个数字，则最小的4个数字是1,2,3,4,。和上一题做法一样，使用哈希表，控制时间复杂度到O(n)，然后从小到大遍历哈希...
2020-03-15 11:56:37
596
原创 剑指offer面试题39：数组中出现次数超过一半的数字
categories: [计算机通识,数据结构与算法,剑指offer系列]thumbnail: /images/fe/offer.jpgtoc: true剑指offer面试题39：数组中出现次数超过一半的数字数组中有一个数字出现的次数超过数组长度的一半，请找出这个数字。例如输入一个长度为9的数组{1,2,3,2,2,2,5,4,2}。由于数字2在数组中出现了5次，超过数组长度的一半，因此输...
2020-03-15 11:43:07
158
原创 剑指offer面试题38：字符串的排列
categories: [计算机通识,数据结构与算法,剑指offer系列]thumbnail: /images/fe/offer.jpgtoc: true剑指offer面试题38：字符串的排列题目描述输入一个字符串,按字典序打印出该字符串中字符的所有排列。例如输入字符串abc,则打印出由字符a,b,c所能排列出来的所有字符串abc,acb,bac,bca,cab和cba。思路：这道题使...
2020-03-15 11:27:04
591
原创 剑指offer面试题37：序列化二叉树
categories: [计算机通识,数据结构与算法,剑指offer系列]thumbnail: /images/fe/offer.jpgtoc: true剑指offer面试题35：复杂链表的复制输入一个复杂链表（每个节点中有节点值，以及两个指针，一个指向下一个节点，另一个特殊指针指向任意一个节点），返回结果为复制后复杂链表的head。（注意，输出结果中请不要返回参数中的节点引用，否则判题程...
2020-03-14 17:44:14
541
原创 剑指offer面试题21：调整数组顺序使奇数位于偶数前面
categories: [计算机通识,数据结构与算法,剑指offer系列]thumbnail: /images/fe/offer.jpgtoc: true剑指offer面试题21：调整数组顺序使奇数位于偶数前面输入一个整数数组，实现一个函数来调整该数组中数字的顺序，使得所有的奇数位于数组的前半部分，所有的偶数位于数组的后半部分，并保证奇数和奇数，偶数和偶数之间的相对位置不变。.对于题目最...
2020-03-14 11:51:24
202
原创 JS基本数据类型
categories: [前端,JavaScript]thumbnail: /images/fe/shujuleixing.jpgtoc: true基本数据类型undefined：已声明对象但未进行初始化null：空对象的引用boolean： true、falsenumberstring转换为true转换为falseBooleantruefalse...
2020-03-13 21:53:50
497
原创 剑指offer面试题11：旋转数组的最小值
categories: [计算机通识,数据结构与算法,剑指offer系列]thumbnail: /images/fe/offer.jpgtoc: true剑指offer面试题11：旋转数组的最小值题目： 把一个数组最开始的若干个元素搬到数组的末尾， 我们称之数组的旋转。输入一个递增排序的数组的一个旋转， 输出旋转数组的最小元素。例如数组{3，4, 5, 1, 2 ｝为｛ l1,2,3, ...
2020-03-12 18:50:59
375
原创 JavaScript中的对象
categories: [前端,JavaScript,对象]thumbnail: /images/fe/reg.jpgtoc: trueJavaScript中的对象Object每个实例的方法constructor：构造函数hasOwnProperty(propertyname)：检查该属性在对象实例中是否存在**（不检查原型）**isPrototypeOf(obj)：检查传入的对...
2020-03-12 16:48:37
120
原创 面向对象的程序设计
categories: [前端,JavaScript,函数]tags: [闭包,作用域链]thumbnail: /images/fe/bibao.jpgtoc: true深入理解javascript的闭包首先回顾一下作用域链直接上来举个简单的栗子//windowvar a = 1function aa(){ var b = 2 function bb(){ var c ...
2020-03-12 16:47:33
131
原创 HTTP
categories: [前端,HTML、HTTP、浏览器综合,HTTP]thumbnail: /images/fe/yuanxinglian.jpgtoc: trueHttp简述HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过...
2020-03-12 16:46:51
837
原创 剑指offer-斐波那契数列
categories: [计算机通识,数据结构与算法,剑指offer系列]thumbnail: /images/fe/offer.jpgtoc: true剑指offer面试题10：斐波那契数列这道题作为大多数教科书上面讲解递归的经典场景，并不意味着递归是这道题的最优解法，这道题用递归很容易写出这个代码代码如下：function Fibonacci(n){ // write...
2020-03-12 16:45:40
169
转载 js垃圾回收
categories: [前端,JavaScript]thumbnail: /images/fe/gc.jpgtoc: true序言一般的浏览器都具有Javascript垃圾回收机制（GC：Garbage Collection），也就是说执行环境会负责管理代码执行过程中使用的内存，这个过程是不可见的，我们创建的基本类型，函数，对象，数组等等，都需要内存，同时也都需要回收当不再需要某样东...
2020-03-09 11:47:42
246
原创 关于react hook中数组state的更新
categories: [前端,项目问题]thumbnail: /images/fe/hanshu.jpeg关于react hook中数组state的更新react hook只用了useState钩子函数来给函数（无状态）组件添加状态，今天在写一个小应用的时候就遇到了问题，我设置了一个状态为messagearr数组用来存储当前收到的消息，默认为空。当接收到新消息，则使用setMessage...
2020-02-04 14:09:51
8316
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人