程序员
文章平均质量分 90
秋の本名
程序一定有Bug
展开
-
文件各种上传,离不开的表单 [html5]
之前我一直很疑惑,为什么上传文件一定要用form包起来,现在算是大概明白了。最开始在javascript还不流行时,我们就可以直接使用submit按钮提交表单数据了。表单里面可以包含文字和文件。然后随着js和ajax的流行,可以利用ajax直接异步提交部分表单数据。这里开始我就纠结了,为什么ajax可以提交自己组装的数据。那为什么不能直接提交文件呢。这里我错了,ajax提交的并不是随意的数据,最后还是组装成了表单格式(因为后台技术对表单格式数据的支持比较普及)。原创 2024-05-07 23:30:00 · 592 阅读 · 0 评论 -
vue-cli4 全面配置(持续更新)
细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。不建议直接拉取此项目作为模板,希望能按照此教程按需配置,或者复制 vue.config.js 增删配置,并自行安装所需依赖。vue-cli3 配置见vue-cli3 分支。删除 public/index.html 中关于 description、content 的 meta 标签。保留 title 标签配置 router-config.js"/": {title: "首页",原创 2024-05-07 19:06:26 · 766 阅读 · 0 评论 -
这 10 个技巧让你成为一个更好的 Vue 开发者
我比较喜欢使用 Vue 来开发,所以有时会深入研究其功能和特性。通过这篇文章,向你们介绍十个很酷的窍门和技巧,以帮助大家成为更好的 Vue 开发者。默认情况下,v-model是@input事件监听器和:valueprops上的语法糖。但是,我们可以在Vue组件中指定一个模型属性,以定义使用什么事件和值希望这些窍门和技巧对你有所帮助,如果你也知道哪些技巧,欢迎留言。仅供参考!!原创 2024-05-05 20:57:56 · 551 阅读 · 0 评论 -
了不起的 TypeScript 入门教程
想学习 TypeScript 的小伙伴看过来,本文将带你一步步学习 TypeScript 入门相关的十四个知识点,详细的内容大纲请看下图:TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不断发展的 JavaScript 特性,包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性,比如异步功能和 Decorators,以帮助建立健壮的组件。原创 2024-05-03 00:30:00 · 1013 阅读 · 0 评论 -
2024年5月前端面试记录:裸辞、旅游、面试
有效括号匹配判断b是否是a的子集(a和b有重复元素,要求b的同个元素出现次数原创 2024-05-03 08:15:00 · 603 阅读 · 0 评论 -
2023 年顶级前端工具,你都用了哪些呢?
在过去的 12 个月里,我在我的时事通讯中分享了数百种工具。我为前端和全栈开发人员提供了大量实用的库、帮助程序和其他有用的东西。这些工具涵盖许多类别,包括 JavaScript 库和实用程序、Web 框架、CSS 生成器、数据库工具、React 组件、CLI 工具,甚至 ChatGPT 和基于 AI 的工具,后者是我在过去一年中开始定期介绍的工具。本文中的 60 个工具是我的时事通讯中 2024 年点击次数最多的 Web 开发人员工具。原创 2024-04-29 07:15:00 · 925 阅读 · 0 评论 -
为什么 React 比 Vue 难?你不知道的前端简史!
习惯面向对象的后端攻城狮不习惯 React 的泛函编程习惯关注点分离的前端程序猿不习惯 React JSX 的关注点不分离选择更多的 React 生态导致 React 初学者选择困难React 是库不是框架,转嫁成本要求用户像框架一样使用库中文爱好者或“英语笨蛋”背诵 React 文档难度较高本期话题是 ——你觉得 React vs Vue 谁更难,难在哪里?欢迎在本文下方自由言论,文明共享。仅供参考!!如有抄袭请告知!!原创 2024-04-26 19:50:47 · 852 阅读 · 0 评论 -
前端面试题【笔记】
块级元素在页面上占据一个块(矩形)的空间。从新的一行开始,并且在垂直方向上占据尽可能多的可用空间。宽度和高度可以设置。可以包含其他块级或内联级元素。divph1ultable内联级元素在行内占据一个空间,不换行。与文本一起流动,并且不会占据其自己的行。通常用于文本、链接和图像。宽度和高度不能直接设置,但可以通过字体大小和内边距等属性间接影响。spanaimginput区别特征块级元素内联级元素显示从新的一行开始,占据块状空间在行内占据空间,不换行宽度和高度可以设置。原创 2024-04-01 19:36:10 · 833 阅读 · 0 评论 -
推荐13款常用的Vscode插件
1.插件是一个用于前端开发的扩展,它的主要作用是提供一个本地开发服务器,以便实时预览和调试网页应用程序。热重载因为允许开发者在浏览器中实时预览您正在编辑的网页。每当保存文件时,该插件会自动刷新浏览器,以便开发者可以立即看到页面的更改效果。原创 2024-03-01 08:23:09 · 3125 阅读 · 0 评论 -
10 分钟了解 nextTick ,并实现简易版的 nextTick
nextTick简单的说,nextTick方法是在 Vue.js 中常见的一种异步更新 DOM 的机制。它的原理是利用 JavaScript 的事件循环机制以及浏览器的渲染流程来实现延迟执行 DOM 更新操作。它的出现主要是为了解决 Vue 的异步更新导致的 DOM 更新后的操作问题。在 Vue 中,数据的变化会触发重新渲染 DOM,但实际上,Vue 的数据更新是异步的。也就是说,当我们修改了 Vue 实例的数据后,并不会立即进行 DOM 更新,而是在下一个事件循环中才会进行。原创 2024-02-22 22:45:00 · 1772 阅读 · 0 评论 -
uni-app 黑魔法探秘 (一)—— 重写内置标签
针对内置标签的解析,很庆幸 vue 还是留了一道后门的,不然就要魔改 vue 的源码了。uni-app 中有很多类似的黑魔法。为什么称之为黑魔法呢,因为其中使用的方法可能是官网中不会讲到的,或者是些需要巧思的。像魔术一样,看似很神奇,真的知道解决方案后就会恍然大悟。我相信这些黑魔法的出现并不是为了炫技,而更多的是在熟悉原理后的决策。原创 2024-02-24 07:15:00 · 1614 阅读 · 0 评论 -
前端自动化测试 —— Jest 测试框架应用
在软件测试中,自动化测试指的是使用独立于待测软件的其他软件来自动执行测试、比较实际结果与预期并生成测试报告这一过程。在测试流程已经确定后,测试自动化可以自动执行的一些重复但必要的测试工作。也可以完成手动测试几乎不可能完成的测试。对于持续交付和持续集成的开发方式而言,测试自动化是至关重要的。——来自 WiKi 百科。原创 2024-02-23 12:30:00 · 1547 阅读 · 0 评论 -
上线服务器流程用法及说明
因为浏览器的同源政策,就会产生跨域。比如说发送的异步请求是不同的两个源,就比如是不同的的两个端口或者不同的两个协议或者不同的域名。由于浏览器为了安全考虑,就会产生一个同源政策,不是同一个地方出来的是不允许进行交互的。原创 2024-01-28 13:42:03 · 1084 阅读 · 0 评论 -
2024 年 10 大前端发展趋势
很多人感觉Web 开发已大势已去,但很明显该领域仍在发展壮大。虽然自动编码平台可以接管部分工作,但始终需要优秀的前端 Web 开发人员解决 UI 和 UX 问题并紧跟行业趋势。无论你是从事前端开发的专业人士,还是对这个领域感兴趣的初学者,始终保持学习和更新的心态,才能够在这个充满变化的领域中不断前进,不断突破自我,成为一名优秀的前端开发者。原创 2024-01-22 08:08:03 · 1670 阅读 · 0 评论 -
比较全面的前端开发面试问题及答案整理
box-sizing属性主要用来控制元素的盒模型的解析模式。默认值是content-box。content-box:让元素维持W3C的标准盒模型。元素的宽度/高度由border + padding + content的宽度/高度决定,设置width/height属性指的是content部分的宽/高border-box:让元素维持IE传统盒模型(IE6以下版本和IE6~7的怪异模式)。原创 2024-01-21 09:15:00 · 1765 阅读 · 0 评论 -
程序员必备的面试技巧
程序员必备的面试技巧,就像是编写一段完美的代码一样重要。在面试战场上,我们需要像忍者一样灵活,像侦探一样聪明,还要像无敌铁金刚一样坚定。只有掌握了这些技巧,我们才能在面试的舞台上闪耀光芒,成为那个令HR们心动的程序猿!原创 2024-01-10 16:48:23 · 391 阅读 · 0 评论 -
React 类组件和函数组件
能跟其他物件组合起来的物件,就是组件,组件并没有明确的定义。就目前而言,一个返回值是React元素的函数就是组件Vue里,原创 2024-01-08 18:40:43 · 1270 阅读 · 0 评论 -
React学习:状态(State) 和 属性(Props)
组件内可以引用其他组件,组件之间的引用形成了一个树状结构(组件树),如果下层组件需要使用上层组件的数据或方法,上层组件就可以通过下层组件的props属性进行传递,因此props是组件对外的接口。状态(state) 和 属性(props) 类似,都是一个组件所需要的一些数据集合,但是state是私有的,可以认为state是组件的“私有属性(或者是局部属性)”。React 的核心思想是组件化,而组件中最重要的概念是State(状态),State是一个组件的UI数据模型,是组件渲染时的数据依据。原创 2024-01-05 16:45:00 · 938 阅读 · 1 评论 -
7个Js async/await高级用法
JavaScript的异步编程已经从回调(Callback)演进到Promise,再到如今广泛使用的async/await语法。后者不仅让异步代码更加简洁,而且更贴近同步代码的逻辑与结构,大大增强了代码的可读性与可维护性。在掌握了基础用法之后,下面将介绍一些高级用法,以便充分利用async/await实现更复杂的异步流程控制。原创 2024-01-02 12:00:00 · 607 阅读 · 0 评论 -
react-hooks函数组件
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)原创 2023-12-26 08:36:32 · 439 阅读 · 0 评论 -
计算机是怎么跑起来的?
初级了解计算机原创 2023-07-01 09:20:14 · 97 阅读 · 1 评论