m0_68271787的博客

​ toRef 和 toRefs 可以用来复制 reactive 里面的属性然后转成 ref，而且它既保留了响应式，也保留了引用，也就是你从 reactive 复制过来的属性进行修改后，除了视图会更新，原有 ractive 里面对应的值也会跟着更新，如果你知道 浅拷贝 的话那么这个引用就很好理解了，它复制的其实就是引用 + 响应式。需要注意的是，Vue3中的 props 是只读的，即在setup 函数中不能修改 props 的值。如果希望提供的数据是响应式的，那么，值就需要是响应式的数据。

在讨论TypeScript（TS）是否比JavaScript（JS）更好时，我们需要明确“更好”这一概念的上下文和衡量标准。TypeScript和JavaScript在多个方面有着明显的区别，但它们并不是简单的“好”与“不好”的关系，而是服务于不同的需求和场景。

举例说明:当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域SSM用法首先编写一个过滤器，可以起名字为MyCorsFilter.java​​​​​​​在web.xml中配置这个过滤器，使其生效。

最后两个报错，我几近崩溃，熬了好久都没熬出答案，经过不断摸索总算是解决了其中一个问题，尽管另一个问题没解决，但是已经不影响操作了！我也总算是在工业派上利用计算棒跑通了tensorflow程序，这一路踩得地雷、掉的坑实在太多，博主早已面目全非，激情不再，好在捱到了最后，顺利解决了问题，终于可以松一口气了！总结一下就是遇到问题千万不要轻言放弃，一定要动用所有资源去寻找答案，努力努力再努力，总会柳暗花明的！当然，很多时候也许也需要换一种思维去寻找解决问题的办法，不要在一棵树上吊死。

CORS 需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能。整个 CORS 通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS 通信与普通的 AJAX 通信没有差别，代码完全一样。浏览器一旦发现 AJAX 请求跨域，就会自动添加一些附加的头信息，有时还会多出一次附加的请求，但用户不会有感知。因此，实现 CORS 通信的关键是服务器。只要服务器实现了 CORS 接口，就可以跨域通信。

对于前端的学习和提高，我的基本思路是这样的。首先，前端的三个最基本的东西 HTML5、CSS3 和 JavaScript（ES6）是必须要学好的。这其中有很多很多的技术，比如，CSS3 引申出来的 Canvas（位图）、SVG（矢量图） 和 WebGL（3D 图），以及 CSS 的各种图形变换可以让你做出非常丰富的渲染效果和动画效果。

之前我一直很疑惑，为什么上传文件一定要用form包起来，现在算是大概明白了。最开始在javascript还不流行时，我们就可以直接使用submit按钮提交表单数据了。表单里面可以包含文字和文件。然后随着js和ajax的流行，可以利用ajax直接异步提交部分表单数据。这里开始我就纠结了，为什么ajax可以提交自己组装的数据。那为什么不能直接提交文件呢。这里我错了，ajax提交的并不是随意的数据，最后还是组装成了表单格式（因为后台技术对表单格式数据的支持比较普及）。

细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。不建议直接拉取此项目作为模板，希望能按照此教程按需配置，或者复制 vue.config.js 增删配置,并自行安装所需依赖。vue-cli3 配置见vue-cli3 分支。删除 public/index.html 中关于 description、content 的 meta 标签。保留 title 标签配置 router-config.js"/": {title: "首页",

我比较喜欢使用 Vue 来开发，所以有时会深入研究其功能和特性。通过这篇文章，向你们介绍十个很酷的窍门和技巧，以帮助大家成为更好的 Vue 开发者。默认情况下，v-model是@input事件监听器和:valueprops上的语法糖。但是，我们可以在Vue组件中指定一个模型属性，以定义使用什么事件和值希望这些窍门和技巧对你有所帮助，如果你也知道哪些技巧，欢迎留言。仅供参考！！

想学习 TypeScript 的小伙伴看过来，本文将带你一步步学习 TypeScript 入门相关的十四个知识点，详细的内容大纲请看下图：TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性，比如异步功能和 Decorators，以帮助建立健壮的组件。

有效括号匹配判断b是否是a的子集（a和b有重复元素，要求b的同个元素出现次数

在过去的 12 个月里，我在我的时事通讯中分享了数百种工具。我为前端和全栈开发人员提供了大量实用的库、帮助程序和其他有用的东西。这些工具涵盖许多类别，包括 JavaScript 库和实用程序、Web 框架、CSS 生成器、数据库工具、React 组件、CLI 工具，甚至 ChatGPT 和基于 AI 的工具，后者是我在过去一年中开始定期介绍的工具。本文中的 60 个工具是我的时事通讯中 2024 年点击次数最多的 Web 开发人员工具。

习惯面向对象的后端攻城狮不习惯 React 的泛函编程习惯关注点分离的前端程序猿不习惯 React JSX 的关注点不分离选择更多的 React 生态导致 React 初学者选择困难React 是库不是框架，转嫁成本要求用户像框架一样使用库中文爱好者或“英语笨蛋”背诵 React 文档难度较高本期话题是 ——你觉得 React vs Vue 谁更难，难在哪里？欢迎在本文下方自由言论，文明共享。仅供参考！！如有抄袭请告知！！

块级元素在页面上占据一个块（矩形）的空间。从新的一行开始，并且在垂直方向上占据尽可能多的可用空间。宽度和高度可以设置。可以包含其他块级或内联级元素。divph1ultable内联级元素在行内占据一个空间，不换行。与文本一起流动，并且不会占据其自己的行。通常用于文本、链接和图像。宽度和高度不能直接设置，但可以通过字体大小和内边距等属性间接影响。spanaimginput区别特征块级元素内联级元素显示从新的一行开始，占据块状空间在行内占据空间，不换行宽度和高度可以设置。

1.插件是一个用于前端开发的扩展，它的主要作用是提供一个本地开发服务器，以便实时预览和调试网页应用程序。热重载因为允许开发者在浏览器中实时预览您正在编辑的网页。每当保存文件时，该插件会自动刷新浏览器，以便开发者可以立即看到页面的更改效果。

nextTick简单的说，nextTick方法是在 Vue.js 中常见的一种异步更新 DOM 的机制。它的原理是利用 JavaScript 的事件循环机制以及浏览器的渲染流程来实现延迟执行 DOM 更新操作。它的出现主要是为了解决 Vue 的异步更新导致的 DOM 更新后的操作问题。在 Vue 中，数据的变化会触发重新渲染 DOM，但实际上，Vue 的数据更新是异步的。也就是说，当我们修改了 Vue 实例的数据后，并不会立即进行 DOM 更新，而是在下一个事件循环中才会进行。

针对内置标签的解析，很庆幸 vue 还是留了一道后门的，不然就要魔改 vue 的源码了。uni-app 中有很多类似的黑魔法。为什么称之为黑魔法呢，因为其中使用的方法可能是官网中不会讲到的，或者是些需要巧思的。像魔术一样，看似很神奇，真的知道解决方案后就会恍然大悟。我相信这些黑魔法的出现并不是为了炫技，而更多的是在熟悉原理后的决策。

在软件测试中，自动化测试指的是使用独立于待测软件的其他软件来自动执行测试、比较实际结果与预期并生成测试报告这一过程。在测试流程已经确定后，测试自动化可以自动执行的一些重复但必要的测试工作。也可以完成手动测试几乎不可能完成的测试。对于持续交付和持续集成的开发方式而言，测试自动化是至关重要的。——来自 WiKi 百科。

因为浏览器的同源政策，就会产生跨域。比如说发送的异步请求是不同的两个源，就比如是不同的的两个端口或者不同的两个协议或者不同的域名。由于浏览器为了安全考虑，就会产生一个同源政策，不是同一个地方出来的是不允许进行交互的。

很多人感觉Web 开发已大势已去，但很明显该领域仍在发展壮大。虽然自动编码平台可以接管部分工作，但始终需要优秀的前端 Web 开发人员解决 UI 和 UX 问题并紧跟行业趋势。无论你是从事前端开发的专业人士，还是对这个领域感兴趣的初学者，始终保持学习和更新的心态，才能够在这个充满变化的领域中不断前进，不断突破自我，成为一名优秀的前端开发者。

box-sizing属性主要用来控制元素的盒模型的解析模式。默认值是content-box。content-box：让元素维持W3C的标准盒模型。元素的宽度/高度由border + padding + content的宽度/高度决定，设置width/height属性指的是content部分的宽/高border-box：让元素维持IE传统盒模型（IE6以下版本和IE6~7的怪异模式）。

程序员必备的面试技巧，就像是编写一段完美的代码一样重要。在面试战场上，我们需要像忍者一样灵活，像侦探一样聪明，还要像无敌铁金刚一样坚定。只有掌握了这些技巧，我们才能在面试的舞台上闪耀光芒，成为那个令HR们心动的程序猿！

能跟其他物件组合起来的物件，就是组件，组件并没有明确的定义。就目前而言，一个返回值是React元素的函数就是组件Vue里，

组件内可以引用其他组件，组件之间的引用形成了一个树状结构（组件树），如果下层组件需要使用上层组件的数据或方法，上层组件就可以通过下层组件的props属性进行传递，因此props是组件对外的接口。状态（state） 和 属性（props） 类似，都是一个组件所需要的一些数据集合，但是state是私有的，可以认为state是组件的“私有属性（或者是局部属性）”。React 的核心思想是组件化，而组件中最重要的概念是State（状态），State是一个组件的UI数据模型，是组件渲染时的数据依据。

JavaScript的异步编程已经从回调(Callback)演进到Promise，再到如今广泛使用的async/await语法。后者不仅让异步代码更加简洁，而且更贴近同步代码的逻辑与结构，大大增强了代码的可读性与可维护性。在掌握了基础用法之后，下面将介绍一些高级用法，以便充分利用async/await实现更复杂的异步流程控制。

React-Hooks 是 React 团队在组件开发实践中，逐渐认知到的一个改进点，这背后其实涉及对类组件和函数组件两种组件形式的思考和侧重基于 ES6 class 写法，继承 React.Component 得到的组件class Test extends React.Component { constructor(props) { super(props) this.state = { count: 0 } this.change = this.change.bind(this)

初级了解计算机