江拥羡橙的博客

Vue和React的核心差异对比：Vue采用渐进式框架设计，提供模板语法和响应式API，学习曲线平缓；React基于JSX语法和手动状态管理，更适合复杂应用开发。性能方面，Vue精准更新组件，React依赖虚拟DOM。Vue适合快速开发和中小项目，React更适用于大型应用和跨平台需求。2025年趋势显示React下载量更高，但Vue在中文社区更友好。建议根据团队经验和项目需求选择，新手可从Vue入门，求职则优先掌握React。两者均为工业级方案，掌握核心思想更具优势。

Vue3中Vue Router传参有三种方式：1) 路径参数（动态路由），通过冒号定义参数并在组件中用useRoute获取；2) 查询参数（Query），通过URL问号传参，适合可选参数；3) 状态参数（State），参数不暴露在URL中但刷新会丢失。路径参数适合必要标识，查询参数用于过滤条件，状态参数需配合状态管理工具持久化。示例展示了三种传参方式的定义、传递和接收方法，建议在setup语法糖中使用useRoute替代this.$route。

本文对比了前端异步编程的三种方案。回调函数嵌套会导致"回调地狱"，代码可读性和维护性差。Promise通过链式调用解决了嵌套问题，支持扁平化代码结构和统一错误处理。而async/await作为语法糖，基于Promise实现了同步式的异步代码书写方式，配合try/catch进一步简化了错误处理流程。三种方案中，Promise和async/await在可读性、错误处理和扩展性方面都表现更优，其中async/await尤其适合需要顺序执行异步操作的场景，同时保留非阻塞特性。

安装vue3-video-play版本1.3.1-beta.6 可解决。Failed to resolve entry for package "vue3-video-play". The package may have incorrect main/module/exports specified in its package.json

解决办法：用传参方式不要用refer和Refer，用其它名字

3.滑动容器的所有父元素添加样式（只给要滚动父容器添加即可）iosapp上viewweb h5不能滑动的问题。1.给滑动容器添加样式。

【代码】the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead 样式穿透/deep。

重绘，简单来说就是重新绘画，当给一个元素更换颜色、更换背景，虽然不会影响页面布局，但是颜色或背景变了，就会重新渲染页面，这就是重绘。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。回流，当增加或删除dom节点，或者给元素修改宽高时，会改变页面布局，那么就会重新构造dom树然后再次进行渲染，这就是回流。sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。相同点：都存储在客户端。

不可枚举：不可枚举是一个汉语成语，拼音为bù kě méi jǔ，意思是不能够一个个地列举，形容数量、种类极多。那么此时的参数类型就是一个变量，通常用大写字母 T 来表示，当然你也可以使用其他字符，如：U、K等。枚举的取值，有 TokenType.ACCESS 和 TokenType[‘ACCESS’] 这两种不同的写法，效果是相同的。protected：受保护修饰符，可以在类的内部和子类中访问，但不能在类的外部访问。private：私有修饰符，只能在类的内部访问，不能在类的外部访问。

/ 结果为: true。var ages = [3, 18, 17, 16] const fn = (currentValue) => currentValue < 40 console.log(ages.every(fn)) // true 值全都符合函数条件。2） forEach()允许callback更改原始数组的元素，map()返回新的数组，map() 不会对空数组进行检测。console.log(age >= 18) // false true 有一个满足条件的会停止检测剩余的元素。

通义灵码可以根据你当前的代码上下文，自动补全你需要的代码，大大减少了你需要手动输入的代码量，提高了编码效率。通义灵码是一款非常实用的编码辅助工具，它能够帮助你快速解决编码中遇到的各种问题，让你的编码更加高效和愉悦。如果你是一名程序员，不妨尝试一下通义灵码，它一定会给你带来惊喜！

微信浏览器input强刷新，input h5强刷新，微信浏览器上传图片后刷新，h5表单强刷新，h5调用拍照后返回首页，h5调用拍照后刷新，微信浏览器强制刷新，iOS上微信浏览器input强刷新，iOS上微信浏览器上传图片后强刷新，ios微信浏览器上传图片后页面刷数据，h5在ios浏览器闪频，h5在ios微信打开时强制刷新，ios手机上调用相机后页面刷新，ios手机上调用相机后页面后重置，ios拍照后刷新，ios拍照完页面大刷新

tel:10086就是指定电话号码，会拨打 10086这个电话号码。

用keep-alive两个生命周期activated和deactivated,在activated里执行操作。路由开启keepActive。利用vuex存储id。

【代码】moment.js 判断日期在日期范围内。

`async` 和 `await` 可以说是异步终极解决方案了，相比直接使用 `Promise` 来说，优势在于处理 `then` 的调用链，能够更清晰准确的写出代码，毕竟写一大堆 `then` 也很恶心，并且也能优雅地解决回调地狱问题。当然也存在一些缺点，因为 `await` 将异步代码改造成了同步代码，如果多个异步代码没有依赖性却使用了 `await` 会导致性能上的降低。

对于这个问题，我们应该先来了解提升（hoisting）这个概念。从上述代码中我们可以发现，虽然变量还没有被声明，但是我们却可以使用这个未被声明的变量，这种情况就叫做提升，并且提升的是声明。对于这种情况，我们可以把代码这样来看接下来我们再来看一个例子对于这个例子，如果你认为打印的值为undefined那么就错了，答案应该是10，对于这种情况，我们这样来看代码到这里为止，我们已经了解了var声明的变量会发生提升的情况，其实不仅变量会提升函数也会被提升。对于上述代码，打印结果会是ƒ a() {}

git报错 bad signature 0x00000000 fatal: index file corrupt，git error，SourceTree报错

Node.js 不是一种新语言而是一个平台，为 JavaScript 提供了浏览器之外的运行时环境。它提供了丰富的内置模块，包括 File System 模块、Net 模块、HTTP 模块、URL 模块、Process 模块等等。这些模块能够让 JavaScript 操作我们的计算机，建立 Web 服务器。

抛开 webpack 复杂的 loader 和 plugin 机制，webpack 本质上就是一个 JS 模块 Bundler，用于将多个代码模块进行打包，所以我们先撇开 webpack 错综复杂的整体实现，来看一下一个相对简单的 JS 模块 Bunlder 的基础工作流程是怎么样的，在了解了 bundler 如何工作的基础上，再进一步去整理 webpack 整个流程，将 loader 和 plugin 的机制弄明白。当在 webpack 环境中应用一个插件时，插件将收到此 compiler 对象的引用。

前端项目随着时间推移和业务发展，页面可能会越来越多，或者功能和业务代码会越来越多，又或者依赖的外部类库会越来越多，这个时候原本不足为道的 webpack 构建时间消耗就会慢慢地进入我们的视野。

运算符前后都需要保留一个空格，例如：`width: calc(100% - 100px)`； - 任何长度值都可以使用calc()函数进行计算； - calc()函数支持 "+", "-", "*", "/" 运算； - calc()函数使用标准的数学运算优先级规则；

本章我们将介绍组件间是如何实现数据通信的。包括父组件向子组件、子组件向父组件、兄弟组件、非关系组件之间的数据通信。组件通信是组件式开发中非常重要的一部分，也是组件式开发中的难点。在学完本章之后，同学们可以通过反复地编写组件来加深印象。组件是 vue 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。我们需要使用特定的方式来实现组件间的数据通信，接下来让我们一个个介绍这几种类别的组件通信是如何实现的。

异步初探：同步和异步的区别？异步的使用场景？promise的基本使用

JS 的特色就是异步编程，所有有很多关于异步的考点，本章都会讲解。如 event loop、promise、async-await、微任务和宏任务。学不会这些，就不算是精通 JS。

文末可查看答案哦

再回首，轻舟已过万重山

本期介绍原型、原型链和 class。包括 class ，继承，原型，原型链，instanceof。原型是 “JS 三座大山” 之一，原型和原型链也是必考知识点。

简洁高效，BOSS易看的前端简历模板

柯里化是把接收多个参数的函数变成接收单一参数的函数，剩下的参数再通过返回的函数来进行接收。 简单理解就是把函数拆的更细，返回的函数依赖第一个参数进行计算，可以缩小适用范围，创建一个针对性更强的函数。

网上都是在制造焦虑，实际上根本没那么严重，我普通二本，一年经验，北京面了10家，拿了40个 offer ，最高220k，最低170k，220k是外包，还有个200k的自研可以考虑一下，不说了，明天还要两个面试。我和一个上海的朋友，10年资深前端大佬Jace老师，他主React，我们共同创建了一个前端面试方面的知识星球，就Vue和React两大前端技术，帮助大家学习和提升，分享面试经验，交流技术，共同成长和进步。在当前的大环境下，其实说到面试的技巧和方式方法，我做过一些深刻的总结，愿意与大家毫无保留的分享。

本期介绍作用域和闭包的知识点和题目。包括作用域，自由变量，闭包，this 等部分。作用域是 “JS 三座大山” 之二，不知道闭包的话，面试通过概率不大。

BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。

此篇文章整理了在 React 项目开发中常用的一些 Hooks使用Hooks能为开发提升不少效率，但并不代表就要抛弃，依旧还有很多场景我们还得用到它，比如需要封装一个公共的可继承的组件，当然通过自定义 hooks 也能将一些共用的逻辑进行封装，以便再多个组件内共用。下期更新在React 中自定义 Hooks 的应用场景，主要讲一些 Hooks 的高阶应用。

本期介绍变量的类型和计算的知识点和题目，包括值类型和引用类型区别，类型判断，深拷贝等。变量和类型是一个任何一门语言的基础，不了解的话，会被认为是 JS 语法不过关。

才行，uploaddify的设置里有一个’fileObjName’，默认是’FileData’，七牛要求这个字段是。

的标签元素添加value属性！

【代码】layui中的laydate组件闪动打不打开问题解决。

【代码】JS面向对象--贪吃蛇游戏。

上一小节，我们使用 Vite 初始化了一个 Web 项目，迈出了使用 Vite 的第一步。但在实际工作中，仅用 Vite 官方的脚手架项目是不够的，往往还需要考虑诸多的工程化因素，借助 Vite 本身的配置以及业界的各种生态，才能搭建一个名副其实的脚手架工程。那在接下来的几个小节内容中，我们将以实战的方式逐个击破项目工程化的要素。你可以跟着我一起进行编码，从0搭建一个完整的 Vite 项目架构。不仅如此，在实战的过程中，你也会对 Vite 本身的功能有全面了解，能够熟练地将它应用到实际项目。