详情

全站展示位

JavaScript基础回顾(一):原型与原型链 |

说到基础知识,其实很重要,在面试的过程中也基本都会被问到。俗话说,万丈高楼平地起。没有足够扎实的基础,是不可能筑起高楼大厦的。所以为了巩固自己的基础知识,我决定对JavaScript的各个知识点进行深入理解和总结,今日要回顾和探索的是原型与原型链。。。。

推荐

谈谈Vue的数据绑定原理与实现 |

Vue 有两个比较核心的特性,一个是非侵入式的响应式数据绑定系统,另一个是组件系统。由于这两个功能非常重要,所以在求职面试的时候,面试官也通常会围绕这两部分进行提问,如数据绑定的底层实现,组件之间的通讯等等。接下来,本篇博客将主要探讨一下Vue的数据绑定原理与实现。

这次彻底搞懂JavaScript中的原型与原型链 |

曾经以为遥遥无期的2022年,转眼就到了。自大学本科毕业以来,从事前端开发行业也有五年了,对于日常工作中的业务需求开发基本都已游刃有余,但总感觉自己还存在很大的提升空间,也许是遇到大家口中常说的每隔三年五年就会面临的上升瓶颈了吧。 一个优秀的前端工程师,不仅能高效完成页面的开发,还能掌握和实践一系列前端工程化的技术,包括脚手架与项目脚本,测试体系、监控体系、项目规范、项目构建和打包、项目部署和运维

Vue网站性能优化 |

背景 公司的M站采用 vue 技术栈开发,为单页面应用,随着页面数量的增加,网站打包后的体积不断增大,访问网站时加载的资源体积也不断增大,造成首屏白屏的时间过长,这种现象在APP内嵌H5页面比较明显,所以有必要对M站进行优化,提升用户体验。下图可以看到目前M站页面打开时需要加载的js文件,其中体积最大的文件达到了1.3M,在网络环境比较弱的环境下,在APP内打开M站的页面,可以很明显得感觉到加载

心灵鸡汤

  南宋大臣张浚因与奸相秦桧政见不和,被贬往湖南零陵做地方官。

  他出发时,带了几箱书随行,有人诬告他与乱党有关系,结果被高宗检查书信和破旧衣物,高宗叹息道:“想不到张浚贫守到如此地步!”

  很可怜他,于是派人骑快马追上张浚,赏赐他黄金三百两。

列表展示

主站展示位

分享一个 Vue 实现的回到顶部组件 |

为了提升网站的用户体验,我们通常会给网站的右下角添加一个回到顶部的按钮,最近工作中在忙的移动端网站就有很长的列表页面,如果不给页面加个回到顶部的按钮,用户肯定会抓狂。这个组件的实现思路也比较简单,核心是监听window的scroll事件,在页面滚动的过程中获取”window.pageYOffset || document.documentElement.scrollTop || document.

关于前端开发学习的回顾与展望 |

时间过得好快,转眼就快毕业一年了,尤记得在去年八月末,自己使用jekyll在github pages搭建了这个个人博客,搭建这个博客的初衷是用于记录自己在工作或者学习过程中所遇到的问题以及解决方案,但由于自己过于懒惰,几乎快有七个月的时间没有更新博客了,想想就觉得可惜,浪费了那么多可以让自己成长的机会。

为网站接入前端异常监控系统 Sentry |

背景众所周知,现在前端异常监控在实际生产环境中越来越重要了。通过给网站接入前端异常监控系统,我们能获得以下几个好处: 收集页面的错误信息 辅助定位代码错误位置 在用户报障前发现问题 这对于提升线上系统质量,降低线上故障数量,都具有非常重要的意义。相比于等待用户反馈故障,通过接入异常监控系统,能化被动为主动,缩短线上故障处理的流程和时间。

Hexo 博客部署到私有云服务器 |

前言喜欢分享是程序员的天性,所以大部分的程序员都会有一个自己的博客,里面的内容可以是一些工作中遇到的问题和解决思路,也可以是最近学习到的新技术的总结,也可以是对生活的思考和感悟。搭建个人博客的方式也有很多,可以直接在第三方博客平台上写作,如掘金、博客园、CSDN 等等,也可以使用 hexo 搭建博客部署到 github pages,当然如果拥有私有云服务器的还可以在上面借助 wordpress 博

Vue网站性能优化 |

背景 公司的M站采用 vue 技术栈开发,为单页面应用,随着页面数量的增加,网站打包后的体积不断增大,访问网站时加载的资源体积也不断增大,造成首屏白屏的时间过长,这种现象在APP内嵌H5页面比较明显,所以有必要对M站进行优化,提升用户体验。下图可以看到目前M站页面打开时需要加载的js文件,其中体积最大的文件达到了1.3M,在网络环境比较弱的环境下,在APP内打开M站的页面,可以很明显得感觉到加载

汤姆大叔-深入理解JavaScript系列 |

本文为博客园汤姆大叔的深入理解JavaScript系列文章归档,原文地址:

vue移动端项目自适应解决方案 |

做移动端项目的时候,页面自适应是永远无法回避的话题。为了实现页面的自适应,现在比较流行的做法是使用rem做单位。今天在给一个vue-cli3脚手架生成的移动端项目做自适应,借助的是淘宝开源的amfe-flexible。

JavaScript基础回顾(三):如何实现对象的深度复制 |

我们在面试或者笔试的过程中,对象的深复制问题经常会被问到,说难不难,说简单也不简单,要弄清楚这个问题,我们首先需要明确的是在JavaScript中的数据类型有哪些,通常分为两大类,一类是基本数据类型,包括Boolean、Null、Number、undefined、String、Symbol,还有一类是复杂数据类型,即Object类型。在这篇博客中,我们主要来回顾一下对象的深度复制,也就是如何实现对

都2202年了,你还不懂JavaScript的执行上下文和执行栈? |

前言作为一名 JavaScript 开发者,那么你是必须要知道 JavaScript 程序内部的执行机制的。执行上下文和执行栈是JavaScript中非常关键的概念之一, 理解执行上下文和执行栈同样有助于理解其他的 JavaScript中的其他 概念如变量提升、作用域和闭包等。本文尽可能帮助你搞懂执行上下文和执行栈相关概念。

Hexo 博客部署到私有云服务器 |

前言喜欢分享是程序员的天性,所以大部分的程序员都会有一个自己的博客,里面的内容可以是一些工作中遇到的问题和解决思路,也可以是最近学习到的新技术的总结,也可以是对生活的思考和感悟。搭建个人博客的方式也有很多,可以直接在第三方博客平台上写作,如掘金、博客园、CSDN 等等,也可以使用 hexo 搭建博客部署到 github pages,当然如果拥有私有云服务器的还可以在上面借助 wordpress 博

2021年的第一篇博客 |

时间过得好快,转眼间2021年又过去大半年了,计划做的事情完成得并不理想,希望在下半年能努力补回来。 想想最近的一个月发生了太多的事情, 最出乎意料的是5月底广州荔湾的疫情大爆发,上班族居家办公的居家办公,核酸检测的核酸检测,餐饮行业暂停堂食,大家都过得不容易,乘车乘地铁必须是穗康码绿码,必须量体温,进入公司园区也需要先扫码出示绿码通行证,测量体温,好在事情总是往好的方向发展,今天终于有一条好消息

JavaScript基础回顾(一):原型与原型链 |

说到基础知识,其实很重要,在面试的过程中也基本都会被问到。俗话说,万丈高楼平地起。没有足够扎实的基础,是不可能筑起高楼大厦的。所以为了巩固自己的基础知识,我决定对JavaScript的各个知识点进行深入理解和总结,今日要回顾和探索的是原型与原型链。

VSCode写Vue代码保存时自动格式化 |

现在我们在开发项目的时候通常都是多人合作一起开发,所以保持代码的风格一致很重要,在前端团队中,一般都是遵循eslint规则进行代码的编写。下面以配置Vue项目为例,简单介绍下如何使用vscode自动帮我们对代码进行格式化。

Docker安装自动化部署工具Jenkins |

刚刚安装好Docker,现在接着安装自动化部署工具Jenkins。 拉取docker jenkins镜像 $ docker pull jenkins:latest

如何部署hexo博客到VPS服务器上 |

作为一个勤奋的程序员,通常都会有一个自己的技术博客,用于记录日常的学习体会或总结,搭建博客的方式也有很多,如果自己没有vps服务器,那么可以在博客园、CSDN、SegmentFault等网站注册账户进行博客的写作,如果有自己的vps服务器,那么可以搭建更加灵活的wordpress、typecho等博客网站。

简单理解ECMAScript2015中的Promise |

ECMAScript6中新增了Promise对象, 所谓Promise对象,即代表着一个还未完成,但将来某时会完成的操作(通常是异步操作)。使用Promise对象,我们就可以避免陷入函数层层嵌套的‘回调金字塔’里去,将异步的操作以同步的的形式展现出来。Promise对象对外提供了一整套完整的接口,方便开发者更好地控制异步操作。

这次彻底搞懂JavaScript中的原型与原型链 |

曾经以为遥遥无期的2022年,转眼就到了。自大学本科毕业以来,从事前端开发行业也有五年了,对于日常工作中的业务需求开发基本都已游刃有余,但总感觉自己还存在很大的提升空间,也许是遇到大家口中常说的每隔三年五年就会面临的上升瓶颈了吧。 一个优秀的前端工程师,不仅能高效完成页面的开发,还能掌握和实践一系列前端工程化的技术,包括脚手架与项目脚本,测试体系、监控体系、项目规范、项目构建和打包、项目部署和运维

2021你应该了解的前端知识体系 |

没有经过系统的学习、归纳和总结,任何知识都是掌握不牢固的。 对于始终要保持学习的程序员来说,学习的新技术不仅要进行实践,还要经常进行反思和复盘,然后通过笔记或者博客将自己的思考记录下来,只有这样做才能真正掌握新技术。

腾讯云搭建gitlab服务器,报502错误 |

为了方便管理自己的代码,我在腾讯云搭建了一个gitlab服务器,但今天更新了一下git,突然就打不开了,报如图所示502错误:百度了一下,有说是端口被占用的,也有说是服务器内存不足的,于是把百度到的解决方案都尝试了一下,整个过程内心几乎是崩溃的,最终发现确实是由于内存不足导致的502错误,这样是不是意味着就不能继续使用gitlab管理自己的代码了呢,肯定不是,可以通过给服务器建立swap分区来解决

博客寄语:

    前端农民工,即将奔三,心却依旧少年。

实时播报:

博客号-学习成长

相信每一分耕耘都有每一分收获,致力帮助博客主所创作的博客能更快的被收录! 如果有其它需求,可联系下方邮箱。