- 博客(178)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端全方位进阶课程已经备好，陪你挑战年薪20w以上！
关于前端全方位进阶课程我也已经备好了！这个课程是我专门针对当前前端就业市场而准备的！依旧免费！
2024-04-05 12:19:49
234
原创 有没有愿意和我一起干爆React的？
就业工作确实很累心，忙碌时白天上课，晚上复盘面试，后期要听找工作困难的学生的面试录音，分析面试问题。确实，受当前大环境的影响，许多大厂在裁员，小部分被裁的人因能力限制难以找到满意的工作，便在网上进行各种花式吐槽。当前的网络环境针对于前端而言并不友好，导致许多从事前端的人非常焦虑，而有意向从事前端的人则对其望而却步。如果有愿意和我一起干爆React的，可以帮我点一个赞，或者在看，给我一些做这件事情的动力。至于网上的就业不足15%的宣传，至少在我带过的班级中从未出现过，也可能是我孤陋寡闻了。
2024-03-10 15:42:55
456
原创 入群需谨慎，考虑清楚再加入！！！
专享我的1v1的免费就业指导：包括简历书写、面试技巧、模拟面试、面试录音问题查找等，直至找到你满意工作为止，让你体验什么是保姆式的就业辅助！群主会不定期在群内发布命名口令，即群员需要将该口令作为群名字的前缀，三日内未更改会被视为潜水群员被踢出群。加我微信 zhangpeiyue（微信不闲聊），告知加群，我会拉你进来！群主发布指定需回复的消息时，经常未回复者会被视为潜水群员会被踢出群聊。关注我的视频号和公众号（张培跃），群内人员如果未关注会被踢出群！在群内可以找到志同道合的朋友，共同学习，进步。
2024-03-10 15:33:26
339
原创 宣布一下：2024年我离职了！
我退了工作相关的群聊，也没有和同事一一道别，我只是想安安静静的离开，这里是我工作了三年多的地方，这三年多过得也是惊心动魄，让我见证并享受了公司的各种变化，当然人生唯一不变的就是变化，这也是它的精彩之处，我也真心的希望公司越来越好！如果你感到缺乏信心、看不到希望和未来时，或者周围的人文环境让你感到难以忍受，而你又坚定了离职的决心时，那么也许是时候离开了。如果当你还在犹犹豫豫是否要离开目前所在的公司时，那么当前肯定还不是你离开的最好的时机，
2024-02-22 11:18:12
508
原创 程序员一定要远离“钻研技术无用，搞钱才是正道”的言论
多去想一下用户喜欢什么类型的软件功能，而我们又能给用户提供什么服务和产品，如何打开市场这些问题才是核心，而功能越多，开发起来成本就越高，相对应的失败的可能性就越大。所以，我的建议是，别被那些“糟粕言论”给迷惑了。功能满足需要就可以了，老板们算的是什么，是绩效成本收益之类的，反而呢你做的慢了，效率低了，第一个优化的就是你，代码写久了思维就固化了，我们应该跳出去思考。这种“钻研技术无用，搞钱才是正道”的言论，就像是给程序员们送上了一碗“鸡汤”，但可惜这碗汤里加的不是鸡精，而是“懒惰”和“短视”的调料。
2024-02-22 11:15:43
374
原创 字面跳动前端面试题：React Hook为什么不能放在if/循环/嵌套函数里面？
其实，在项目的研发过程中，我们除了要保证代码的整洁以及可维护外，还要确保应用可以顺畅的运行，以前我们在一个项目中就遇到过类似的问题，当时就是因为一个。因此，在编写 React 函数组件时，一定要遵循 Hook 规则，只在顶层使用 Hooks，并且不要在循环、条件或嵌套函数中调用。，可能会导致它们的调用顺序和次数不一致，从而引发一些奇怪的问题，比如状态不稳定、内存泄漏等。其次，从生命周期的角度来看，Hook 的生命周期与组件的生命周期是紧密相关的。的状态更新是异步的，只有当依赖项发生变化时，状态才会被更新。
2024-02-03 22:38:35
1325
原创 JavaScript中的“??“: 空值合并运算符
在ECMAScript 2021 (ES12)中，引入了一个新的运算符：空值合并运算符（Nullish Coalescing Operator）。
2024-02-02 20:54:44
489
原创 2024年前端找工作的核心重点：向上卷！梭哈React！
我觉得只要能摸准市场的技术走向，三周就业百分之八十以上，就业平均工资12k以上，做到这样的数据我还是非常有把握的！我带过的毕业班，班班如此！有的人看到这估计儿估计就要反驳我了，我想说：要么是你太菜，要么是带你的人太菜！那些为了卖课为了割韭菜的那帮人，真的是脸都不要了！动不动就说前端没有了，大家千万不要学前端！前端无用论是满天飞！我是一个写了十多年代码的全栈开发人员，从前端到后端从商务到运维也都有所涉猎！最近几年我也一直在搞前端的就业，最近，真实的面试录音我也听了不止上百段！我发现越菜的叫的越凶！
2024-01-31 20:19:06
501
原创 通过 React 来构建界面
/ 通过createRoot函数，将 id 为 root 的 div 作为呈现 React 内容的容器。注意：以上两个文件可以通过浏览器打开，另存为并保存至目录lib中即可，lit目录文件如下。// ReactDOM 来自react-dom.development.js。同一个挂载位置，可以执行多次 render ，后者会覆盖掉前者的内容。同一个挂载位置，不允许多次被指定为 React 容器。// 在容器中呈现 Hello, world!允许在同一个界面中指定多个挂载容器。：React中的核心库文件。
2024-01-31 11:09:04
1128
原创 前端开发有没有必要转鸿蒙开发？
我想说的是：鸿蒙替代不了前端，如果你目前正在从事前端开发，那么你完全可以将鸿蒙看作是未来征战四方的一个武器，看作是一个不错的技能选择。另外小公司单独招一个鸿蒙的可能性也不大，人家完全可能让IOS端或Android端去搞一搞，毕竟鸿蒙官网的教程已经做的非常详细了，再加上网上的一些视频教程，但凡有些经验的人很快就可以搞出来了。另外，大多公司都是有对应的人才储备的，当你看到一个工作岗位的时候，大概率人家公司已经在开发的路上了，如果你只是学了些皮毛并缺少经验支撑的话，你是很难融入团队的。
2024-01-27 22:25:49
880
原创 React中文官网已经搬迁了，原网址内容将不再更新
注意2：React官网已经将React的定义由“用于构建用户界面的 JavaScript 库”更改为“用于构建 Web 和原生交互界面的库”。注意1：React中文官网已经搬迁至-，原网址内容将不再更新。
2024-01-27 08:00:00
637
原创 总结：GET与POST请求方法有什么区别
发现很多前端小伙伴的简历当中都写有这么一句：了解http协议。其实大可不必，因为http是前端基础中的基础。这就相当于一位厨师的简历中写着：熟练使用炊具。
2022-12-15 14:54:01
1071
原创 VSCode很好，但我以后不会再用了
刚刚在上海度过了异常煎熬的两个月，在这两个月中我从未缺少过吃喝，只是没有真烟抽的日子，成为了我这辈子都不想再经历的噩梦……
2022-06-24 20:11:08
3023
1
原创 快速删除node_modules目录的有效方法
node_modules文件很多，删除等待的时间比较痛苦，可以通过以下两步快速对其进行删除！第一步，通过npm全局安装rimrafnpm install rimraf -g第二步：进入拥有node_modules的目录，执行以下命令即可rimraf node_modulesover!...
2022-05-16 17:38:42
1040
2
原创 记一道前端面试逻辑题：给定任意JSON数据，请实现方法提取数据字典，即将树状多级字段压缩为一级字段并提取其类型
给定任意JSON数据，请实现方法提取数据字典，即将树状多级字段压缩为一级字段(xx.yy.zz…)并提取其类型。要求：1.可上网查资料，但不要直接粘贴。（查也白查）2.代码结构清晰，执行结果正确const testData1 = { a:1, b:{ c:"test", d:{ userName:"xixi" } }, e:{ f:12, g:13, .
2022-05-13 20:26:18
843
1
原创 React介绍
- 什么是React官方：用于构建用户界面的 JavaScript 库 。所以React并不是一个框架，而是一个用于前端数据渲染的库。而人们常指的React框架指的是：react+react-router+react-redux的组合。React框架是渐进式的。React 起源于 Facebook 的内部项目，最初来架设 Instagram ，后于 2013 年 5 月开源。- React的特点高性能：虚拟DOM(Virtual DOM)配合 diff 算法，最大限度地减少与 DOM 的
2022-05-11 20:33:59
566
原创 面试题：如何防止双击触发单击
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <button>点我</button></body><script> var btn = document.querySelector
2022-04-27 20:17:52
888
原创 DOM案例-键盘控制人物行走
查看效果：https://qianduanmao.com/demo/dom/event/5.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>键盘事件控制人物行走-前端猫</title> <style> * { padding: 0; ...
2022-04-19 19:08:48
271
原创 JavaScript介绍及其特点
- 语言介绍在众多编程语言中，JavaScript绝对是一个极其特殊的存在！它的孕育期仅为10天，一出生就被冠以不正经语言的“美名”，并长期生活在大哥JAVA的阴影之下。后惨遭浏览器大战，亲爹网景战败，险些被遗忘！幸得ECMA团伙收养，自此开启了开挂的人生。不仅在语言排行榜上常年霸榜 ，更是获粉无数！随着Node.js的出现，以及Vue.js、Angular.js、React.js的蓬勃发展，JavaScript有了更大的舞台！若非命运多舛，谁愿意把自己弄得一身才华！自此感悟：孤独、寂寞、求败
2022-04-17 11:15:20
2307
原创 DOM案例-触壁反弹及多个小球的躁动
一、触壁反弹预览效果：https://qianduanmao.com/demo/dom/chicun/1.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>案例-触壁反弹-前端猫</title> <style> *{ padding:0;
2022-04-16 22:32:44
454
原创 前端如何实现token的无感刷新
> 大家都知道，用户初次打开客户端时，只是一介平民，毫无身份特权可言。当用户将正确的账号以及密码，呈递给服务端进行检验，待检验成功之后，服务器端便会亲手打造一个名为Token的令牌，并给予客户端。客户端自此便拥有了身份，也拥有了符合身份的资源请求权限……但，Token是有时间限制的！关于时间的设置不宜过长，这样不够安全。更不宜过短，这样会让用户频繁登陆，遭受吐槽！那有没有什么比较好的解决方案？有，通过无感刷新token！即token在更新时用户无感知，从而避免用户的频繁登陆。##### 关
2021-08-15 07:30:31
1708
1
原创 解析Axios原理之二：如何实现请求与响应的拦截
Axios拦截器在项目中所扮演的角色是非常重要的，它可以拦截每一次的请求和响应，然后进行相应的处理。经阅读其源码，不禁被作者的神级思维所折服！简直是将Promise用到了极致！1、声明一个用于拦截器管理的构造函数// 声明拦截器管理构造函数function InterceptorManager(){ // 用于存放Axios拦截行为及数据请求的Promise链条 this.handlers = [];}// 增加拦截器InterceptorManager.prototype.us
2020-11-08 14:54:06
1678
原创 助你解析Axios原理之一：如何实现多种请求方式
自从Axios成功打入Vue全家桶之后，便开始火的一塌糊涂！截止到目前，其在github上的star即将突破80k！可以说Axios是当下前端界最流行的ajax请求库，可（jue）能（dui）没有之一！即然Axios人气如此之高，那么阅读并研究它的源码也是非常有必要的，因为这样不仅可以让自己少走很多弯路，还会对作者多年的编程思想以及经验进行猎取，从中抽象出一些架构及模式性的高级内容，最终提高自己的实现能力和技巧，让自己变得更加强大！(啰嗦句：阅读源码的换确确可以提升自身的编码水平，但需要你拥有一定相关经
2020-10-22 10:07:24
939
2
原创 如果你恨一个人，就让他去接手别人的代码
那一年我招募了一个具备三年工作经验的前端开发工程师，他有一个很英雄的名字：萧峰。我让萧峰接管了产品代码里的数据统计分析模块，我告诉他这个模块功能不难，但非常重要！功能主要包括推广渠道、支付流水、用户操作、商品销售及各类信息与时间的对照展示功能等等。老板要求在完成这些功能需求的基础上，还要为不同的岗位配备不同的操作限制。将来项目的推广、运营以及整改优化都将依赖你这块代码。最后我又告诉萧峰，由于公司当前正处于转型敏感期，所以老板现在还兼...
2020-10-20 20:45:02
740
1
原创 前端javascript面试题：给定一个不重复集合，编写代码，能够输出其所有子集合
问题：给定一个不重复集合，编写代码，能够输出其所有子集合。例如对于输入集合[1,2,3]，返回以下集合，顺序不限：[ [], [ 1 ], [ 2 ], [ 2, 1 ], [ 3 ], [ 3, 1 ], [ 3, 2 ], [ 3, 2, 1 ]]答案：// function test(arr){// return arr.reduce(function (prev,next) {// return prev.concat..
2020-10-19 00:08:47
670
原创 如果公司只有你一个前端，是种什么体验？
如果公司只有你一个前端开发人员，那么恭喜你：无论高低，你都是公司前端技术的天花板！自此，无论是项目的技术选型还是进展期限你都可以以一种不接受任何反驳的姿态对其一锤定音！你将彻底告别git的管理，摆脱eslint的束缚，犹如脱缰的野马一般，在项目的各个角落中任性驰骋，并毫无顾忌地挥洒出那一串串没有注释的代码片段。（何苦自己难为自己）你也不会再被程序中的遗留BUG搞的晕头转向而彻夜难眠了。因为这些BUG只有你独自知晓，并将其作为一个个的...
2020-10-14 15:46:22
2090
2
原创 基于vue-cli4配置px2rem做到移动端自适配
在实际开发中，我们需要将设计稿中的px转换成rem，然后再写入到样式中。postcss-px2rem可以帮助我们自动完成转换。一、安装模块cnpm install amfe-flexible postcss-px2rem -Samfe-flexible：是rem的适配插件。（例：750px == 10rem）postcss-px2rem：负责将输入的px自动转为rem。二、入口文件main.js里引入amfe-flexibleimport "amfe-flexible";三、以下配.
2020-09-28 19:16:36
1444
1
原创 程序员每隔三个月至少要出去面试二次
到目前为止，我一直觉得：个人真正的价值是由市场供求关系决定的，而不仅仅是你个人的能力有多强！倘若在市场繁荣的前提下，即便是一头猪都能够飞起来，如果有幸再稍微长一个小小的翅膀，那么它就有可能飞得更高、更远。也唯有在市场稳定的情况下，你的能力才有可能与你的价值成正比！但，市场环境永远是残酷且不稳定的！看看2015年的web前端，只要懂些最基本的HTML、JS便可轻松拿到一份不错的薪水，再瞧瞧现在，初级web前端工程师早就已经烂大街了！看看当年的安卓/ios...
2020-09-05 20:12:43
1165
1
原创 json-server全攻略-前端必备技能
在项目的初始阶段，后端提供的接口或数据可能是不完整的，作为一名前端开发工程师，不可避免的要使用mock的数据。如果此时的你不想使用简单的静态数据，而是想自己在本地启动一个server来模拟请求相关的操作，那么json-server是一个不错的选择。json-serve可以帮助我们快速搭建一个mock-server本地服务，可以根据不同的后缀获取到不同的数据。一、准备工作1、安装Node由于json-server需要通过Node对其进行启动，所以首先要安装Node。Node可自行安装，在此不再进行.
2020-09-03 22:05:24
3666
1
原创 记录一道前端面试算法题
题目如下：解：const arr = [ {id: 1, pid: 0, title: "首页"}, {id: 2, pid: 1, title: "订单列表"}, {id: 3, pid: 1, title: "刊登管理"}, {id: 4, pid: 3, title: "刊登列表"}, {id: 5, pid: 3, title: "刊登设置"}, {id: 6, pid: 0, title: "登陆"},]// 1、修改数组：functio
2020-09-03 20:52:15
461
原创 一场灵魂烤问式的前端面试经历……
面试官：小老弟，请坐！希望我们聊的开心。小老弟：好的。面试官：先说一下你为什么来我们公司面试吧？小老弟：因为这是上天的安排！面试官：你说什么？小老弟：因为是你们公司给我打电话约我来面试的！面试官：好吧！为什么从上家公司离职？小老弟：因为钱！面试官：（像看一个另类一样，盯着这位小老弟）小老弟：钱少、活多、离家远、晋升遇到瓶颈、工作环境差、领导同事不好相处……这些够了吗？面试官：好好，够了！够了！你什么星座？小老弟：处女座面试官：还好不是双子座，否则我们也就只能聊到这儿了。小老弟：你们
2020-08-30 09:22:03
621
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人