- 博客(185)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅
翻译 TypeScript-系统入门到项目实战
原课地址：https://coding.imooc.com/class/evaluation/412.html?page=9项目的话小demo基本上按照目录对应来看源码项目我基本上只有最终版本，nodemodules搞起来太慢了所以就是直接在原有改了小节的内容文章目录一、环境配置二、ts学习1.静态类型的深度理解2.基础类型和对象类型3.类型推断和类型注解4.函数相关类型5.Interface接口6.类的定义与继承7.类中的访问类型和构造器8.静态属性，setter和getter，单例模式9.抽象类、
2020-12-14 19:59:05
1386
2
原创 在create-react-app中craco配置less及alias后路径跳转问题
首先是配置aliashttps://www.jianshu.com/p/7e1f1e535b8c介绍了如何配置cra的antd的less形式以及babel-plugin-import按需加载 yarn add antd @craco/craco craco-less @babel/plugin-proposal-decorators babel-plugin-import -D根目录下创建 craco.config.jsconst CracoLessPlugin = require('craco-
2021-04-02 18:16:35
2130
原创 【坑】在谷歌浏览器上运行使用了session却失效的坑(Session/cookies/Header-Samesite)
在node服务器上配置了但是通过谷歌浏览器每次的cookies都不对劲哦，然后服务器的session失效，不是同一个百度后发现是谷歌浏览器的防止csrf的措施，会有默认的配置SameSite头上图中的叹号会提示默认使用了Lax模式，即POST是不允许的chrome://flags/#site-isolation-trial-opt-out然后解决就是使用上边的配置地址，去像下图一样去废弃三个默认配置，重启谷歌浏览器...
2021-01-31 14:47:51
4465
5
原创 通过superagent爬表情包的例子
参考视频https://www.bilibili.com/video/BV1i7411G7kW?p=12代码地址：https://codechina.csdn.net/mus123/fabiaoqing_spider
2021-01-27 00:41:26
412
原创 使用nodejs爬取gb2312中文乱码的解析(superagent-charset)
const request = require('superagent')require('superagent-charset')(request)//request.get("https://www.dytt8.net/index.htm") .buffer(true) .charset("gbk") .then(function (res) { console.log(res.text) }) .catch((err) => {
2021-01-23 12:33:29
1065
原创 git合并提交历史
git log --oneline查看历史假设我想合并上述几行git rebase -i fef9220借鉴一篇vim的使用指南才能操作https://github.com/vim-china/hello-vim/blob/master/quick-start-guide.md用i键启动编辑模式编辑结束之后esc->:->wq保存退出...
2020-12-16 13:27:48
394
原创 京东前端一面电话面
一个小姐姐打电话过来问了一些偏工程的内容，没怎么问基础是北京京东零售下面平台效率提升组的问了下学习方式问了下项目思路问了下antd pro的了解？觉得有什么不方便的地方？写过项目吗？没，就写过demo问了下webpack的了解问了下react和vue的对比理解大概20+分钟吧，没怎么问基础...
2020-09-06 16:30:50
469
原创 映客前端一面面经
面试官是一个小姐姐，emm没有反问环节有点难顶1.学习方法，看过书，刷什么博客2.html标签？语义化标签？3.view-port的了解？简单说了下理解，没有怎么用过4.移动端的物理像素和css像素的理解5.flex6.水平垂直居中7.bfc8.清除浮动9.一道题，关于对象的引用，说输出10.一道题，闭包相关，说输出11.写了一下ul嵌套li的事件代理12.webpack了解多少？说了几个根部属性和自己的理解13.说一下url回车之后发生了什么...
2020-09-04 15:52:09
578
原创 growingIO前端面经
看起来是连续的一二面，但是讲道理我表现的真的差1.arr.map(parseInt)2.学习前端的方法3.写了防抖，然后稍微细扣了传参（好久没写了记不清好多细节）4.Array.prototype.sort=function(compareFn)，模拟实现Array.prototype.sort5.输出链表倒数第k个节点，快慢指针写的但是边界情况处理了好久6.为什么选前端7.写一下react的生命周期8.hooks常用的加一起大概一个半小时，可能是一二面，但是我觉得我应该有点凉..
2020-09-04 12:36:06
532
原创 神策数据前端二面
本来约的是明天，然后老师今天打电话，我说时间可以，就面了（其实我才刚收拾完宿舍）1.聊项目2.对react框架的理解3.对于前端工程化的理解4.跨域的方案面了半小时，基本上就是围绕项目问的，我也好多就是瞎吹orz...
2020-09-03 17:32:46
984
原创 字节教育前端三面，接hr面，许愿意向书
1.说一下项目难点2.实现随输随搜的一个搜索框组件（通用组件而不是业务组件）3.如果想实现扫码登录用什么（长连接websocket的思路，不支持就轮询，怎么判断一一对应？我说的时间戳+随机码）4.实现打麻将的一种业务场景怎么实现5.有什么想问我的？团队规模，进入之后会接触什么业务，如果有校招offer实习怎么安排大概这些一个小时，面试官很和善，都会引导和提醒，我觉得我答得中规中矩吧，许愿hr面一周之后给通知...
2020-09-02 11:53:20
524
原创 找零钱的非动态规划解决方案
因为本身dp其实是会的而且注意到面试官给的空间复杂度是n，所以就放弃了dp想用deep解决结果超时了，自己坑了自己这是原版代码，如果arr不大的话是没啥问题的。。作者：mus。做梦想上岸链接：https://www.nowcoder.com/discuss/491532?channel=666&source_id=home_feed来源：牛客网function minMoney( arr , aim ) { let res=100000 let len=arr.le
2020-08-28 16:39:08
159
原创 美团三面被怼得惨，不过还是梦想一下hr面吧
作者：mus。做梦想上岸链接：https://www.nowcoder.com/discuss/491532?channel=666&source_id=home_feed来源：牛客网我应该是有问题，好几次被面试官说不能理解xxx，不在同一服务器的感觉最后给我的评价是，我应该是没怎么写过页面。。别的还好但是看脸色应该是凉了1.介绍项目难点2.一道算法，超时了换钱的最少货币数，不知道为什么超时，面试官也说看着有问题，本地是正常跑的，有没有大佬帮忙看一下function minMone
2020-08-28 16:36:16
835
原创 远景智能前端一面
电话面，小哥哥声音还可十几分钟吧1.说说对react的理解2.说说react的数据传递3.es6新特性用过什么4.url输入到地址栏回车之后发生了什么5.前端性能优化、缓存6.有做过兼容吗？没
2020-08-27 17:12:22
312
原创 字节教育前端二面面经
一个没开摄像头的小哥，估计是在家面试我没办法开总体聊的很愉快，主围绕react的数据状态管理redux的解耦合，虽然我没答上1.项目细节，略了，就是看着项目问react的知识2.对于ts掌握多少？了解一点，需要时间3.promise的状态和promise.all4.实现一个get函数，对于异常情况做处理返回值const a = { b: { c: { d: [{val:2}]}} }function get(obj, property, defaultValue){}const data
2020-08-27 11:40:24
699
原创 腾讯音乐前端一面凉经
腾讯一面虽然问的都是基础，但是扣的特别细orz1.dom的事件机制？冒泡和捕获怎么理解？点击li这段代码输出什么？ document.getElementById("div").addEventListener( "click", e => { alert("div"); e.stopPropagation(); }, true ); document.querySelector(".ul").addEventListe
2020-08-26 23:22:37
884
2
原创 北京神策数据前端一面（智能运营产品线）
面试官一个很和气的小哥哥然后一面问的也比较基础最开始是自我介绍讲讲学习、讲讲项目1.h5新特性？localStroage/sessonStroage？有哪些语义化标签？语义化的好处？2.css3新特性？3.es6箭头函数4.call、apply、bind的区别5.position的五个值，sticky特性怎么模拟？6.promise、async/await的相关7.异步获取数据8.flex:1的含义9.垂直居中的实现10.跨域的方案11.react生命周期12.react的数据
2020-08-25 19:14:09
730
原创 小米前端一二面，许愿hr面
是个小姐姐面试官了1.实现垂直居中，我手写了transform和flex的2.margin重叠解释下3.盒模型4.兼容移动端一些问题？rem、em、vh、vw5.http缓存6.cookie的跨子域访问的事（简单说了下理解）7.cookie和localstroage区别8.跨域的方法9.cors的头10.dom捕获、冒泡、事件代理11.call、apply、bind区别12.写个大数+113.写个二分查找大概一个小时吧，我觉得我语速好快，虽然还是不深入，小姐姐说一会儿二面
2020-08-24 17:00:48
692
原创 字节教育-前端一面
面试官看起来比我还含蓄orz一面真的主要问的都是基础，后面面试官给的评价是：基础什么都了解，就是模糊、不深入，缺少实践唉实践这个事我也不愿意啊，赶进度的学习orz后面问面试官说算法重要还是实践重要：他说前端不太看算法（和我看过的其他面经不一样）说一共有四面，三技术+1hr话不多说，上题1.怎么学的前端2.查找dom的方式？模拟getElementById（我写的层序遍历然后搞了半天往把children放进去了，太紧张了，后面问我会不会arr太大，我说会是会的但是总会遍历到每一个，也可以用递归
2020-08-23 15:35:54
515
原创 css动画，圆周运动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> @keyframes r{
2020-08-22 21:34:28
1040
原创 美团上海前端二面面经（有点凉估计还是自己接触太少）
大概一个小时，是一个看起来很和蔼的30左右的面试官问的都还好，对我态度也很好，但是我答的可能。。唉1.怎么学习前端的2.有看过什么前端的书3.js基本类型4.typeof的题字符串和字符串对象5.react和vue的区别（没怎么了解）6.react的数据管理用过什么7.手撕Promise.all8.手撕轮播图9.跨域的方法10.听没听说过CSP（没）11.this.setState()是同步还是异步12.了解PWA吗还有service worker？简单说了下，不了解深的13.
2020-08-20 18:30:09
531
原创 一道promise串联流的问题
const delay = (ms) => new Promise((resolve) => { setTimeout(resolve, ms); });const { log } = console;createFlow([ () => delay(1000).then(() => log(1)), () => log(2), () => delay(3000).then(() => log(3)), () => log.
2020-08-19 23:37:43
312
原创 美团上海前端一面面经
面试官小哥哥说话挺温柔的大概面了50分钟好了不多了上正题1.看项目用到localstroage，讲讲localstorage？超容量会怎么样？localstorage同源问题？2.egg.js写一个错误处理中间件？（不会3.next.js和egg.js有什么区别？我答了next.js主要用于前端，egg.js主要负责数据接口，面试管说有一点不对，后面说他们都是node封装的没啥区别emmm4.SPA如何减少首次请求次数，大概是懒加载吧动态import5.算法：爬楼6.算法：千分位（我用数组
2020-08-19 15:04:28
337
原创 js超好懂的螺旋矩阵解法（用递归）
原则就是每次最外边的四条边剥掉分三种情况m==n(方形)最简单,最后二维数组套一个字符m>n(宽形)最后m为奇数可能会出现只剩一行的情况m<n(窄形)最后n为奇数可能会出现只剩一列的情况var spiralOrder = function (matrix) { let res = [] //每次剃掉四个边 //会出现两种情况 //m>=n比较简单最后会剩下一行，验证m=1就直接返回 //m<n的时候会出现一列的情况n=1，逐行遍历之后
2020-08-14 17:28:05
821
原创 js回溯法解n皇后（力扣51）
n 皇后问题研究的是如何将 n 个皇后放置在 n×n 的棋盘上，并且使皇后彼此之间不能相互攻击。上图为 8 皇后问题的一种解法。给定一个整数 n，返回所有不同的 n 皇后问题的解决方案。每一种解法包含一个明确的 n 皇后问题的棋子放置方案，该方案中 ‘Q’ 和 ‘.’ 分别代表了皇后和空位。示例:输入: 4输出: [ [".Q..", // 解法 1 "...Q", "Q...", "..Q."], ["..Q.", // 解法 2 "Q...", "...Q",
2020-08-14 14:46:51
430
原创 js无辜的超长数字字符串相乘
力扣43题受到启发可以写成str[i + j] += num1[i] * num2[j]的形式但是我可以不用末尾相乘开始而是从头部开始因为无论怎样都会拆成单字符X单字符的形式，只要角标对应，无所谓前后顺序编码还会简单些，不需要reverseconst multiply = (num1, num2) => { //简化排除头部的0，并且排除有一个数是0的情况 num1 = num1.split('') num2 = num2.split('') while (n
2020-08-13 10:41:42
508
原创 js的数独游戏（dfs）
const solveSudoku = (board) => { let success = false; const N = 9; //阶数 const row = {}; //缓存行 const col = {}; //缓存列 const box = {}; //缓存块 //以上三个缓存用来排除，并且持续维护，每个里面有至多9个栈 //初始化一个拷贝二维数组 const cb = new Array(N).fill(0).map((c
2020-08-12 18:44:18
916
原创 js最长公共子序列
首先初始化一个(m+1)X(n+1)的二维数组，从(1,1)开始遍历如果i==j，则按照左上方对角线连接当前字符形成新的最长公共子序列如果不相等就判断左方和上方哪个长用哪个遍历结束之后最右下角就是我们需要的字串了function lcs(wordX, wordY) { let m = wordX.length; let n = wordY.length; let solution = []; //初始化一个二维数组，长度宽度分别为两个字符串的长度+1,内容为动态规划当前两分串的最长公
2020-08-10 17:22:37
847
原创 js快速排序的两种方法（两数组和两指针）
感觉用的话都是两数组用的多，但是考都感觉考两指针比较多主流思想都是分治递归，然后这里都选取了第一个数作为基准两数组会返回一个arr数组//两数组function QuickSort(arr){ let len=arr.length; if(len<=1)return arr;//结束条件，如果arr长度为1或0 let left=[]; let right=[]; let p=arr[0]; for(let i=1
2020-08-10 14:28:10
694
原创 对比var观察let的块级作用域的理解
let： 允许你声明一个作用域被限制在块级中的变量、语句或者表达式 let 绑定不受变量提升的约束，这意味着 let 声明不会被提升到当前该变量处于从块开始到初始化处理的“暂存死区”var： 声明变量的作用域限制在其声明位置的上下文中，而非声明变量总是全局的由于变量声明（以及其他声明）总是在任意代码执行之前处理的，所以在代码中的任意位置声明 变量总是等效于在代码开头声明const： 声明创建一个值的只读引用 (即指针) 基本数据当值发生改变时，那么其对应的指针也将发生改变，故造成 c.
2020-08-08 12:31:36
227
原创 对字符串或者数组进行去重全排列（精简代码）
function permin(str){ if(str.length<=1)return [str] let res=[];//res是string[] let len=str.length let set=new Set();//存头，放重复 for(let i=0;i<len;i++){//遍历之后拆分 let head=str[i] let tail=str.slice(0,i).concat(str.slice(i+1,len)) let r
2020-08-05 09:36:53
283
原创 模拟call、apply、bind
Function.prototype.mycall=function(context,...args){ context=context||null; context.fn=this;//this就是当前函数 let res=context.fn(...args);//以context为调用对象 delete context.fn; return res;}Function.prototype.myapply=function(context,args){
2020-08-04 17:43:15
122
原创 css硬币旋转和立方体旋转动画
主要是对于animation和transform的综合应用transform是基于图形变换animation是可以生成不间断的动画transform-style: preserve-3d;用来保证3d的背面效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
2020-08-04 15:05:16
911
2
原创 前端常见面试题（8.2）
文章目录三栏布局（圣杯、双飞翼、弹性）跨域请求的方法事件绑定和事件委托什么是原型链什么是闭包Ajaxcookie、loaclStorage、sessionStorage创建对象几种方式改变this指向浏览器渲染的重绘和回流（重排）浏览器和node的宏任务与微任务机制浏览器缓存详解Token服务端身份验证方案前端与数据埋点http和https的理解http数据接口防刷三栏布局（圣杯、双飞翼、弹性）二者都是三栏左右定宽中间自适应的典型布局圣杯布局<!DOCTYPE html><htm
2020-08-02 19:14:18
727
原创 圣杯布局和双飞翼布局的三栏式
二者都是三栏左右定宽中间自适应的典型布局圣杯布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>圣杯布局</title> <style>
2020-08-02 11:09:42
147
原创 前端常见面试题（8.1）
文章目录BFC、IFC、GFC、FFCdiv水平垂直居中display_none,visibility_hidden,opacity_0区别CSS优先级移动端1px边框的问题map和parseInt函数节流和函数防抖Set、Map、WeakSet、WeakMap的区别判断数组的方法ES6的class有哪些特性全局const和let的获取浏览器兼容问题前端性能优化前端的安全性问题BFC、IFC、GFC、FFCBFC块级格式上下文，页面中一块区域容器其子元素不会在布局上影响到外面的元素如何产生：flo
2020-08-01 22:38:02
298
原创 webpack学习笔记实例
webpack-尚硅谷https://www.bilibili.com/video/BV1e7411j7T5?p=39可以去gitee看一下我里面有资料和demo文章目录webpack-尚硅谷概述五个核心概念看演示~如何打包样式：如何打包html：打包图片：打包其他资源：热加载devServer开发环境搭建生产环境的痛点cssjshtml生产环境配置webpack优化配置开发环境性能优化：优化打包构建速度-HRM优化代码**调试**-source-map生产环境性能优化优化打包构建速度-oneOf优化
2020-07-31 13:10:05
973
原创 es模块的懒加载和预加载（import动态引入+webpack）
此懒加载是js文件的懒加载，不是图片资源的懒加载很明显test被提前加载了现在假如有一个需求，当我点击按钮，才想加载test.js这时候import动态加载就来啦初始情况为当我点击按钮这就实现了es6动态引入的懒加载，因为其实现了代码分割，并不需要担心会重复加载然后，还有一个东西叫预加载webpackPrefetchconsole.log('index.js被加载了')document.getElementById('btn').onclick=async function(
2020-07-30 19:59:30
2977
原创 webpack生产环境性能优化打包构建速度-babel缓存+服务资源缓存
对babel缓存、对资源缓存对于js代码的编译处理，我们每次构建之后，只想变动我们修改的文件模块，这时候不能依赖于HMR的dev-server，所以要对babel进行缓存操作只需要在babel-loader中的options中开启cacheDirectory:true想要看出区别要在根目录下新家server.js配置服务器代码const express = require("express");const app = express();app.use(express.static("bui.
2020-07-30 18:14:38
565
原创 webpack生产环境性能优化打包构建速度-oneOf
在加载loader时候，默认每个文件都会被所有的rules检查，但我们很多文件都只需要一条rules就可以解析完成，这无疑减慢了打包效率，因此可以考虑使用rules的oneOf规则，可以保证文件从oneOf里面的规则从上到下检查，满足一个rule之后就可以不进行下面的loader（需要做好顺序，而且不能同一个文件需要两个loader规则同时处理所以如果有两个文件都需要不同的rule处理的时候把其中一个loader提取到oneOf外面，就可以了比如对于js文件的eslint-loader和babelloa
2020-07-30 18:13:40
432
问一个关于函数参数传递的问题
2020-03-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人