seaalan的博客

原创 JS备忘（打印版）

Array Boolean Class Date Error Global JSON Math Number RegExp String 对象 运算符 语句 类型化数组。

原创 JS手撕代码（算法篇）

3. 无重复字符的最长子串给定一个字符串 s ，请你找出其中不含有重复字符的 最长子串 的长度。输入: s = "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc"，所以其长度为 3。// 暴力解，超时var lengthOfLongestSubstring = function(s) { let res = 0; for(let i = 0; i < s.length; i++){ for(let j = i+1; j <

转载 牛客前端知识

说一说cookie sessionStorage localStorage 区别？ 1.都是浏览器存储 2.都存储在浏览器本地 区别： 1.cookie由服务器写入， sessionStorage以及localStorage都是由前端写入 2.cookie的生命周期由服务器端写入时就设置好的，localStorage是写入就一直存在，除非手动清除，sessionStorage是由页面关闭时自动清除 3.cookie存储空间大小约4kb， se...

原创 牛客网-前端刷题记录

文章目录自守数、质数（素数）、约数、完全数HJ99 自守数√HJ6 质数因子√√HJ56 完全数计算√√HJ60 查找组成一个偶数最接近的两个素数√数列HJ100 等差数列√HJ76 尼科彻斯定理√√HJ35 蛇形矩阵递归HJ37 统计每个月兔子的总数√√HJ22 汽水瓶√√HJ61 放苹果√√HJ91 走方格的方案数√余数HJ53 杨辉三角的变形HJ55 挑7√（中级）HJ57 高精度整数加法√（中级）最大公约数、最小公倍数HJ108 求最小公倍数√√最长回文子串HJ85 最长回文子串√HJ32 密码截取

原创 牛客网-前端刷题记录（中等级）

HJ16 购物单//读取数据处理let [N, m] = readline().split(" ").map(Number);//处理数据,使主件的输入一定在附件输入之前let data = [];for (let i = 1; i <= m; i++) { let [v, p, q] = readline().split(" ").map(Number); data.push([i, v, p, q]);}data.sort((a, b) => a[3] - b[3]);

原创 八、leetcode - 栈和队列（JS）

20. 有效的括号给定一个只包括 ‘(’，’)’，’{’，’}’，’[’，’]’ 的字符串 s ，判断字符串是否有效。有效字符串需满足：左括号必须用相同类型的右括号闭合。左括号必须以正确的顺序闭合。输入： s = "()[]{}"输出： true[ '(' ] [] [ '[' ] [] [ '{' ] []/** * @param {string} s * @return {boolean} */var isValid = function(s) {

原创 七、leetcode - 矩阵（JS）

74. 搜索二维矩阵编写一个高效的算法来判断 m x n 矩阵中，是否存在一个目标值。该矩阵具有如下特性：每行中的整数从左到右按升序排列。每行的第一个整数大于前一行的最后一个整数。输入： matrix = [ [1, 3, 5, 7 ], [10,11,16,20], [23,30,34,60] ], target = 3输出：

原创 六、leetcode - 滑动窗口（JS）

3. 无重复字符的最长子串给定一个字符串 s ，请你找出其中不含有重复字符的 最长子串 的长度。输入: s = "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc"，所以其长度为 3。{ a: 1 } l=0 r=1 res=1 { a: 1, b: 1 } l=0 r=2 res=2 { a: 1, b: 1, c: 1 } l=0 r=3 res=3 { a: 1, b: 1, c: 1 } l=1 r=

原创 六、leetcode - 滑动窗口（JS）

3. 无重复字符的最长子串给定一个字符串 s ，请你找出其中不含有重复字符的 最长子串 的长度。输入: s = "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc"，所以其长度为 3。{ a: 1 } l=0 r=1 res=1 { a: 1, b: 1 } l=0 r=2 res=2 { a: 1, b: 1, c: 1 } l=0 r=3 res=3 { a: 1, b: 1, c: 1 } l=1 r=

原创 五、leetcode - 快慢指针（JS）

26. 删除有序数组中的重复项输入：nums = [1,1,2]输出：2, nums = [1,2]解释：函数应该返回新的长度 2 ，并且原数组 nums 的前两个元素被修改为 1, 2 。 不需要考虑数组中超出新长度后面的元素。 修改前 修改后 修改后的slowslow=0 fast=0 [ 1, 1, 1, 2 ] [ 1, 1, 1, 2 ] slow=0 slow=0 fast=1 [ 1, 1, 1, 2 ] [

原创 四、leetcode - 二分查找（JS）

Math.floor(left + (right - left) / 2)704. 二分查找给定一个 n 个元素有序的（升序）整型数组 nums 和一个目标值 target  ，写一个函数搜索 nums 中的 target，如果目标值存在返回下标，否则返回 -1。输入: nums = [-1,0,3,5,9,12], target = 9输出: 4解释: 9 出现在 nums 中并且下标为 4left=0 right=5 m

原创 三、leetcode - 数组（JS）

217. 存在重复元素输入: [1,2,3,1]输出: true/** * @param {number[]} nums * @return {boolean} */var containsDuplicate = function(nums) { let map = {}; for(let item of nums) { if(map[item]) { return true; } map[item] =

原创 二、leetcode - 二进制、数学类 (JS)

191. 位1的个数输入：00000000000000000000000000001011输出：3解释：输入的二进制串 00000000000000000000000000001011 中，共有三位为 '1'。每次去掉二进制中的最后一个11010 1000 0/** * @param {number} n - a positive integer * @return {number} */var hammingWeight = function(n) { let

原创 前端基础知识必知必会

数学函数Math.max(1,2)2Math.min(1,2)1// x 的 y 次幂（次方）Math.pow(2,3);8// 向下取整Math.floor(2.9)2// 四舍五入取整Math.round(2.4)2Math.round(2.5)3// 向上取整Math.ceil(2.1)3(3 % 2) === 1 // 判断3是奇数true(2 % 2) === 0 // 判断2是偶数true位运算(3 & 1) === 1 // 判断3是奇

原创 一、leetcode - 字符串 (JS)

344. 反转字符串输入： s = [ "h", "e", "l", "l", "o" ]输出： [ "o", "l", "l", "e", "h" ]/** * @param {character[]} s * @return {void} Do not return anything, modify s in-place instead. */var reverseString = function(s) { return s.reverse();};[ 'o',

原创 JS 基本方法摘要

一、字符 与 ascii码 互转A. 字符 转 ascii码：用charCodeAt();"A".charCodeAt()65"Z".charCodeAt()90"a".charCodeAt()97"z".charCodeAt()122B. ascii码 转 字符：用fromCharCode();String.fromCharCode(65);'A'二、十进制 与 其它进制 互转A. 十进制 转 其它进制Number('10').toString(2)'1010'Num

原创 牛客网-前端刷题记录（简单级）

HJ1 字符串最后一个单词的长度输入：hello nowcoder输出：8let str = readline();let arr = str.split(" ");console.info(arr.pop().length);HJ2 计算某字符出现次数输入：ABCabcA输出： 2let source = readline().toLowerCase();let target = readline().toLowerCase();let arr = sour.

原创 算法题中的一些固定套路

单数组左右对撞指针常用于翻转字符串、判断回文数/串var fun = function(s) { let l = 0; let r = s.length - 1; while(l <= r) { // to do l++; r--; } return 结果;};map = {} 的计数功能常用于1个字符串中的字符个数、判断2个字符串中字符个数是否相等（有效字母异位词）var fun = function(s

原创 leetcode - 103道入门基础题

一、leetcode - 字符串二、leetcode - 二进制、数学类三、leetcode - 数组四、leetcode - 二分查找五、leetcode - 快慢指针六、leetcode - 滑动窗口七、leetcode - 矩阵八、leetcode - 栈和队列九、leetcode - 链表十、leetcode - 二叉树十一、leetcode - 并查集十二、leetcode - 回溯十三、leetcode - 动态规划十四、leetcode - 贪心一、leetcode

原创 leetcode - 必背基础题（JS版）

一、leetcode - 字符串 (JS)二、leetcode - 二进制、数学类 (JS)三、leetcode - 数组（JS）四、leetcode - 二分查找（JS）五、leetcode - 快慢指针（JS）六、leetcode - 滑动窗口（JS）七、leetcode - 矩阵（JS）八、leetcode - 栈和队列（JS）九、leetcode - 链表（JS）十、leetcode - 二叉树（JS）十一、leetcode - 并查集（JS）十二、leetcode - 回溯（

原创 牢记 - JS类型转换

六种原始值string number boolean null undefined symboltypeof 对于原始类型都可以正确判断（除了null）typeof 10"number"typeof '10'"string"typeof false"boolean"typeof undefined"undefined"typeof Symbol()"symbol"typeof null"object"typeof 对于对象（数组、对象、Data、正则都是对象）都会显示为ob

原创 VSCode - 格式化配置，单引号变双引号问题

文件 - 首选项 - 设置 - 右上角 打开设置(json)；填充下列内容：{ "workbench.iconTheme": "vscode-icons", // tab 大小为2个空格 "editor.tabSize": 2, // 100 列后换行 "editor.wordWrapColumn": 120, // 保存时格式化 "editor.formatOnSave": true}有时在上面设置中添加 “prettier.singleQuote”: tr.

原创 VSCode - 推荐使用插件

插件说明vscode-icons文件图标显示Prettier - Code formatter代码格式化Chinese (Simplified) Language Pack for Visual Studio Code中文简体语言包ESLint代码检查工具

原创 图 - Flex布局

原创 图 - JS递归函数

原创 图 - JS数组方法

原创 AR - AR.js - basic

简介AR.js是一个用于Web增强现实的轻量级库，具有基于标记和基于位置的AR等功能。基于Web的：这是一个纯Web解决方案，因此无需安装。基于three.js + jsartoolkit5的完整javascript。AR.js使用artoolkit，因此它是基于标记的。 artoolkit是具有多年从事增强现实经验的软件。它可以做很多事情！它支持多种标记：多种类型的标记图案 / 条形码...

原创 AR - three.js加载fbx

示例：https://threejs.org/examples/#webgl_loader_fbx_nurbs示例文件结构：加载步骤：初始化渲染器 （可以放在初始化fbx模型之后） renderer = new THREE.WebGLRenderer({ antialias: true，alpha: true }); // 初始化渲染器 renderer.setPixelRat...

原创 CSS - Jquery操作样式

1 直接添加style添加一个css属性$(".channel").css({ "position": "static" });添加多个css属性$(".channel").css({ "position": "fixed", "width": "100%", "top": "0" });2 添加删除class定义一个class.channel-fixed { position...

原创 CSS - flex

div { display: flex; /* 定义容器为弹性布局 */ flex-direction:column; /* 定义主轴为垂直方向 */ align-items: center; /* 定义子元素垂直居中 */ justify-content: center; /* 定义子元素水平居中 */ flex-wrap: wrap; /* 换行，第一行在上方 */}...

原创 CSS - 透明度

1. rgba 推荐 background-color: rgba(0, 0, 0, 0.3); color: #fff;2. opacity 文字也会透明 background-color: rgb(0, 0, 0); opacity: 0.3; color: #fff;

原创 CSS - 响应式图片

1 max-width<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

原创 CSS布局 - 左列定宽，右列自适应

1 float margin-left<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...

原创 CSS布局 - 水平垂直居中

1 table-cell<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...

原创 CSS布局 - 垂直居中

1 line-height vertical-align<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...

原创 CSS布局 - 水平居中

1 text-align<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...

原创 Angular8 - 绑定数据和属性

绑定数据：public protected private，不写则默认为publicimport { Component, OnInit } from '@angular/core';@Component({ selector: 'app-home', templateUrl: './home.component.html', styleUrls: ['./home.comp...

原创 Angular8 - 组件

ng g --help （命令帮助）ng g component components/home （创建组件命令）创建的组件包括： home.component.css home.component.html home.component.spec.ts home.component.tshome.component.ts文件：import { Compo...

原创 Angular8 - 项目结构

文件说明e2eend to end testnode_modules依赖src项目文件.editorconfigEditor configuration, see https://editorconfig.org.gitignorehttp://help.github.com/ignore-files/angular.jsonbr...

原创 Angular8 - 环境搭建

准备ng --version （Node and Angular CLI version）Node: 10.16.0Angular CLI: 8.3.24node -v （NPM version）NPM: v10.16.0搭建npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install -...