这里是前端，是不一样的前端

原创 总结前端高频面试题

近两天正值中秋国庆假期，约面试也到节后了，留给我们准备的时间还是挺充分的，毕竟跳一次槽还是不容易的。总结前端高频面试题，拿下理想的offer兼容问题1、不同浏览器的标签默认的外边距和内边距不同2、图片默认有间距3、使用after伪元素清除法（也称之为万能清楚法）4、超出显示省略号5、链接访问过后hover样式就不出现的问题详细兼容问题请看此链接https://blog.csdn.net/weixin_48193717/article/details/108762482优化方面1.

原创 工作三年的前端开发20k简历标准

一、招聘网站boss直聘：https://www.zhipin.com/ （聊天约工作）智联：综合类招聘（https://www.zhaopin.com/，每天投递量没有限制）拉沟网：垂直类招聘（https://www.lagou.com/，每天投递量有限制25-30家）猎聘：会有猎头找到100offer：高端招聘（10以上工作经验，高管，技术总监）前程无忧：综合类招聘中华英才网：综合类招聘二、简历基本构成基本信息：姓名：xx 性别：男毕业院校：xx学校/xxx专业工作年限：3年应

原创 Web前端三大框架的总结，你是否知道呢？

*React与Vue相同点1、使用 Virtual DOM，有较高的运行速度2、提供组件化功能3、可使用mobx与vuex进行状态管理，响应式、依赖追踪React1、子组件重复渲染问题需要手动优化2、可以使用redux进行状态管理，函数式、不可变、模式化，时间旅行3、可使用JSX，完全的javascript能力优点：引入了一个叫做虚拟DOM的概念，运行速度快；提供了标准化的API，解决了跨浏览器问题、兼容性更好；代码更加模块化，重用代码更容易，可维护性高。缺点：React是目标是UI组件

原创 App实现登录页面切换头像的流程

一、需求：在APP的登录操作中头像可根据用户需求自定义上传图片二、分析：技术栈.熟练em、rem、flex移动端布局.掌握原生Javascipt掌握axios请求方式三、流程：上传已有图片或拍照图片选择图片并设置图片更新图片四、项目分析：1、上传文件表单：<input type="file" accept="image/*" capture="camera" >a.type=“file” 上传文件表单b. accept=“image/*” 上传文

原创 路过世界只为走向你

原创 又是一年1024程序员日

当时，俄罗斯的一位程序员提议将每年的10月24日定为程序员节，以表彰这个行业的努力和成就。总而言之，程序员节是一个重要的节日，它庆祝和表彰程序员们的工作和成就。，这是一个特殊的节日，旨在庆祝和表彰程序员们对科技和社会的贡献。作为技术领域的从业者，程序员们在现代社会中扮演着重要的角色，他们致力于编写、测试和维护软件代码，为我们的生活带来了无数的便利和创新。

原创 小白都能理解的JavaScript递归原理

在编程中，递归是一种常见的技术，它允许函数在执行过程中调用自身。递归可以解决一些问题，特别是那些可以被分解为更小的、相同类型的子问题的问题。本文通俗易懂地介绍了JavaScript递归的原理、使用场景、具体实现代码和注意事项。递归是一种强大的编程技术，可以解决一些复杂的问题。我们可以更好地应用递归来解决实际编程问题。

原创 Vue3.0+TypeScript运用Vuex

Vue.js是一个轻量级的JavaScript框架，用于构建交互式的用户界面。它使用了虚拟DOM和响应式数据绑定的概念，使开发者能够更轻松地构建可维护和高效的应用程序。Vue 3.0是Vue.js的最新版本，带来了一些重要的改进和新功能。Vue 3.0结合TypeScript和vuex可以提供更好的类型安全性和开发体验。通过使用Composition API和vuex，我们可以更好地组织和管理应用程序的状态，使代码更具可读性和可维护性.

原创 JavaScript数组排序的介绍

JavaScript数组排序是一种常见的技术，它允许我们对数组中的元素进行排序。在本文中，我们将探讨JavaScript数组排序的背景、原理、使用场景、具体实现代码以及一些注意事项，并最后进行全文总结。JavaScript数组排序方法是一种常见且重要的技术，它可以帮助我们对数组中的元素进行排序。通过了解排序的原理和使用数组排序的具体实现代码，我们可以更好地应用JavaScript，实现灵活和高效的数组排序。

原创 前端原生和主流框架是如何dom的

随着互联网技术的发展，前端技术也在不断地发展和更新。DOM（Document Object Model）是前端开发中非常重要的一个概念，可以理解为网页上的所有元素都是DOM节点，通过操作这些节点，可以实现网页的动态效果和交互功能。本文将介绍JavaScript操作DOM、jQuery操作DOM、Vue操作DOM、React操作DOM、Uniapp操作DOM的区别。以上就是JavaScript操作DOM、jQuery操作DOM、Vue操作DOM、React操作DOM、Uniapp操作DOM的区别。

原创 初始Vue3.0+TypeScript

Vue 3.0 是 Vue.js 框架的最新版本，它在性能、体积和开发体验等方面进行了优化，并引入了一些新的特性。TypeScript 是一种静态类型检查的 JavaScript 超集，它可以提供更好的开发工具支持和代码可靠性。Vue 3.0 结合了 TypeScript，可以帮助开发者构建更健壮、可维护的应用程序。Vue 3.0 + TypeScript 结合了 Vue.js 框架和 TypeScript 的优势，可以帮助开发者构建更健壮、可维护的应用程序。

原创 JavaScript数组去重常用方法

在 JavaScript 中，数组是一种常用的数据结构，用于存储多个值。然而，有时我们需要从数组中去除重复的元素，以便更有效地处理数据。数组去重是指将数组中重复的元素去除，只保留唯一的元素。JavaScript 数组去重是一项常见的任务，可以通过多种方法实现，详细讨论了 JavaScript 数组去重的方法，根据实际需求和数据类型的不同，可以选择适合的方法来进行数组去重操作。

原创 Nvm任意切换node版本号

nvm（Node Version Manager）是一个用于管理Node.js版本的工具。它允许您在同一台计算机上同时安装和切换不同版本的Node.js。使用nvm，您可以轻松地在项目之间切换Node.js版本，而无需手动安装和卸载不同的版本。这对于在不同项目中使用不同的Node.js版本或测试新版本的功能非常有用。nvm指令：显示可下载版本的部分列表安装指定版本：nvm install +“你需要的版本”（如：nvm install 19.2.0）查看版本：nvm ls应用切换。

原创 JavaScript对for、for-in、foreach、map循环理解

在开始比较之前，让我们先了解一下这些循环方式的介绍。for循环：for循环是一种最基本的循环结构，通过设置初始条件、循环条件和每次循环后的操作，可以重复执行一段代码。for-in循环：for-in循环用于遍历对象的可枚举属性，将每个属性的键名赋值给指定的变量，并执行相应的代码块。forEach方法：forEach方法是数组对象的一个方法，用于遍历数组的每个元素，并执行回调函数。map方法。

原创 详解 localStorage、sessionStorage和cookie区别

cookie、sessionStorage和localStorage是在Web开发中常用的三种存储数据的方式。它们在存储机制、作用域、容量限制等方面有所不同。在本文中，我将介绍cookie、sessionStorage和localStorage的区别，并探讨它们的背景、原理、使用场景、具体实现代码以及一些注意事项和总结。cookie、sessionStorage和localStorage是常用的存储数据的方式。它们在存储机制、作用域、容量限制和生命周期等方面有所不同。

原创 初识React.js

通过本文，我们了解了学习React框架的完整过程，从安装和配置到React的基本原理，再到具体的应用场景和注意事项。React作为一种强大而灵活的前端开发工具，可以帮助我们构建高效、可维护的用户界面。希望本文对学习React框架有所帮助，并能够启发您进一步深入学习和应用React。

原创 JavaScript的深拷贝和浅拷贝

深拷贝和浅拷贝是在JavaScript中经常用到的概念，它们涉及到对象和数组的复制。在本文中，我们将深入探讨深拷贝和浅拷贝的概念、区别以及在实际应用中的使用场景。首先，让我们来了解深拷贝和浅拷贝的定义。浅拷贝是指创建一个新的对象或数组，然后将原始对象或数组的引用复制到新对象或数组中。这意味着新对象或数组与原始对象或数组共享相同的内存地址，对其中一个进行修改会影响到另一个。深拷贝则是创建一个全新的对象或数组，将原始对象或数组中的值逐个复制到新对象或数组中，使它们在内存中完全独立。

原创 如何快速理解JavaScript的递归

递归是一种在编程中经常使用的概念，它可以帮助我们解决一些需要重复执行相似操作的问题。在JavaScript中，递归是一种函数调用自身的技术。在本文中，我们将探讨递归的原理、使用场景以及一些注意事项。总结起来，递归是一种强大的编程技术，可以帮助我们解决一些复杂的问题。通过合理地定义基本情况和递归调用，我们可以利用递归的特性来简化代码和处理复杂的数据结构。然而，在使用递归时，我们需要注意递归的终止条件、内存消耗以及性能优化等方面，以确保递归函数的正确性和效率。

原创 JS动态计算自动滚动距离

【代码】JS动态计算自动滚动距离。

原创 Vue生成多文件pdf准考证

【代码】Vue生成多文件pdf准考证。

原创 前端开发常用的方法封装(二)

将阿拉伯数字翻译成中文的大写数字、将数字转换为大写金额、判断一个元素是否在数组中和数组排序

原创 Vue启用unity3D的exe

此次入职的公司有unity3D相关的人员，对接是避免不了的，那么今天他就来了，简单说一下此篇文章大致内容，前端Vue启动unity3D打包好的exe并且传递相关参数，那么下面我们准备上高速一路飞驰寻找诗和远方😜致此这里就是以上Vue.js启用unity3Dexe的全部过程。

原创 Vue使用Input大文件上传切片、修改file文件上传控件样式、清空已选择文件

最近重构公司项目核心内容就是大文件的上传功能,文件基本上都是几个G的,着手的是原生的input标签file,大文件我们首先考虑到一个分片上传这样的功能我们先来说一说分片的好处分片上传的好处是将一个大请求分成多个小请求来执行,这样当其中一些请求失败后,不需要重新上传整个文件,而只需要上传失败的分片就可以了 .可想而知如果不分片会造成文件的丢失,下一次上传从新开始上传,极大的浪费资源一方面给用户体验也不是很好修改前:修改前是和其他表单共用的弹窗。

原创 前端开发常用的方法封装（一）

截取地址栏里携带的参数、时间转换工具、字符串的截取等......

原创 Vue考试题单选、多选、判断页面渲染和提交

这几天在写简易版的学生考试,当我们获取到后端返给我们的试题如何再提交给后端呢?这里我的题目只有单选、多选、判断题目首先我们看一下获取试题的数据结构,(这里的字段命名就不要吐槽了啊,哈哈哈哈哈…)分为两层一层是题目第二层是选项。

原创 Vue考试倒计时和计算考试用时

【代码】倒计时1111。

原创 拜拜嘞——老东家

时间追溯到一个月的今天，经过慎重的考虑和个人职业的规划提出了离职，交接期来到一个月，领导也找我谈过话，各种原因问我，为什么要离开此岗位，是因为团队的不和呢？还是压力过大呢？其实在心中有一万一样的想法，那就是Less money and more things，拿着微薄的收入干着超出收入的事情，真的很不甘心，自己也不年轻了，这点薪资根本满足不了现状，只能顶着压力去离职。原本计划于20号开始找工作，可14号突如其来的疫情，城市陷入隔离状态，一夜之间公交地铁停运、社区封闭、两天做一次核酸，打乱了我的节奏，我到

原创 JavaScript的压缩工具

一、压缩工具JavaScript 构建过程的一个重要环节就是压缩输出，剔除多余字符。这样可以保证只将最少的字节量传输到浏览器进行解析，用户体验会更好。有不少压缩工具，它们的压缩率有所不同。1.1 UglifyUglify 现在是第 3 版①，是可以压缩、美化和最小化 JavaScript 代码的工具包。它可以在命令行运行，可以接收极为丰富的配置选项，实现满足需求的自定义压缩。1.2 Google Closure Compiler虽然严格来讲并不是压缩工具，但 Google Closure Co

原创 JavaScript的构建工具、自动化系统和任务运行器

前言：把本地开发的项目目录转换为线上应用程序需要一系列步骤。每个步骤都需要细分为很多子任务，如构建和部署应用程序要涉及模块打包、编译、压缩和发布静态资源，等等。运行单元和集成测试也涉及初始化测试套件和控制无头浏览器。为了让管理和使用这些任务更容易，也出现了很多工具可以用来更高效地组织和拼接这些任务。1.1 GruntGrunt 是在 Node.js 环境下运行的任务运行器，使用配置对象声明如何执行任务。Grunt 有庞大的社区和众多插件可以支持项目构建。1.2 Gulp与 Grunt 类似

原创 JavaScript的高性能脚本工具

一、 高性能脚本工具关于 JavaScript 的一个常见批评是运行速度慢，不适合要求很高的计算。无论这里所说的“慢”是否符合实际，毋庸置疑的是这门语言从一开始就没有考虑支持敏捷的计算。为解决性能问题，有很多项目致力于改造浏览器执行代码的方式，以便让 JavaScript 代码的速度可以接近原生代码速度，同时利用硬件优化。1.1 WebAssemblyWebAssembly 项目（简称 Wasm）正在实现一门语言，该语言可以在多处执行（可移植）并以二进制语言形式存在，可以作为多种低级语言（如

原创 JavaScript的模块加载器和打包器

一、模块加载器模块加载器可以让项目按需从服务器获取模块，而不是一次性加载所有模块或包含所有模块的 JS文件。ECMAScript 6 模块规范定义了浏览器原生支持动态模块加载的最终目标。但现在，仍有很多浏览器不支持 ES6 模块加载。因此，模块加载器作为某种腻子脚本，可以让客户端实现动态模块加载。1.1 SystemJSSystemJS 模块加载器可以在服务器上使用，也可以在客户端使用。它支持所有模块格式，包括 AMD、CommonJS、UMD 和 ES6；也支持浏览器内转译（考虑到性能，不推荐

原创 JavaScript的工具（一）

前言：编写 JavaScript 代码与编写其他编程语言代码类似，都有专门的工具帮助提高开发效率。JavaScript开发者可以使用的工具一直在增加，这些工具可以帮助开发者更容易定位问题、优化代码和部署上线。其中有些工具是在 JavaScript 中使用的，而其他工具则是在浏览器之外使用的。一、 包管理JavaScript 项目经常要使用第三方库和资源，以避免代码重复和加速开发。第三方库也称为“包”，托管在公开代码仓库中。包的形式可以是直接交付给浏览器的资源、与项目一起编译的 JavaScrip

原创 JavaScript的通用库与动画特效

一、 通用库通用 JavaScript 库提供适应任何需求的功能。所有通用库都致力于通过将常用功能封装为新 API，来补偿浏览器接口、弥补实现差异。其中有些 API 与原生功能相似，而另一些 API 则完全不同。通用库通常会提供与 DOM 的交互，对 Ajax 的支持，还有辅助常见任务的实用方法。1.1 jQueryjQuery 是为 JavaScript 提供函数式编程接口的开源库。该库的核心是通过 CSS 选择符匹配 DOM 元素，通过调用链，jQuery 代码看起来更像描述故事情节而不是

原创 JavaScript库和框架

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

原创 JavaScript的this的强制转换

一、this 强制转型JavaScript 中最大的一个安全问题，也是最令人困惑的一个问题，就是在某些情况下 this 的值是如何确定的。使用函数的 apply()或 call()方法时，在非严格模式下 null 或 undefined 值会被强制转型为全局对象。在严格模式下，则始终以指定值作为函数 this 的值，无论指定的是什么值。例如：// 访问属性// 非严格模式：访问全局属性// 严格模式：抛出错误，因为 this 值为 null let color = "red"; functi

原创 JavaScript的函数严格模式

一、函数首先，严格模式要求命名函数参数必须唯一。看下面的例子：// 命名参数重名// 非严格模式：没有错误，只有第二个参数有效// 严格模式：抛出 SyntaxError function sum (num, num){ // 函数代码} 在非严格模式下，这个函数声明不会抛出错误。这样可以通过名称访问第二个 num，但只能通过arguments 访问第一个参数arguments 对象在严格模式下也有一些变化。在非严格模式下，修改命名参数也会修改 arguments对象中的值。而在严格

原创 JavaScript（十四）函数的严格模式的详细

一、 函数参数ES6 增加了剩余操作符、解构操作符和默认参数，为函数组织、结构和定义参数提供了强大的支持。ECMAScript 7 增加了一条限制，要求使用任何上述先进参数特性的函数内部都不能使用严格模式，否则会抛出错误。不过，全局严格模式还是允许的。// 可以function foo(a, b, c) { "use strict"; } // 不可以function bar(a, b, c='d') { "use strict"; } // 不可以function baz({a

原创 JavaScript的严格模式

前言：ECMAScript 6 首次引入严格模式的概念。严格模式用于选择以更严格的条件检查 JavaScript 代码错误，可以应用到全局，也可以应用到函数内部。严格模式的好处是可以提早发现错误，因此可以捕获某些 ECMAScript 问题导致的编程错误。理解严格模式的规则非常重要，因为未来的 ECMAScript 会逐步强制全局使用严格模式。严格模式已得到所有主流浏览器支持。一、 选择使用要选择使用严格模式，需要使用严格模式编译指示（pragma），即一个不赋值给任何变量的字符串：“use

原创 JavaScript（十一）生成器详解

前言：生成器生成器是 ECMAScript 6 新增的一个极为灵活的结构，拥有在一个函数块内暂停和恢复代码执行的能力。这种新能力具有深远的影响，比如，使用生成器可以自定义迭代器和实现协程一、生成器基础生成器的形式是一个函数，函数名称前面加一个星号（*）表示它是一个生成器。只要是可以定义函数的地方，就可以定义生成器。// 生成器函数声明function* generatorFn() {} // 生成器函数表达式let generatorFn = function* () {} // 作为对

原创 JavaScript（十）自定义迭代器和提前终止迭代器

一、自定义迭代器与 Iterable 接口类似，任何实现 Iterator 接口的对象都可以作为迭代器使用。下面这个例子中的 Counter 类只能被迭代一定的次数：class Counter { // Counter 的实例应该迭代 limit 次 constructor(limit) { this.count = 1; this.limit = limit; } next() { if (this.count <= this.limit) { return {