- 博客(87)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 2023年金九银十面经，假的今年没有金九银十
历经近一个月的时间，我目前已经收到两家的offer，第一家可能不是很满意，拒了，第二家开出的薪资也比较符合我的预期，考虑到目前的环境的情况，我就不做犹豫选择了入职，此文章后续可能不会再继续更新，但是我会努力继续写一些好的文章，分享给大家。在这里给一些求职者或者将要寻求其他发展机会的人一些拙见我感觉国庆后的市场机会多了一些，但是也只是一点，如果说还能撑一撑的伙伴们，我建议还是再撑一撑就算换了工作，现在其实很多公司可能给不到你预期的工资，你可能会面临两个问题。
2023-10-21 11:12:26
200
原创 关于我的人生（假如我工作13年就能得到3w个花西币）
我一直在思考一个问题，我们真的有正视过未来吗？其实大家可能会遇到一种可能，什么这种小说中主角的模板可能不一定会出现在我们身上。（这里并不是嘲笑，谁不想拥有爽文男主的人生，笔者还是希望大家能过得很好）这段时间我正处于离职状态就一直在思考，我究竟是在做什么？毕业了两年，在一家公司做了两年薪水，然后，这也许就是大部分人的现状。有很多人一生都不知道，自己要做什么？这几天我重新看到这句话，我就感觉说得真的很对。那么就会有人说，我一生要做的事情就是搞钱,没错很多人都是如此。
2023-09-20 20:29:15
141
原创 取个对象值导致系统崩溃
虽然这种错误不一定是前端的问题,但是代码的健壮性还是很重要的，个人目前也业务中就经常遇到这样子的问题，服务端返回的某些对象在没有值的情况下就是null,所以导致前端代码报错。虽然这种错误不一定是前端的问题,但是代码的健壮性还是很重要的，个人目前也业务中就经常遇到这样子的问题，服务端返回的某些对象在没有值的情况下就是null,所以导致前端代码报错。都是血的教训，希望大家少遇到这样子的错误。
2023-08-12 10:33:57
399
原创 前端卷算法系列(七）
给你一个 升序排列 的数组 nums ，请你 原地 删除重复出现的元素，使每个元素 只出现一次 ，返回删除后数组的新长度。元素的 相对顺序 应该保持 一致。然后返回 nums 中唯一元素的个数。考虑 nums 的唯一元素的数量为 k ，你需要做以下事情确保你的题解可以被通过：更改数组 nums ，使 nums 的前 k 个元素包含唯一元素，并按照它们最初在 nums 中出现的顺序排列。nums 的其余元素与 nums 的大小不重要。返回 k。
2023-07-16 08:08:53
327
原创 前端卷算法系列(四）
编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀，返回空字符串 “”。示例 1：输入：strs = [“flower”,“flow”,“flight”]输出：“fl”示例 2：输入：strs = [“dog”,“racecar”,“car”]输出：“”解释：输入不存在公共前缀。来源：力扣（LeetCode）
2023-03-12 10:21:43
83
原创 前端卷算法系列（三）
罗马数字包含以下七种字符: I， V， X， L，C，D 和 M。字符 数值例如， 罗马数字 2 写做 II ，即为两个并列的 1。12 写做 XII ，即为 X + II。27 写做 XXVII, 即为 XX + V + II。通常情况下，罗马数字中小的数字在大的数字的右边。但也存在特例，例如 4 不写做 IIII，而是 IV。数字 1 在数字 5 的左边，所表示的数等于大数 5 减小数 1 得到的数值 4。同样地，数字 9 表示为 IX。
2023-03-05 10:28:42
389
原创 前端卷算法系列（二）
给你一个整数 x ，如果 x 是一个回文整数，返回 true；否则，返回 false。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。例如，121 是回文，而 123 不是。示例 1：输入：x = 121输出：true示例 2：输入：x = -121输出：false解释：从左向右读, 为 -121。从右向左读, 为 121-。因此它不是一个回文数。示例 3：输入：x = 10输出：false解释：从右向左读, 为 01。因此它不是一个回文数。
2023-02-26 09:38:35
382
原创 前端卷算法系列（一）
给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。(题目来自leetCode)示例 1：输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1]。
2023-02-11 16:09:57
616
1
原创 每日亿题(面试题)
Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()1.Object.prototype.toString.call ,主要是通过继承Object.toString方法同时改变toString方法的执行上下文，获取判断的类型，可以判断所有的数据类型，包括undefined、null等2.instanceof 通过原型链判断实例对象是否在某个构造函数的原型链上， 但是instanceof无法判断基础类型。
2023-01-20 09:00:27
787
原创 你知道防抖和节流与闭包的关系吗？
每日一篇快乐每一天笔者最近发现啊，虽然平时说防抖和节流都知道是什么作用，但是突然让你手写，我的脑子就是…,然后默默的打开百度，平时手写一些代码还是很有必要的。所以今天就来彻底把防抖和节流扒个精光.（怎么感觉有点变态…[痴汉脸]）......
2022-08-13 10:37:36
610
1
原创 不会吧!不会吧!居然还有人不知道重绘以及回流
哈喽，卷王又来了，在工作中无意问到了一个新人，重绘和回流的概念，后来想了想，笔者也是在逛论坛的时候才无意间知道这个概念，想这些概念如果是有去看关于js或者前端书籍的崽子们，应该都是有了解过，但是前端的知识体系个人觉得比较乱，可能有些人并没有去系统的了解，今天就来普及一下什么是重绘和回流。......
2022-08-08 19:32:09
333
原创 您的Vue3学习指南，请查收！！！
前端真的是太卷了，vue2.0学透，vue3.0就又来了，感觉前端更新迭代是真的快，但是又不能不学，加油卷王，卷死他们，宁死也不愿意淹没的人流之中。
2022-08-06 09:12:29
364
原创 Key在什么情况会提高渲染速度，什么情况不行？
结论： 在没有绑定和的情况下，不使用反而会更快。举🌰:以上代码会生成如下dom节点这时我们把顺序换一下，我们把数组换成倒叙，那么有和有什么区别？会怎么处理？这里简单说明一下其实简单模板下diff速度更快的说法其实是源于模式下面形成的。:实际的应用中其实不怎么可能存在较为简单的，即使存在对于简单模板这样的比较损耗来说，可以忽略不计，所以几乎是...
2022-07-09 10:42:54
174
原创 量比公式计算
量比公式计算每日励志话语: 每天进一步一点点，这不就是希望。如果错误还望指出,大家一起加油，明天你就是最耀眼的一个。如果内容对你有帮助还望可以帮我点个三连[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-F3X2PObF-1648346307142)(C:%5CUsers%5Clin%5CDocuments%5CNOTE%5Cmd%E6%A8%A1%E6%9D%BF.assets%5Cu=1959233962,4150560556&fm=26&gp=
2022-03-27 09:59:36
3174
原创 动态v-model
引题： vue如何绑定动态的v-model每日励志话语: 每天进一步一点点，这不就是希望。如果错误还望指出,大家一起加油，明天你就是最耀眼的一个。如果内容对你有帮助还望可以帮我点个三连如题笔者在工作上遇到这样一个场景在一些的表单中如果出现很多字段，那么使用循环的方式去处理会比较简洁，那么在这一过程中就出现了一个问题如何动态绑定表单的值，这里以Element UI的form表单为例假设目前需要： 10个输入框的表单如果一个去写代码后续改起来可能相当麻烦 <el-form
2021-10-07 10:12:45
3287
3
原创 动态v-model
引题： vue如何绑定动态的v-model每日励志话语: 每天进一步一点点，这不就是希望。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YXVmR2CX-1633051963236)(C:%5CUsers%5Clin%5CDocuments%5CNOTE%5Cmd%E6%A8%A1%E6%9D%BF.assets%5Cimage-20210407131136617.png)]如果错误还望指出,大家一起加油，明天你就是最耀眼的一个。如果内容对你有帮助还望可以帮我点个
2021-10-01 09:32:54
475
原创 react面试通
React面试百题通小编比较追求原理可能有些枯燥，乏味还望读者见谅，但是看一下总对技术提高有好处。Virtual Dom和Real Dom的区别分析减少dom操作操作dom消耗是非常大的，虽然有可能读者没有感觉到，但是你如果想象一下你有10000个dom节点，通过浏览器提供api就需要操作10000次，但是虚拟dom只需要一次更新区域最小化虚拟dom会通过diff算法,对比前后两次dom树的区别，从而更新最小范围的dom元素在某种情况下虚拟dom性能比真实dom快React的
2021-04-02 01:00:08
117
原创 Js面试通
Javascript面试通js中有哪些基本数据类型StringbooleannumberundefinedObjectSymbolnullllet、var、const之间的区别let和var的区别主要在于作用域let是块级作用域，var是函数作用域这里要先提一下变量提升 console.log(a); //undefined 这里变量还未声明就已经存在了 var a = 10;变量提升是源于引擎的编译顺序，这里简单说一下，其实var声明变量执行循序是这样的
2021-03-20 10:32:50
127
原创 react面试通（持续更新2021年3月19日09:39:56）
React面试百题通小编比较追求原理可能有些枯燥，乏味还望读者见谅，但是看一下总对技术提高有好处。Virtual Dom和Real Dom的区别分析减少dom操作操作dom消耗是非常大的，虽然有可能读者没有感觉到，但是你如果想象一下你有10000个dom节点，通过浏览器提供api就需要操作10000次，但是虚拟dom只需要一次更新区域最小化虚拟dom会通过diff算法,对比前后两次dom树的区别，从而更新最小范围的dom元素在某种情况下虚拟dom性能比真实dom快Diff算法
2021-03-19 09:40:10
173
2
原创 sokcet var io = require(‘socket.io‘).listen(server)； not a function
2021年1月27日20:14:59 目前最新版的sokcet.io为3.1 所以会出现这个问题可以采取降级 “socket.io”: “^2.3.0”, 或者 去官方找新的方法，listen这个方法应该在3.1中被改动过
2021-01-27 20:17:26
1801
1
原创 完美解决Building fresh packages... 或者 yarn安装依赖一直处理waiting
大家在学习umi是不是经常遇到这个问题，这是因为puppeteer包需要从国外下网上有许多解决方法例如设置淘宝源镜像yarn config set registry https://registry.npm.taobao.org/在根目录下新建.yarnrc文件registry "https://registry.npm.taobao.org"sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"phantomjs_cdn
2020-10-17 08:16:05
15252
3
原创 umi插件开发遇到的问题 error An unexpected error occurred: “E:\\WorkSpace\\webstorm\\umi-plugin\\package.json:
yarn add v1.22.5error An unexpected error occurred: “E:\WorkSpace\webstorm\umi-plugin\package.json: Unexpected token } in JSON at position 1453”.info If you think this is a bug, please open a bug report with the information provided in “E:\WorkSpace\webs
2020-10-11 10:13:18
2008
原创 css五大布局方式详解
css布局方式table布局float布局flex布局响应式布局Grid布局table布局table布局在如今已经很少使用，原因是：table布局比其它html标记占更多的字节，会阻挡浏览器渲染引擎的渲染顺序，会影响其内部的某些布局属性的生效。使用table布局有两种方式table标签display：table标签与js的对应table { display: table }tr { display: table-row }thead { displ
2020-10-09 09:38:00
10440
原创 umi入门到入土
umi开始使用yarn创建项目 yarn create @umijs/umi-app安装依赖yarn运行项目yarn startumi目录结构.├── package.json--依赖文件├── .umirc.ts--配置文件├── .env--环境变量├── dist--打包文件夹├── mock├── public└── src ├── .umi ├── layouts/index.tsx ├── pages ├── ind
2020-10-04 09:44:18
4907
原创 umi配合dva配置
安装umi创建文件夹mkdir umidemo01 && cd umidemo01安装umiyarn create @umijs/umi-app创建完安装依赖yarn install正常运行后直接编写dva代码,umi会自动引用dva,无需配置，如果需要配置可以在.umirc.ts文件中配置dva例如：需要注意umi编写dva有以下约定约定式的 model 组织方式符合以下规则的文件会被认为是 model 文件，src/models 下的文件src/p
2020-10-04 09:41:32
3026
2
原创 dva官方实战代码 写一个列表，包含删除按钮，点删除按钮后延迟 1 秒执行删除
UIimport React, {Component} from 'react';import { connect } from 'dva'class List extends Component { constructor(props) { super(props); console.log(props) } render() { return ( <div> {this.props.list.map((item,index
2020-09-25 16:41:37
373
原创 React面试题（2020年8月29日18:56:01）
讲一下React的生命周期的理解react生命周期：从广义上分为三个阶段、挂载、渲染、卸载第一阶段（）：constructor():加载的时候调用一次，可以初始化state和绑定方法getDefaultProps()：设置默认的props，也可以用defaultProps设置组件默认属性getInitialState()：初始化state，可以直接在constructor中定义statecomponentWillMount()：组件加载时调用，整个生命周期只调用一次render()：react
2020-09-23 22:13:35
286
原创 Redux middleware(中间件)
middleWare听到这个词感觉就有点高深的感觉有没有，其实middleWare就是帮我们增加一些功能，例如异步、日志等原本我们redux流程是这样的现在增加了中间件进行附加功能例如使用thunk、loggerapplyMiddleware(thunk, logger)applyMiddleware源码剖析let store =createStore(reducer,applyMiddleware(logger))我们使用中间件在createSotre在源码内部会这样调用retu
2020-09-09 14:26:51
181
原创 There might be a problem with the project dependency tree. It is likely not a
今天React设置eslint的时候出了一个错误，There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.这个错误很简单就是react-script这个库不支持太高版本的eslint我们安装会6.6.0就可以了解决方法npm uninstall --save eslintn
2020-09-08 18:26:10
4403
1
原创 深入学习React高阶组件
Mixin在了解高阶组件之前我们先讲一下mixin很多初级前端工程师对mixin的概念并不是很了解，首先解释一下mixinmixin：在项目中有些一代码相同的代码会重复使用，我们就可以进行抽离，方便维护，为了解决这个问题就是包装成mixin方法，但是后来发现有mixin有很多弊端，也许可以说高阶组件就是mixin的衍生品，让我们进入今天的主题高阶组件高阶组件：本身是一个函数，这个函数接受一个组件做为参数，并且返回一个组件实现方式：属性代理和反向继承示例：function Hoc(Wrapped
2020-09-04 14:30:16
118
原创 React中的hook
hookhook:是可以让你在函数组件中使用React state及生命周期的函数，简单说就是通过hook可以让我们的函数组件有状态和生命周期，并且hook不能用在class组件中注意在使用hook有两个规则只能在函数最外层调用hook，不能再循环、条件判断或者子函数中调用只能在函数组件中使用hook错误使用例子：import React, { useState , useEffect} from 'react';function Example() { for(let i =0;
2020-09-01 14:30:01
147
原创 Es6之Proxy
ProxyProxy（代理）：可以理解成对一个对象设置一个拦截用法：var proxy = new Proxy(target, handler);参数：target:是要处理的对象handle:是拦截的行为其实Proxy和set和get很像，但是他不针对一个属性，如果你了解get和set了解这个应该不困难 let obj = new Proxy({},{ get: function(){ console.log("触发了get"); return 10; }
2020-08-29 18:45:31
267
原创 js中call、apply、bind详解和区别
首先这三个参数都是用于改变this的指向 let obj = { name:'张三', age:18, func:function(){ console.log(this.name + "年龄" + this.age); } } let obj2 = { name:'李四', age:20 } obj.func.call(obj2) //李四年龄20 obj.func.apply(obj2); //李四年龄20 obj.func.bin
2020-08-29 13:28:11
216
原创 Es6之Class详解（含常问面试题）
Classjs中class的由来是由构造函数衍生出来的在我们默认把首字母大写的函数称为构造函数 function Person () { console.log("this is a method"); }而在es6中就引入class的关键字，class只是一个语法糖，它的实现基本可以使用es5实现 function Person () { console.log("this is a method"); } class Perosn { constructor(
2020-08-29 10:14:20
2917
2
原创 generator函数（含面试题）
generator函数generator函数是es6提供的一种异步编程解决方案，这个方法比较抽象。generator函数可以返回多次的函数看看下面这个例子你就很容易明白如果一个普通函数要返回1-10就只能使用数组或者其他方式存储和generator就可以一次次返回 function* add() { for(let i =0; i<10; i++) { yield i; } } let a = add(); console.log(a.next()); //
2020-08-29 08:58:49
655
原创 Es6之Set和Map结构
SetSet：类似数组，但是它的成员没有重复值 let s = new Set(); let s2 = new Set([1,2,3,4,1,2,3]); [1,2,3,4,1,2,3].forEach(x => s.add(x)); console.log(s); // {1, 2, 3, 4} console.log(s2); //{1, 2, 3, 4}可以看出会去掉重复值那我们就可以利用这个特性来去除数组中重复的值 let s = new Set([1,2,3,
2020-08-26 15:13:57
171
原创 Reflect.ownKeys和Object.keys详解
Reflect.ownKeys()**Reflect.ownKeys(target)**是返回所有的属性key，包括不可枚举类型，不包括继承的属性参数：target:获取目标对象的属性，如果target不是对象则报错返回值：返回由target属性组成的数组 let obj = { name:'zhangsan', age:'18' } console.log(Reflect.ownKeys(obj));这里注意在js中数组也是对象 let obj = { n
2020-08-25 14:57:45
4564
原创 Es6新增对象方法
Object.is这个方法用来判断两个值是否相等在Es5中我们使用 ==（相等运算符）\color{red}{==（相等运算符）}==（相等运算符） ===（严格相等运算法）\color{#c7254e}{===（严格相等运算法）}===（严格相等运算法） 这两个来比较，相等运算符会自动转换类型而严格相等运算符不会红色文字 console.log('1'==1); console.log('1'===1); console.log(NaN == NaN); console.log(Na
2020-08-25 10:26:55
440
原创 es6链判断运算符
链判断运算符听到这个名字感觉好高端，感觉学不懂别怕这是一个很简单的运算符作用：当访问一个对象属性是用来判断对象是否存在\color{#c7254e}{对象是否存在}对象是否存在为什么要判断？？？？？在项目中如果你不去判断对象是否存在在去访问属性，项目就崩了如果要访问一个比较长的对象属性例如：Obj.userInfo.userName在es5要这样判断const userName = Obj && Obj.userInfo && Obj.userInfo.
2020-08-24 19:42:47
2650
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人