其实我对这两大框架也没有认真钻研过它们的细节，也就是工作上用它们写一些简单业务，或偶尔看看相关的博客文章，但还是有一些浅显的认识的，写下来记录一下。
这个表达式又是什么？其实这里说的是 js的表达式。翻译成土话就是，js代码，也就是说，vue里面，我们一样可以写js代码。怎么样，我说应该先学js吧？不学的话很多基础的计算都没法搞了。
实际上vue熟练的同学们，我觉得转react还是比较好上手的，就是要适应他的纯js的写法以及jsx等，个人认为还是比较好接受的，其实基本上都一样，只要弄清楚数据怎么传输怎么处理，那剩下的jsx大家都会写了吧。
React 是前端开发每天都用的前端框架，自然要深入掌握它的原理。我用 React 也挺久了，这篇文章就来总结一下我对 react 原理的理解。
前端框架经过这几年井喷式的发展，虽然各家依然是有自己的一套独特风格或特性，比如: 随着v18的逐渐稳定，react在追求异步渲染，快速响应这条路上越走越远；vue3则通过将reactive等更基础底层的Api直接暴露给开发者，这使得它在基于Proxy引擎构建的Mutable响应式编程上践行的更加彻底... 但总体而言，框架的核心技术与特性都已十分趋同。现在如果让自己设计一个全新的前端框架， 也许会面临以下抉择：
样式问题不是本文的重点，你可以花费五分钟在 SearchBar.vue 文件内速写一个非常简易的正方形 div 包裹着一个 input 标签即可快速进行下面的学习。
前端框架的复杂度最近一段时间频频遭到质疑，引发了一些吐槽，甚至有一篇文章提到：『前端所有主流的框架，都是在欺欺人』。本文主要是向前端的初学者介绍前端框架的发展历程及设计思想，比如为何要引入这样那样的“复杂度”？这样『设计』有什么好处？是为了解决什么问题？了解其背后的原因，我们或许就不会那么多抱怨了。
https://juejin.im/post/5d977f47e51d4578453274b3 来源：掘金
如上代码所示，调用vue.component 即可创建一个 组件，组件名叫runoob，这个是你随便起的。内部用大括号包裹，其中第一个属性template就是实际的dom元素标签内容了。代码中的就是个h1标题标签，内容是写死的文案：”自定义组件！“
近期应该没什么别的事情了，最近的开发任务有点多，这周也没有去看Vuex相关的细节。
前言：自从学习 vue 以来，就对 vue 官网全局的 command + K 调出全局关键词搜索这个功能心心念念。恰好最近项目也是需要实现一个全局搜索的功能，也正好可以正大光明的带薪学习这个功能的思路。网上的教程水平参差不齐，而恰好之前的项目中我有做过一个类似于全局弹出面包屑的功能，于是举一反三写出了一个我们项目需要的全局搜索框，特来分享一下自己的思路。
目前我司的后端主要是用PHP来写,发现我们后端的html+js没有采用组件的方式来做，导致代码之间重复率非常高,很难维护，举一个简单的粟子，比如现在我们有两个页面，创建和修改页面,这两个页面都有一个选择时间的控件(datePicker),由于我们没有采用组件化，我们需要分别在两个页面的html+js+css里分别写两遍同样的代码
编者按：本文作者 Berwin，W3C性能工作组成员，360导航高级前端工程师。Vue.js早期用户，《深入浅出Vue.js》（正在出版）作者。
上一节我们成功搞定了首页的展示。但是其中并没有加入任何数据，也就是仅仅展示了html模版而已，本节课我们要加入数据，那么具体是什么数据呢？按照比较成功的经验，首页放入公司内的各种超链接比较好，容易让使用者产生依赖和粘性。
答：什么技术都是难者不会，会者不难！只要勤练，自然能学会！毕竟好记性不如烂笔头嘛，加上这么油腻的教程，各种复杂的知识点，还不是秒懂嘛！
插值字面意思大概就是插入值，那么把什么值插入什么地方就是我们研究的了。既然这个插值语法是Vue2里面的语法，那么肯定跟Vue的核心思想有关。Vue的核心是采用简洁的模板语法来声明式地将数据渲染进DOM系统。那么数据从哪来，插入哪，我们大概就知道了。我们响应式的数据插入到DOM中。这正是插值语法要做的。
前言 在我动笔写这篇文章的时候，我刚刚从我的项目中删除了最后一行JQuery代码。至于我为何要这么做，请听闰土娓娓道来。前几年我还在想，假如有一天，前端世界里不能再直接操作dom了，我该怎么办？没想到竟一语成谶，这一天终究还是来了...... 此文记录了一次JQ党转变成Vue信徒的心路历程。 那么接下来，正文从这开始~ 熟悉闰土的朋友都知道，我是从JQ时代过来的前端，在刚接触react和vue这类MVVM框架的时候，完全可以用一脸懵逼来形容我，最为贴切。在啃官方API文档的时候，总是按照以前jquery的
现在最流行的框架非vue，react莫属，他们流行起来的原因，离不开响应式，因为它在做一些数据更新的时候，会去更新相应的视图，把我们从操作DOM中释放出来，让我们不再去自己操作dom，这也就是所说的数据驱动吧。
然后又无意间刷到“Portal”，才知道Modal的实现还有如此妙的方式，顺而想着干脆把UI组件库的实现原理看完。
模板里面写逻辑判断在早期只有二种方法，一是用什么插件来搞；二是自己写一个模板然后正则匹配判断结果去替换字符串。其实这二种方法都是一样的，因为什么模板的插件十有八九也得自己来写。 烦的很，所以早期模板的功能也很弱，基本上只能是view的展现而已。 //////// vue的条件渲染很好用，至少它在模板语言里实现了逻辑判断。别的不说， 我在2013的前后使用过Handlebars这个模板，它的if什么的功能就很弱，弱到几乎等于没有。 这里提一下渲染这个词，其实就是生成dom节点。跟浏览器的渲染过程基本没关系，同
相信大家在写vue项目的时候，一定会发现一个神奇的api，Vue.nextTick。为什么说它神奇呢，那是因为在你做某些操作不生效时，将操作写在Vue.nextTick内，就神奇的生效了。那这是什么原因呢？
这几天，忙完了后端，又赶来写前端了。一个萌新在初次独立使用 Vue 这个框架时，难免会出现很多意外的，我也是在这条路上跌跌撞撞，遇到了很多看似很奇怪的 Bug，却怎么也不知道哪里错了。
是“魔法”，因为他们做的很好，因为它看起来是魔法。但事实并非如此。事实上,重建类 Vue 功能并不是那么困难，我想在本系列中向您证明这一点，在本系列中，我们将逐步创建一个响应式框架(或者至少是它的原型)，类似于Vue 2的内部工作方式。
Refs 提供了一种方式，用于访问在 render 方法中创建的 React 元素或 DOM 节点。Refs 应该谨慎使用，如下场景使用 Refs 比较适合：
前两天 Vue Mastery 刚刚发布了 Vue Conf 2023 US 的视频，虽然这个大会已经过去一段时间了，但是还是有非常多的内容值得去总结。
分享给大家，主要提供题目，答案自行百度，有不清楚的，也可以私信我，我再专门针对这个题目回答
传统的h5只有1端，即浏览器。而uni-app可跨多端，虽仍属前端，与传统h5有不同。 如果你对h5比较了解，可通过本文快速了解uni-app。
今天我们非常激动的首发 Vue 2.0 preview 版本，这个版本带来了很多激动人心的改进和新特性。我们来看看这里面都有些什么！ 更轻，更快 Vue.js 始终聚焦在轻量和快速上面，而 2.0 把它做得更好。现在的渲染层基于一个轻量级的 virtual-DOM 实现，在大多数场景下初试化渲染速度和内存消耗都提升了 2~4 倍 (详见这里的 benchmarks)。从模板到 virtuel-DOM 的编译器和运行时是可以独立开来的，所以你可以将模板预编译并只通过 Vue 的运行时让你的应用工作起来，而这
最近不是写了一篇关于京东微前端框架的文章嘛 《初探 MicroApp，一个极致简洁的微前端框架》，里面提到了一个叫 Web Components 的东西。虽然对它早有耳闻，但是一直也没怎么仔细看过，所以就深入了解了一下，今天给大家做个简单分享 :)
最近一直在使用vue做项目，闲暇之余查阅了一些关于vue实现原理的资料，一方面对所了解到的知识做个总结，另外一方面希望能对看到此文章的同学有所帮助。本文如有不足之处，还请过往的大佬批评指正。
说vue呢也是关注视图层的框架，它嫌react太绕了，redux太麻烦了，然后就说自己很简单，说自己还有双向绑定，好的很，不是小好，是大好。那我今天就写点vue的东西，写教程其实就是最好的学习。咱们开始吧 //////// 先得安装vue，其实就跟jq一样，用<script>标签引入，就算安装完了。就这样： <script src="js/vue.min.js"></script> 我看网上许多还有什么vue项目目录结构，什么脚手架，...，我个人主观建议大家，别去看那些东西，什么目录结构，什么脚手架。你学
在 《Vue 3：2020年中状态更新》 的文中曾经提到过尤雨溪希望7月中旬发布RC版(候选版本)，8月初发布3.0正式版。
也就是说，Web Components是Web组件模型标准，由浏览器提供原生特性支持，包括Shadow DOM，Custom Elements，HTML Imports和HTML Templates
https://segmentfault.com/a/1190000023479851
渐进式 JavaScript 框架，一款用于构建 Web 界面，易学易用，性能出色且功能丰富的框架。
vue.js——开发版本：包含完整的警告和调试模式 vue.min.js——生产版本：删除了警告，进行了压缩
本文作者：nicolasxiao，腾讯前端高级工程师 引言 本文基于笔者在实际项目中应用svelte的调研报告整理而来，实际项目中，通过将 vue3 替换成 svelte，框架体积就从337.46kb减少到18kb，页面性能指标提升了57%。通过阅读本文，可以快速全面了解 svelte 的优缺点，社区支持，基础使用及核心原理。如果您想在实际项目中使用svelte，可以通过本文获得有力的佐证及足够信心。 1 svelte 是什么？ 2、3年前就已经听说过 svelte 这个框架，但一直没有实际使用。svel
mvvm ：Model-View-ViewModel的缩写， model数据层，数据模型，仅仅关注数据本身 View视图层是用户操作界面 也可称为，当ViewModel对Model进行更新的时候，会通过数据绑定更新到view
最近利用空闲时间又翻看了一遍Vue的源码，只不过这次不同的是看了Flow版本的源码。说来惭愧，最早看的第一遍时对Flow不了解，因此阅读的是打包之后的vue文件，大家可以想象这过程的痛苦，没有类型的支持，看代码时摸索了很长时间，所以我们这次对Vue源码的剖析是Flow版本的源码，也就是从Github上下载下来的源码中src目录下的代码。不过，在分析之前，我想先说说阅读Vue源码所需要的一些知识点，掌握这些知识点之后，相信再阅读源码会较为轻松。
0写在前面 我们平常写vue的组件时，一般都是用的是模版，这种方式看起来比较简洁，而且vue作者也推荐使用这个方式 但是这种方式也有一些它的弊端，例如模版调试麻烦，或者在一些场景下模版描述可能没那么简单和方便。 下面我们要讲的是如何在vue里面写jsx，知道react的人应该都知道jsx，jsx的一个特性就是非常灵活，虽然有的人觉得jsx很丑陋，把逻辑都写到模版的感觉，但萝卜青菜各有所爱，适合自己适合团队的就是最好的。 1安装 在使用jsx之前我们需要安装一个babel插件（babel-plugin-t
收集当前组件中的watcher，我进一步问你什么叫当前组件的 watcher？我面试时经常听到这种模糊的说法，感觉就是看了些造玩具的文章就说熟悉响应式原理了，起码的流程要清晰一些：
针对Vue文档中部分大家可能不会去研读的内容，我做了个小总结，作为有经验者的快餐，不是特别适合初学者哈 节省代码量的mixin mixin概念：组件级可复用逻辑，包括数据变量/生命周期钩子/公共方法，从而在混入的组件中可以直接使用，不用重复写冗余逻辑(类似继承) 使用方法: 在某一公共文件夹pub下创建mixin文件夹，其下创建mixinTest.js const mixinTest = { created() { console.log(`components ${this.nam
现在的前端框架越来越倾向于隐藏细节，不管是react还是vue都是这样。 说是让你更集中精力在业务逻辑，但某个东西在dom层面到底是怎么实现的？不用你用什么，前端开发不操作dom是不可能的。但现在至少你在使用框架的时候看不到这些了。 好处是前端入门变的更简单，会用框架照着套路写就ok；不能说坏处，不好的地方就是，深入前端变的更难了。因为你要搞清某个东西怎么实现，必须先搞懂这个框架的实现。 从这个角度来讲， 1，前端开发会更加工具化； 2，更有迷惑性。外行以为学会某几个框架就Ok，但学了才知道，根本不是这
Vue ，React ，Angular 三大主流框架，最后我选择学习 Vue ，接触过 React ，自己感觉学习曲线有些陡峭，进而我选择了学习 Vue ，他的学习曲线平稳很多；不管选择什么框架，除了对基础的知识有一定的了解掌握，还应该对 ES6 有一定的了解；
在vue3中，增加了静态标记PatchFlag。在创建vnode的时候，会根据vnode的内容是否可以变化，为其添加静态标记PatchFlag。diff的时候，只会比较有PatchFlag的节点。PatchFlag是有类型的，比如一个可变化文本节点，会将其添加PatchFlag枚举值为TEXT的静态标记。这样在diff的时候，只需比对文本内容。需要比对的内容更少了。PatchFlag还有动态class、动态style、动态属性、动态key属性等枚举值。
很多读者会来问我，Vue 该怎么规划学习路线，或者大概进行到某个阶段了，该怎样继续深入。所以我决定根据我自己学习的心路历程，总结一篇 Vue 从入门到精通的路线。
年初第一个 flag 就是掌握 vue ，哈哈 Vue ，React ，Angular 三大主流框架，最后我选择学习 Vue ，接触过 React ，自己感觉学习曲线有些陡峭，进而我选择了学习 Vue
本文针对 @小明同学哟 的 《前端常见的Vue面试题目汇总》 这篇文章，提出一些错误。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
