- 博客(129)
- 收藏
- 关注
RSS订阅原创 比较全的前端监控体系搭建篇(长文预警)
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。cpu占用监控也是必不可少的项，cpu的使用分为用户态、内核态、IOWait等。如果用户态cpu使用率较高，说明服务器上的应用需要大量的cpu开销。
2024-06-25 02:16:01
1070
原创 华山论剑！滴滴CTO五轮面试真是太刺激了，已拿到offer
面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。96道前端面试题：常用算法面试题：内容主要包括HTML，CSS，JavaScript，浏览器，性能优化没发挥好，我录用他吧。[外链图片转存中…(img-49PNKSWb-1719245924000)]
2024-06-25 00:18:55
515
原创 前端入门篇（二十六）浮动float与清除clear
小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。
2024-06-24 23:28:32
738
原创 【VUE】Vue3项目中Pinia状态管理工具的使用_vue3 使用pinia
方法的第一个参数：容器的名字，名字必须唯一，不能重复方法的第二个参数：配置对象，放置state，getters，actionsstate属性： 用来存储全局的状态getters属性： 用来监视或者说是计算状态的变化的，有缓存的功能actions属性： 修改state全局状态数据，可以是异步也可以是同步Pinia可以用于vue2.x也可以用于vue3.x中A.vuestore。
2024-06-24 21:16:36
330
原创 vue-router 源码和动态路由权限分配
=就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。
2024-06-24 19:22:44
805
原创 js经典设计模式--发布订阅模式
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总JavaScript性能linux前端资料汇总。
2024-06-24 17:26:41
877
原创 2024版最新最全React面试题
/ 详情可见： https://www.xiabingbao.com/post/react/react-usestate-rn5bc0.html#5.+updateReducer。// 回调的方式，会计算回调的结果，然后作为下次更新的初始值。// 然后重新启动一个新的定时器。// 清除最后一个 effect。// 运行第一个 effect。// 清除上一个 effect。// 运行下一个 effect。// 清除上一个 effect。// 运行下一个 effect。
2024-06-24 13:46:18
560
原创 网站开发进阶（六十八）CSS3媒体查询@media_css @media only
如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型，并且所有的表达式的值都是。媒体查询包含一个可选的媒体类型和媒体特性表达式(0或多个)最终会被解析为。规则可置于代码的顶层或位于其它任何@条件规则组内。，那么该媒体查询结果为。
2024-06-20 16:54:23
332
原创 数学建模网站整理_数学模型网站go
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；
2024-06-20 14:28:30
1067
原创 前端大屏页面布局经验(1)
布局第三一个，布局。这个是大屏开发中最烦的事情，尽管是根据固定的分辨率开发调试，但是毕竟实际情况可能根据电脑不同需要稍微的适配，保证在近似的分辨率下展示效果是正常的，不至于很错版。在开发的时候建议哈，仅仅是建议，建议使用弹性布局、使用百分比设置宽高之类的属性值，尽可能的减少px的使用，因为像素不一样，px的大小也不一样，极容易出现错版的问题，但是可以使用rem、em之类的，推荐rem。
2024-06-20 12:13:40
585
原创 人才饱和？Web前端开发平均年薪25W难求优质程序员！
对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
2024-06-19 13:38:50
556
原创 jQuery尺寸、位置操作
/4、outerWidth(true)/outerHeight(true) 获取设置元素 width和height + padding + border +margin 大小。//3、outerWidth()/outerHeight() 获取设置元素 width和height + padding + border 大小。// 2、innerWidth()/innerHeight() 获取设置元素 width和height + padding 大小。1.3、案例：带有动画的返回头部。
2024-06-19 11:19:21
174
原创 web学习之js写计算器
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。
2024-06-18 23:42:00
479
原创 idea从零到精通04之程序调试debug
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等里面的打印方法被跳过了，这就是debug中断。小结评论区打卡一波让我知道你，明哥会持续关注你的学习进度哦！
2024-06-18 19:19:29
650
原创 CSS margin 属性和CSS 单边外边距属性
设置外边距的最简单的方法就是使用 margin 属性。margin用于设置对象标签之间距离间隔，比如2个上下排列的DIV盒子，我们就可以使用margin样式实现上下2个盒子间距。margin 属性接受任何长度单位，可以是像素、英寸、毫米或 em。margin 可以设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h1 元素的各个边上设置了 1/4 英寸宽的空白：根据实践经验，如果仅仅是上面这些处理，往往是无法应对实际需求的，存在一些“致命问题”。
2024-06-18 14:39:03
416
原创 【WEB前端开发】基础知识大总结（HTML5+CSS3）
一、转义字符在HTML中，、&（用于区分标签，&用于转义）等特殊字符由于有特殊含义，在页面上可能无法正常显示，就需要在HTML文档中使用特殊转义字符来表示。转义字符也可称为字符实体，对于同一个特殊字符，可以使用或者表示| 效果 | 实体名称 | 实体编号 | 描述 || 空格 || 半角不换行的空格，相当于按下键盘space键产生的空格，受字体影响，不同字体表现一致 || 空格 || 半角空格，占1/2个中文字符宽度，基本不受字体影响，不同字体空格宽度表示一致 || 空格 |
2024-06-17 12:35:53
456
原创 【CSS】CSS经典布局之绝对底部布局
何为Sticky footer布局？我们常见的网页布局方式一般分为header（页头）部分,content（内容区）部分和footer（页脚）部分。当页头区和内容区的内容较少时，页脚区不是随着内容区排布而是始终显示在屏幕的最下方。当内容区的内容较多时，页脚能随着文档流撑开始终显示在页面的最下方。这就是传说中的Sticky footer布局。Sticky footer布局实现一、负 margin 布局方式1234567891011121314151617**！！！
2024-06-17 02:56:00
304
原创 JavaScript系列--对象
alert(a+b)通过function关键字定义小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。
2024-06-17 00:44:46
767
原创 Vue学习之v-if和v-for指令
效果如下:通过演示效果我们能看到v-if和v-show都能控制标签元素的现实和隐藏，但相互之间又有区别指令 | 说明v-if | 每次都会重新删除或创建元素，有较高的切换性能消耗如果元素涉及到频繁的切换，最好不要使用 v-if, 而是推荐使用 v-showv-show | 每次不会重新进行DOM的删除和创建操作，只是切换了元素的 display:none 样式有较高的初始渲染消耗如果元素可能永远也不会被显示出来被用户看到，则推荐使用 v-ifv-for的使用1.普通数组。
2024-06-15 21:59:37
422
原创 DIV+CSS学习笔记总结篇
资料过多，篇幅有限自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。left;}`标题栏样式,使用"类别+功能"的方式命名,如一律小写;尽量用英文;不加中杠和下划线;尽量不缩写，除非一看就明白的单词.推荐的CSS显示属性displaylist-stylepositionfloatclear自身属性widthheightmarginpaddingborderbackground文本属性colorfonttext-alignother textcontent。
2024-06-15 19:58:23
647
原创 Web前端最全在vue中使用video，2024最新前端面试题目
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）5）vue：组件之间的通信（props，callback，emit）data中的videoOptions，与组件绑定。这里即是引用的组件，外层css可以修饰播放器的样式。4）vue：view——medol之间双向绑定。3）props，单一数据流。2）状态管理（react）3）对象属性（vue）
2024-05-17 03:30:27
229
原创 Web前端最全在angular6项目中使用echarts_在angular6中使用echarts(1)，7年老Web前端一次操蛋的面试经历
根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】html5 / css3 学习笔记JavaScript 学习笔记Vue 学习笔记ts:(数据来自echarts官网实例)title : {text: '雨量流量关系图',subtext: '数据来自西安兰特水电测控技术有限公司',},},legend: {data:['流量','降雨量'],x: 'left'},toolbox: {
2024-05-17 03:29:53
855
原创 Web前端最全图书馆系统项目（完整版+简单版）_图书管理系统项目，2024年最新详解Web前端架构进阶面试题
还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。if (bookDao.searchBook(name).getId() > 0) {//判断书籍的id是否大于0。remind.equals(“”)) {//判断是否要提示。
2024-05-17 03:29:18
769
原创 Web前端最全图书资料管理课程设计（附源码和连接），2024年最新三年老前端经验面经
对于本系统来说，图书信息添加和重置是最重要的功能，涉及到数据库中的两张表，考虑到查询效率和方便程度，决定建立视图查询，要求输入，图书名称，图书作者，作者性别，图书价格，图书类别，图书价格等信息 ，因为代码和之前添加 事件代码区别不大 ，这里不在赘述而采用代码的复用。更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。
2024-05-17 03:28:42
967
原创 Web前端最全Vue2(11)，2024年最新斗鱼hr面之后都会收到offer
正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】Vue.js是一个提供MVVM数据双向绑定的库，专注于UI层面，核心思想是：数据驱动、组件系统。Vue.js数据观测原理在技术实现上，利用的是ES5Object.defineProperty和存储器属性: getter和setter（所以只兼容IE9及以上版本），可称为基于依赖收集的观测机制。核心是VM，即ViewModel，保证数据和视图的一致性。
2024-05-16 21:09:06
394
原创 Web前端最全vue2(10)，Web前端面试10大知识点总结宝典助你通关
跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。也许是互联网未来10年中最好的一年。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自己，也希望能帮助到需要的同学。
2024-05-16 21:08:31
901
原创 Web前端最全Vue2 必备的50个知识点(1)，2024年最新字节面试官不开摄像头
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。技术要深入到什么程度？做久了技术总要转型管理？我能做什么，我想做什么？一技之长，就是深耕你的专业技能，你的专业技术。（重点）独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）拥有事业，选择一份使命，带领团队实现它。（创业）一技之长分五个层次栈内技术 - 是指你的前端专业领域技术栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识。
2024-05-16 21:07:57
1050
原创 Web前端最全vue-计算属性和监视属性，整理了3家面试问题：美团+字节+腾讯
技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。
2024-05-16 21:07:22
395
原创 Vue进阶（幺叁幺）：父子组件传值实现数据深拷贝_vue3拷贝父组件传来的值
在实际开发过程中，例如后台返回了一堆数据，你需要对这堆数据做操作，但多人开发情况下，你是没办法明确这堆数据是否被其它功能使用，直接修改可能会造成隐性问题，深拷贝能帮你更安全安心的去操作数据，根据实际情况来使用深拷贝。由结果可知，数组拷贝不彻底，b对象的一级属性确实不受影响了，但是二级属性还是没能拷贝成功，仍然脱离不了a的控制，说明。所以当你此时修改a=2，对b并不会造成影响，因为此时的b已自食其力，翅膀硬了，不受a的影响了。进行拷贝时，其实复制的是a的引用地址，而并非堆里面的值。
2024-05-16 14:48:42
390
原创 Vue进阶（幺伍零）：巧用 key 提升页面渲染性能及触发生命周期函数_vue key 变化 出发 transition
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总当Vue.js用v-for更新已渲染过的元素列表时，它默认用“
2024-05-16 14:48:07
402
原创 Vue进阶（幺伍贰）：el-table-column key 应用_el-table-column key(1)
正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】在前端项目开发过程中，el-table展示的结果列使用组件形式引入，其中某些字段通过:formatter方法转码，结果栏位的字段显示/隐藏控制也使用组件形式引入，前端在控制字段显示属性时，发现码值转换及字段信息展示均有问题。
2024-05-16 14:47:33
438
原创 Vue进阶（幺伍柒）：Form 表单重置失败问题解决_vue form 重置没作用
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】在Vue项目开发过程中，应用。
2024-05-16 14:46:57
571
原创 VUE element-ui 之table表格勾选复选框动态带出（将某列的值赋值给指定列）对应列的数据_vue elementui table实现动态勾选计算某一列的值(2)
正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】1.模板定义
2024-05-16 02:49:18
480
原创 VUE element-ui 之table表格勾选复选框动态带出（将某列的值赋值给指定列）对应列的数据_vue elementui table实现动态勾选计算某一列的值(1)
前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。以 Vue 为例，我整理了如下的面试题。
2024-05-16 02:48:43
341
原创 VUE element-ui 之button按钮之间切换时单个按钮持续聚焦状态实现（点击按钮聚焦，仅当点击其他按钮时，之前的按钮会失焦，当前按钮聚焦）_elemetui el-button默认聚焦
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总。
2024-05-16 02:48:09
318
原创 Css 弹性布局（Flex）详细介绍（Flex 属性详解、场景分析）_css flex(1)
技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。
2024-05-15 20:29:00
452
原创 CSS 基础选择器、组合选择器、属性选择器、伪类选择器、伪元素、CSS3属性选择器
由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】选择了具有href属性和title属性，且href的value为http://www.csdn.com.cn/，title的value为csdn的a元素。说明：只要p元素包含了title1，就会被选择可以选择具有某一属性的所有元素或特定某类元素可以选择具有多个属性的所有元素或特定某类元素可以选择属性为具体某个值的元素可以选择属性包含某个值的元素。
2024-05-15 20:28:25
371
原创 CSS 基础选择器、组合选择器、属性选择器、伪类选择器、伪元素、CSS3属性选择器(2)
如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】E[att~=“value”]，选择所有具有att属性，且att属性的其中一个值为value的E元素所有具有href属性的a元素所有具有href属性和title属性的a元素。
2024-05-15 20:27:51
359
原创 CSS 基础选择器、组合选择器、属性选择器、伪类选择器、伪元素、CSS3属性选择器(1)
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。前端面试题汇总开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】JavaScript性能linux。
2024-05-15 20:27:15
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人