详情

全站展示位

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

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

推荐

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

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

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

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

Vue网站性能优化 |

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

心灵鸡汤

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

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

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

列表展示

主站展示位

京东资深前端架构师分享前端工程化在2015年京东PC新首页的一些开发实践(转载) |

2016年3月28日,京东资深前端架构师刘威在ITA1024前端精英群分享了前端工程化在2015年京东PC新首页的一些开发实践,分享实录如下:

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容

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

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

Vue网站性能优化 |

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

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

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

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

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

JavaScript基础回顾(二):词法作用域与动态作用域 |

作用域有两种比较常见的模型,一种是词法作用域,一种是动态作用域,在JavaScript中采用的是词法作用域。接下来就谈谈JavaScript中的词法作用域与动态作用域。

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

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

JavaScript基础回顾(五):JavaScript中的执行上下文 |

最近一边阅读Vue源码,一边复习JavaScript的基础理论知识,前面回顾了JavaScipt中的词法作用域,这篇博客就回顾一下JavaScript中的执行上下文,理解了执行上下文就能更好地理解JavaScript中的作用域与作用域链。在查阅资料的过程中,我发现有一篇译文还不错,所以也就跟着那篇译文的思路回顾了JavaScript中的执行上下文,译文地址:

支付宝当面付PHP版Demo |

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

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

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

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

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

钉钉小程序通过 Canvas 将页面生成图片并保存到本地相册 |

背景 最近公司有个账户充值业务场景需要从线下支付迁移到线上支付: 线下支付场景:客户通过 POS 机付款或者扫码销售同学提供的付款二维码进行付款来完成支付,之后销售同学将相关信息录入到 CRM 后台,财务审核通过后才正式完成充值流程。 线上支付场景:销售同学先在 CRM 钉钉小程序中录入充值信息后生成订单,然后系统生成支付宝或者微信付款码,销售同学将付款码页面生成的图片发送给客户,客户付款后即完

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

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

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

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

Hello World |

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

Vue网站性能优化 |

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

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

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

博客寄语:

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

实时播报:

博客号-学习成长

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