详情

全站展示位

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

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

推荐

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

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

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

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

Vue网站性能优化 |

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

心灵鸡汤

我的高考故事

文/王超

2020年的高考就要来了,作为一个高考的“过来人”,那个属于自己的高考是难忘的,心怀感激的。

21年前,我还是一名19岁的高三学生,发生了一件至今我记忆犹新的事。有一天我应同学之邀,一起去看望一位曾经教过我们的语文老师。到了之后,大家有说有笑,聊得很开心。

“你今年要走,我看,有点儿危险!”薛老师一边把一个削好的苹果递给我,一边微笑着对我说,语气里充满关心与担心。那一刻,听到她对我的“点评”,我只觉脑中突然“轰”的一响,眼前也随之一片黑暗。“她怎么能这样说别人呢?”我在心里愤愤地说着。可是,我清楚地知道,她说话向来是有几分依据的。她曾在初中教过我们一年,对自己学生的能力、潜力了如指掌。但是我极不明白,自己一向尊敬喜欢的薛老师,为什么要在关键时刻对我说那样的话,她难道没有考虑过会对我产生怎样的影响吗?

我没有想太多。只是从那次之后,更不知疲倦地做自己应该做且能做好的事:努力,进步;再努力,再进步……终于,那年夏天,我考上了大学,而且成绩高出分数线不少。一块无形的巨石终于从心头落下,我终于解放了!“黑暗的高三,见鬼去吧!”心中反复恨恨地喊着,“薛老师,你不是说你的学生今年要走有点儿危险吗?哈哈……真不好意思,学生让你失望了!”

不知过了多久,不知飘飘然了多久,突然之间,我开始问自己:你考上了大学,是怎样考上的呢?“你今年要走,我看,有点儿危险!”21年后的今天,已是不惑之年的我又想起了老师曾经说过的那句“狠话”。但是,现在的我终于明白了她的真正用意。当时的一句话,既让我看到希望又让我感到压力,无形中成为我高考路上的牵引力和推动力,让我努力拼搏,勇往直前,堂堂正正迈进大学校门。

薛老师,你知道吗?就是你那一激,使当年的我有了一个倔强而奇怪的想法——“一定要考上大学,绝不能让老师的话应验!考上大学,看她还有什么话说!”我抛除一切杂念,安心学习,只想着自己多努力点就会有进步,坚信有付出就一定有收获。靠着这股“执拗”劲一路前行,我终于获得了成功。亲爱的薛老师,请原谅学生的无知,曾对您一时的误解吧!

尼采曾说:“如果你低估一个水手的能力,那么就祝他一帆风顺吧!”2020年高考,我只想对参加高考的蓬勃而可爱的青年说一句:“你为自己高考而流的每一滴汗水一定不会辜负你!加油!”

列表展示

主站展示位

支付宝当面付PHP版Demo |

最近想给一个wordpress网站增加打赏功能,希望支持支付宝和微信进行打赏。最简单粗暴的方式是直接将自己的支付宝和微信收款二维码放上去,但是这样就无法实现自动将打赏信息记录到数据库并显示到打赏页面,要想实现这一功能,可以签约支付宝当面付基础版,

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

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

new Date()方法在Safari浏览器的一个bug |

今天测试同学给我提了个bug,就是在一个商品信息的卡片中,有个字段是显示商品的上新时间,后端返回给前端是一个这样格式的字符串:”2019-01-07 23:46:50”,前端从里面提取时和分,因为这个字符串可以直接转成一个Date对象,所以二话不说就new一个对象: new Date('2019-01-07 23:46:50') 然后分别使用getHours()和getMinut

浅析JavaScript闭包 |

引用维基百科:在计算机科学中,闭包(英语:Closure),又称词法闭包(Lexical Closure)或函数闭包(function closures),引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在,即使已经离开了创造它的环境也不例外。

jenkins自动化部署github上的vue项目 |

前段时间在服务器上安装了docker,同时也在docker里面部署了一个jenkins容器,由于我的服务器在刚买的时候已经装好了lnmp环境,所以我就没有在docker里面部署nginx服务器了,本次实践就是直接修改nignx配置,网站的根目录直接使用vue项目打包后的dist目录,当然如果后期要继续玩jenkins自动化部署以及灾备相关实践的话,我估计还会得在docker里面部署一个nignx容

微信公众号获取OpenId和用户基本信息 |

最近开始忙一个新需求,就是给公司的电商网站接入微信第三方登录,由于之前的工作中很少接触微信公众平台这一块的开发,所以在开发之前做了比较多的准备工作,查阅微信公众平台开发者文档和相关资料,然后我也试着用PHP做后端简单实现一下这个功能,由于个人订阅号没有获取OpenId和用户基本信息的权限,所以我申请了一个公众平台测试账号来进行开发。

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

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

create-react-app工具两种按需引入antd组件的方式 |

create-react-app是react官方提供的快速搭建react项目的脚手架工具,它的安装和使用都非常方便,在命令行工具执行以下命令即可完成create-react-app的安装: 1npm install -g create-react-app 然后执行以下命令即可创建一个react项目: 1create-react-app helloworld

关于个人能力与姿态的一些思考 |

时间过得非常快,2021年已经到站了,回想年初的计划,有不少没有完成或者完成得不如预期,做得比较符合预期的也就只有关于前端框架源码学习方面,在工作之余阅读完了 Vue 生态相关的框架和插件的源码,包括Vue/Vuex/Vue-Router,后续有时间我会把阅读源码的笔记和自己的思考整理发出来。今天不想聊学习,谈谈我对个人能力与姿态的一些思考。

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

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

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

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

React子组件从父组件接收到新的props时,没有重新渲染的问题 |

今天写 React 项目的时候,遇到一个比较奇怪的问题,这个问题应该也是大家在开发中经常会遇到的,问题我简单描述一下,我写了一个列表组件,然后这个列表组件引入了另一个PositionedSnackbar 组件, 这个PositionedSnackbar 组件是用于请求数据成功或者失败时给与用户提示的,起初这个PositionedSnackbar 组件是这样写的: 12345678910111213

简单理解ECMAScript2015中的Promise |

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

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

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

CSS2结合svg实现特殊几何形状效果 |

要实现如下图所示的效果,如果我们使用css3来制作的话,那是轻而易举的事情

Hello World |

“Hey It works! ” 今天终于把博客搭建好了。 作为一个喜欢折腾的人,总也喜欢尝试一些新鲜的东西。虽然不知道自己会不会经常来这里写东西,但还是把博客搭建起来,给自己一个涨姿势的机会。很久之前就开始关注使用GitHub Pages + Jekyll 搭建Blog,觉得挺有意思的,于是开始在网上搜集资料,结合官方文档介绍,在本地把环境搭建起来,到今天算是把整体框架搞定了。

Node初学者入门教程(转载) |

这是一篇通俗易懂的入门教程,虽然作者写这篇教程的时候,node的版本还比较低,但至今仍旧是一篇非常好的扫盲读物,看完起码对node会有一个更全面的认识。原文作者是 Manuel Kiessling,译者 goddyzhao & GrayZhang & MondayChen,以下是译文原文。

用Vue实现一个简易的cNode中文社区 |

这个项目是我之前利用下班的时间弄的Vue版cNode中文社区,当然,因为我以前的技术栈是React,所以也用React实现了同样的功能,后面学习了angular后,抑制不住自己的好奇心,所以也用angular实现了一遍,后期我会把React和angular版本的分享出来。从三大框架去实现cNode中文社区的过程中,我发现难易程度其实差不多,看完vue/react/angular的官方文档后,就可以

博客寄语:

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

实时播报:

博客号-学习成长

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