- 博客(42)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 每天一道前端面试题：1PX、盒模型
1px 问题：原因：2 倍图的 1px 其实要实现的是 0.5px，直接写 1px 会偏粗，但写 0.5 又会有兼容性问题解决：写成 1px，然后采用缩放的形式，避免直接写小数带来的兼容性问题。比如 1px 的 border，先扩大 200%（border 不会被扩大）再缩放 0.5，效果就是元素大小上没变，border 粗细变成了 0.5。注意：如果用css直接设置边框为0.5px，这种情况下iPhone可以正常显示，但是android下几乎所有的浏览器都会把0.5识别为0，即无边框状态，所以
2021-04-26 14:51:56
409
原创 LeetCode367: 有效的完全平方数（js）（二分查找）
题目：给定一个正整数num，编写一个函数，如果num是一个完全平方数，则返回 True，否则返回 False。说明：不要使用任何内置的库函数，如sqrt。示例 1：输入：16输出：True示例 2：输入：14输出：False解决：/* * @lc app=leetcode.cn id=367 lang=javascript * * [367] 有效的完全平方数 */// @lc code=start/** * @param {number}...
2021-01-27 18:32:25
234
原创 LeetCode77: 组合（js 递归）
题目：给定两个整数n和k，返回 1 ...n中所有可能的k个数的组合。示例:输入:n = 4, k = 2输出:[ [2,4], [3,4], [2,3], [1,2], [1,3], [1,4],]解决：/* * @lc app=leetcode.cn id=77 lang=javascript * * [77] 组合 */// @lc code=start/** * @param {number} n * @p...
2021-01-26 11:02:16
298
原创 LeetCode169: 多数元素（js）
题目：给定一个大小为n的数组，找到其中的多数元素。多数元素是指在数组中出现次数大于⌊ n/2 ⌋的元素。你可以假设数组是非空的，并且给定的数组总是存在多数元素。示例1：输入：[3,2,3]输出：3示例2：输入：[2,2,1,1,1,2,2]输出：2进阶：尝试设计时间复杂度为 O(n)、空间复杂度为 O(1) 的算法解决此问题。解决：/* * @lc app=leetcode.cn id=169 lang=javascript * * [1...
2021-01-22 17:37:33
170
原创 LeetCode226: 翻转二叉树（js）
题目：翻转一棵二叉树。示例：输入： 4 / \ 2 7 / \ / \1 3 6 9输出： 4 / \ 7 2 / \ / \9 6 3 1备注:这个问题是受到Max Howell的原问题启发的 ：谷歌：我们90％的工程师使用您编写的软件(Homebrew)，但是您却无法在面试时在白板上写出翻转二叉树这道题，这太糟糕了。解决：/* * @lc app=leet...
2020-12-11 11:16:03
186
原创 LeetCode70: 爬楼梯（js）（非二叉树解法）
题目：假设你正在爬楼梯。需要n阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？注意：给定n是一个正整数。示例 1：输入： 2输出： 2解释： 有两种方法可以爬到楼顶。1. 1 阶 + 1 阶2. 2 阶示例 2：输入： 3输出： 3解释： 有三种方法可以爬到楼顶。1. 1 阶 + 1 阶 + 1 阶2. 1 阶 + 2 阶3. 2 阶 + 1 阶解决：/* * @lc app=leetco...
2020-12-09 14:12:13
125
原创 LeetCode589: N叉树的前序遍历（js）
题目：给定一个 N 叉树，返回其节点值的前序遍历。例如，给定一个3叉树:返回其前序遍历:[1,3,5,6,2,4]。说明:递归法很简单，你可以使用迭代法完成此题吗?解决：/* * @lc app=leetcode.cn id=589 lang=javascript * * [589] N叉树的前序遍历 */// @lc code=start/** * // Definition for a Node. * function Node(val...
2020-12-08 19:59:53
163
原创 LeetCode590: N叉树的后序遍历（js）
题目：给定一个 N 叉树，返回其节点值的后序遍历。例如，给定一个3叉树:返回其后序遍历:[5,6,3,2,4,1].说明:递归法很简单，你可以使用迭代法完成此题吗?解决：/* * @lc app=leetcode.cn id=590 lang=javascript * * [590] N叉树的后序遍历 */// @lc code=start/** * // Definition for a Node. * function Node(val...
2020-12-08 19:57:15
152
原创 LeetCode144: 二叉树的前序遍历（js）
题目：给你二叉树的根节点root，返回它节点值的前序遍历。示例 1：输入：root = [1,null,2,3]输出：[1,2,3]示例 2：输入：root = []输出：[]示例 3：输入：root = [1]输出：[1]示例 4：输入：root = [1,2]输出：[1,2]示例 5：输入：root = [1,null,2]输出：[1,2]提示：树中节点数目在范围[0, 100]内 -100 <= N...
2020-12-07 20:07:42
142
原创 LeetCode94: 二叉树的中序遍历（js）
题目：给定一个二叉树的根节点root，返回它的中序遍历。示例 1：输入：root = [1,null,2,3]输出：[1,3,2]示例 2：输入：root = []输出：[]示例 3：输入：root = [1]输出：[1]示例 4：输入：root = [1,2]输出：[2,1]示例 5：输入：root = [1,null,2]输出：[1,2]提示：树中节点数目在范围[0, 100]内 -100 <= No...
2020-12-07 20:05:48
219
原创 LeetCode66: 加一（js）
题目：给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位， 数组中每个元素只存储单个数字。你可以假设除了整数 0 之外，这个整数不会以零开头。示例1：输入：digits = [1,2,3]输出：[1,2,4]解释：输入数组表示数字 123。示例2：输入：digits = [4,3,2,1]输出：[4,3,2,2]解释：输入数组表示数字 4321。示例 3：输入：digits = [0]输出：[1]提示：...
2020-12-02 15:19:51
140
原创 LeetCode88: 合并两个有序数组（js）
题目：给你两个有序整数数组nums1和nums2，请你将nums2合并到nums1中，使nums1成为一个有序数组。说明：初始化nums1和nums2的元素数量分别为m和n。 你可以假设nums1有足够的空间（空间大小大于或等于m + n）来保存nums2中的元素。示例：输入：nums1 = [1,2,3,0,0,0], m = 3nums2 = [2,5,6], n = 3输出：[1,2,2,3,5,6]提示：-...
2020-11-26 20:08:56
126
原创 LeetCode21: 合并两个有序链表（js）
题目：将两个升序链表合并为一个新的升序链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。示例：输入：1->2->4, 1->3->4输出：1->1->2->3->4->4解决：/* * @lc app=leetcode.cn id=21 lang=javascript * * [21] 合并两个有序链表 */// @lc code=start/** * Definition for singly-...
2020-11-23 20:07:57
252
原创 原生video的使用坑
1 背景原生video标签的使用1 预加载进入主内容有一个加载页。技术实现视频预加载使用video标签的preload属性。将preload属性设置为metadata表示用户不想马上加载视频，但是需要预先获取其元数据（尺寸，轨道列表，时长等）。 请注意，从 Chrome 64 开始， preload 的默认值是 metadata（以前是 auto ）。<video id="video" preload="metadata" src="file.mp4" controls&
2020-11-23 18:37:42
3650
原创 LeetCode206: 反转链表（js）
题目：反转一个单链表。示例:输入: 1->2->3->4->5->NULL输出: 5->4->3->2->1->NULL进阶:你可以迭代或递归地反转链表。你能否用两种方法解决这道题？解决：/* * @lc app=leetcode.cn id=206 lang=javascript * * [206] 反转链表 */// @lc code=start/** * Definition for singl
2020-11-19 20:01:31
168
原创 LeetCode189: 旋转数组（js）
题目：给定一个数组，将数组中的元素向右移动k个位置，其中k是非负数。示例 1:输入: [1,2,3,4,5,6,7] 和 k = 3输出: [5,6,7,1,2,3,4]解释:向右旋转 1 步: [7,1,2,3,4,5,6]向右旋转 2 步: [6,7,1,2,3,4,5]向右旋转 3 步: [5,6,7,1,2,3,4]示例2:输入: [-1,-100,3,99] 和 k = 2输出: [3,99,-1,-100]解释: 向右旋转 1 步: [99,-1...
2020-11-19 10:17:32
111
原创 LeetCode26: 删除排序数组中的重复项（js）
题目：给定一个排序数组，你需要在原地删除重复出现的元素，使得每个元素只出现一次，返回移除后数组的新长度。不要使用额外的数组空间，你必须在原地修改输入数组并在使用 O(1) 额外空间的条件下完成。示例1:给定数组 nums = [1,1,2], 函数应该返回新的长度 2, 并且原数组 nums 的前两个元素被修改为 1, 2。 你不需要考虑数组中超出新长度后面的元素。示例2:给定 nums = [0,0,1,1,1,2,2,3,3,4],函数应该返回...
2020-11-18 11:30:45
128
原创 LeetCode7: 整数反转（js）
题目：给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转。示例1:输入: 123输出: 321示例 2:输入: -123输出: -321示例 3:输入: 120输出: 21注意:假设我们的环境只能存储得下 32 位的有符号整数，则其数值范围为[−231, 231− 1]。请根据这个假设，如果反转后整数溢出那么就返回 0。解决：/* * @lc app=leetcode.cn id=7 lang=javascript ...
2020-11-18 11:27:23
137
转载 ios h5 移动端 关于监测切换程序到后台或息屏事件和visibilitychange的使用
document.addEventListener("visibilitychange", () => { if (document.hidden) { audio.pause() video.pause() } else { setTimeout(() => { bgMusic.play() video.play() }, 2000) }});需求：当我们页面上正在播放视频或者播放背.
2020-09-29 17:34:52
1709
原创 解决ios回退后不刷新的问题
window.addEventListener("popstate", () => { window.location.reload(true); }, false); const state = { title : "", url : "#" }; window.history.replaceState(state, "", "#");放在当前...
2020-09-28 20:13:41
294
原创 webpack打包原理浅浅析（前端打包工具）
webpack通过配置项就可以实现各种场景下的打包，那么它究竟是怎么打包的呢？网上的简易打包原理怎么看都云里雾里，不如自己悄咪咪实现一个，揭开这层神秘的面纱…通过本文学到什么？webpack打包后的结果分析通过demo实现webpack简易打包原理涉及到的知识点：babel模块、fs模块、path模块目录结构webpack4打包结果手写demo实现简易打包过程获取 modules （单个模块路径、模块内容、所属依赖）1.1 读取模块内容1.2 获取抽象语法树1.3 .
2020-09-28 15:01:25
2229
原创 js去掉头尾空格、括号
去掉头尾空格trimSpace = (str: string) => { const reg = /^\s+|\s+$/g; return str.replace(reg, ""); }去掉括号中的内容trimBrackets = (str: string) => { const reg = /\([^\)]*\)/g; ret...
2020-04-20 16:31:13
2578
原创 移动互联网的入口-二维码（二维码生成原理及流程）
目录1 引入2 历史2.1 一维码2.2 二维码3 分类3.1 线性堆叠式二维码3.2 矩阵式二维码3.3 邮政码4 QR code二维码结构5 QR code二维码生成流程及原理5.1 数据编码5.2 纠错码5.3 最终编码5.4 画二维码5.5 二维码优势6 个性二维码7 总结1 引入近年来，随着移动互联网的发展，二维...
2020-04-15 10:55:13
6421
原创 react 中的input 只读属性
正确的两种写法：一、HTML中 <input type="text" className="lg-input-o" autoComplete="off" plac...
2019-12-17 10:36:17
1961
原创 采坑记--fetch 请求header与body配置及常用问题
fetch 请求-header与body配置及常用问题引入说道fetch就不得不提XMLHttpRequest了，XHR在发送web请求时需要开发者配置相关请求信息和成功后的回调，尽管开发者只关心请求成功后的业务处理，但是也要配置其他繁琐内容，导致配置和调用比较混乱，也不符合关注分离的原则；fetch的出现正是为了解决XHR存在的这些问题。例如下面代码：fetch(url).then...
2019-11-07 17:06:15
17706
原创 React：children解析（map使用）
问题：在使用children过程中发现children不包含map方法，但是类型验证表明children就是array类型解决：1、由于在props中写明children时一个React.ReactNode类型（此类型代表children可以是任何类型），所以即使类型检查为array类型，在使用children.map()的时候认为children依旧时全类型，不包含map方法。2、这...
2019-09-25 18:33:43
2415
原创 React：父组件数据实时更新，子组件相应更新
目标：父组件发送请求后，根据返回数据实时跟新部分state，子组件实时检测跟随跟新实现思路：利用react的componentWillReceiveProps方法案例：子组件中增加componentWillReceiveProps(nextProps:any){ this.setState({ reuploadFlag: nextProps.r...
2019-09-24 18:36:09
6546
1
原创 React：子组件向父组件传值
目标：子组件中发送请求后获取数据传递给父组件展示实现思想：子组件通过props控制父组件的方法触发，将子组件中的值通过此方法传给父组件。案例：父组件Authentication：import React from "react";import "./style.scss";import AuthenticationItem from './Authentication...
2019-09-24 18:28:10
184
原创 CSS：带三角（实心，边线）提示框，提示文案
css文件，在长方形提示框的div上添加after和before样式 .r-note:before { content:""; width: 0; height: 0; ...
2019-09-19 14:13:16
470
原创 CSS：loading动画，图片自身旋转
css文件 .icon { margin: 32px auto 0px; width: 22px; ...
2019-09-19 14:05:25
1385
原创 react项目中配置mock数据
最近在项目中需要数据测试，为了方便，直接引入mockjs。首先使用npm安装mockjs，npm install mockjs然后在api文件夹中创建index.ts文件,数据随便填，可以参考mock.js，内容如下:其中index.ts配置var Mock = require('mockjs');var data = Mock.mock('/data',{ '...
2019-09-04 15:22:17
2511
转载 一句话分清 NPM install -save 和 -save-dev
NPM install -save 和 -save-dev 傻傻分不清本文原文地址：https://www.limitcode.com/detail/59a15b1a69e95702e0780249.html回顾 npm install 命令最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参...
2019-08-08 11:29:00
801
原创 ES6:通过实现读文件功能理解Promise、Generator函数、async函数区别
1、Promiseconst fs = require('fs');//nodejs的内置模块，由于读取文件一般是由异步执行，这样不会阻塞别的功能代码执行//把fs封装成一个Promise对象，然后在下面返回数据输出const read = function(fileName) { return new Promise((resolve ,reject ) => { ...
2019-07-08 20:41:26
223
转载 ES6：Generator 函数和迭代器(Iterator)
Generator 函数ES6提供的一种异步编程解决方案。通过yield标识位和next()方法调用，实现函数的分段执行。function* helloGenerator() { yield "hello"; yield "generator"; return; } var h = helloGenerator(); conso...
2019-07-08 17:44:11
196
原创 Promise学习：Promise.race()用法
如下demolet P1 = new Promise( resolve => { setInterval( () => { resolve("I\'m P1"); },1000)});let P2 = new Promise( resolve => { setInterval( () => { resol...
2019-07-05 14:55:34
3644
原创 Promise学习：promise.all()方法
例子：Promise.all([1,2,3]).then( all => { console.log('1: ',all); return Promise.all([function(){ console.log("ooxx") },"xxoo",false])}).then( all => { con...
2019-07-04 15:15:19
596
原创 js的正则表达式：判断全部为数字，全部为字母
1、判断字符串全部为数字，（0-9）之间(/^[0-9]+$/.test(element))2、判断字符串全部为字母(/^[a-zA-Z]+$/.test(element))注：1，2结果用false和true表示
2019-07-03 20:34:06
26469
原创 npm报错：code ELIFECYCLE \ A complete log of this run can be found in:...
报错现象：在npm start时，出现错误如下：npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! ******@0.1.0 start: `rocketact-scripts start`npm ERR! Exit status 1npm ERR!npm ERR! Failed at ******@0.1.0 start scri...
2019-07-03 12:29:33
1146
原创 云服务器上搭建网站、域名与云服务IP绑定通过域名直接访问云服务器上的网站流程
1、前期准备：（1）云服务器：购买的阿里云windows10 sever 2008（2）web服务器：IIS服务器（3）1个前端页面案列，确保本地可以预览2、云服务器上搭建网站并且通过IP外网可以访问流程这部分具体参考https://blog.csdn.net/u014453443/article/details/84942670值得注意的是：（1）（这个参考文档中在云...
2019-02-13 19:45:30
4595
翻译 5分钟学会React （一个对于当前流行的JavaScript库的快速梳理）
5分钟学会React（一个对于当前流行的JavaScript库的快速梳理）这个说明通过一个非常简单的应用给你一个对于React.js的基本了解，我会省略非重点的内容。当你开始阅读这篇文章，你可以检查Scrimba网站上的免费React课程，那里你可以通过48个视频学习这个库。体制当开始学习React的时候，你应该尽可能的使用最简单的模板，一个使用script标签导入React和...
2019-01-30 15:28:32
199
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人