Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等 ...

前言公司的项目需要做seo，经过翻阅nuxt文档 、相关资料及自己实战后，特意整理分享这篇文章，方便入坑的同学脱坑，同时自己也做下笔记，如有说错的地方，还望指点。没有了解过seo和ssr服务器渲染的同学，建 ...

平时的搜索功能都是基于后台交互，拿数据就好。前几日碰到了需要使用本地数据匹配模糊搜索的功能，重新封了一个vue小组件以作参考 源码 Git地址(components > fuzzySearch) 分布解析 1.HTML和数据制造 <tem ...

最近在做一个项目，然后里面也用到了jsx。因为其实有一些功能也需要更加灵活的去处理。 介绍一下JSX JSX 简介 JSX是一种Javascript的语法扩展，JSX = Javascript + XML，即在Javascript里面写XM ...

学习JSX,先了解一下createElement 提到JSX,不可避免的就要提到createElement,当你看完本节，你会发现，奇怪的知识又增多了。ok，我们接着上一部分继续讲。这一次的准备工作是了解createElement。 从Vu ...

是时候使用JSX代替createElement了 接着上面的讲，当我们看到上面用createElement去实现组件，太麻烦了，别说工作效率提高了，就是那些嵌套可以嵌套正确就很赞了，所以我们需要用JSX去简化整个逻辑。当年我做项目的时候就遇 ...

原文链接实现了左右，此处就不做代码重复 codepen 中可以发现上面的代码部分可以左右拖动，上下也是可以拖动改变的 image.png 上代码 此处需要注意 codepen有一个 header，我们大概理解高度为 60px 使用了 vue ...

模块并不是对象，模块的使用分为两部分：定义模块和使用模块。它们一般位于不同的文件中，使用模块的文件可以调用定义模块的文件中导出的内容，有点像我们平时在一个页面中导入其他的js文件，但模块调用要比导入js文件更加强大。 模块的基本用法 模块最 ...

开发环境性能优化优化打包构建速度HMR优化代码调试source-mapHMR概念：「HMR：」 hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包这一个模块，而不是打包所有模块，极大 ...

react 项目中有时会需要用到ref去获取节点的真实dom对象，在函数组件中官方推荐使用useRef 我在渲染列表时想获取所有li的dom元素，根据官方文档中的demo，我写出了下面的代码，点击button时打印ref的值 import ...