精通前端技术，了解后端接口

原创 npm 安装报错（已解决）+ 运行 “wue-cli-service”不是内部或外部命令，也不是可运行的程序（已解决）

首先先说一下我这个项目是3年前的一个项目了，中间也是经过了多个人的修改惨咋了布置多少个人的思想，这这道我手里直接npm都安装不上，在网上也查询了多种方法，终于是找到问题所在了。

原创 原生js如何播放m3u8文件的视频，并且实现切换视频源

在网上找了很多方法都不行，最后还得是chatgpt。现在是只要链接可以用就可以直接自动播放的。然后再下一个video。下面是切换视频源的方法。

原创 ajax请求接口不设置请求头可以请求成功，但是设置请求头之后就跨域，已解决

很明显是这个请求头timestamp的请求头被屏蔽了，这时你要告诉后端换一个请求头的名字，具体什么原因我也不清楚，可能这个关键字无法使用，总之换一个就行了。点击这个红色，然后在下面会出现一些信息。

原创 jquery使用md5加密数据

【代码】jquery使用md5加密数据。

原创 canvas层级太高？解决方法

所以这时候需要canvas来绘制一个保存图片的效果，然后对这个canvas绘制的图片保存到手机，这个方法主要是依赖于邀请好有页面展示的canvas二维码二维码以及其他容器的图片。

原创 在微信小程序中图片正常比例显示，而在支付宝小程序中突然变大了，已解决

<image src="../../static/bottom.png" mode="aspectFit"></image>

原创 面试遇到的问题总结

【代码】面试遇到的问题总结。

原创 深入解析JavaScript中的模板字符串

标签模板函数可以对插入的变量或表达式进行自定义处理，这使得模板字符串在格式化、转义等方面具有更大的灵活性。}, '');// 输出 "hello, WORLD!模板字符串是JavaScript中一种强大且灵活的字符串表达方式，它简化了字符串的拼接和格式化操作，提高了代码的可读性和可维护性。通过深入理解和熟练掌握模板字符串的使用技巧，我们可以编写出更加优雅、高效的JavaScript代码。以上就是对JavaScript中模板字符串的详细讲解和使用指南。

原创 扩展运算符详细使用方法

扩展运算符是JavaScript中一个强大且实用的工具，它简化了数组和对象的操作。通过理解其工作原理和使用场景，我们可以更高效地编写出简洁、易读的代码。在实际开发中，我们应充分利用扩展运算符的优势，同时注意避免其潜在的问题和陷阱。

原创 深入探索JavaScript：如何改变this的指向

理解并掌握如何改变。

原创 react中JSX的详解

JSX与JavaScript的关系可以说是相辅相成。JSX为JavaScript提供了一种更为直观和易读的组件描述方式，而JavaScript则为JSX提供了丰富的功能和灵活性。具体来说，JSX可以被看作是JavaScript对象的一种语法糖，它最终会被转换成JavaScript对象。JSX是JavaScript XML的缩写，是一种JavaScript的语法扩展。然而，JSX并不是真实的JavaScript，它最终需要通过Babel等编译器转换为纯JavaScript代码才能被浏览器解析执行。

原创 react中的useEffect的使用

如果副作用函数内部触发了依赖项的变化，且没有正确的退出条件，那么可能会导致组件无限次地重新渲染和执行副作用函数。的回调函数可以返回一个函数，这个函数会在组件卸载或者下一次副作用执行之前被调用，用于执行一些清理操作，如取消网络请求、清除定时器等。为了避免无限循环，需要确保副作用函数内部的操作不会意外地触发依赖项的变化，或者通过适当的逻辑来中断循环。还可以接受一个可选的依赖项数组作为第二个参数，当数组中的任何值发生变化时，副作用函数会重新执行。的值发生变化时，副作用函数都会重新执行，并打印新的。

原创 wxss和css的区别

WXSS 和 CSS 在语法上大体相似，但由于它们分别服务于微信小程序和网页开发，因此在单位、选择器支持、样式导入和组件样式支持方面存在明显的差异。在实际开发中，需要根据开发平台（微信小程序或网页）选择合适的样式语言。

原创 小程序和vue写法的区别

平台差异：小程序主要运行在各大平台的小程序环境中（如微信、支付宝等），而 Vue.js 则主要运行在浏览器中。语法与组件：小程序的 WXML 和 WXSS 有一些特定的语法和组件，与 HTML 和 CSS 有所不同。Vue.js 则使用 HTML 模板和 Vue 的模板语法。数据绑定与响应式：两者都支持数据绑定和响应式更新，但实现方式和语法有所不同。生态系统：Vue.js 拥有庞大的社区和丰富的插件库，而小程序则主要依赖各平台的官方支持和社区贡献。

原创 vue 在什么情况下在数据发生改变的时候不会触发视图更新

在 Vue 中，通常数据发生变化时，视图会自动更新。

原创 vue中性能优化

Vue.js 的性能优化涉及多个方面，包括编码优化、源码优化、打包优化以及使用工具进行性能分析等。在实际开发中，需要根据项目的具体需求和情况来选择合适的优化策略。同时，持续关注 Vue.js 的官方文档和社区动态，了解最新的优化技巧和实践，也是提高性能的重要途径。

原创 axios的详细使用

axios是一个基于Promise的HTTP客户端，用于浏览器和node.js。它支持Promise API，能拦截请求和响应，转换请求和响应数据，取消请求，自动转换JSON数据，客户端支持防御XSRF等特性。axios作为现代前端开发的HTTP客户端王者，以其易用性、功能丰富和社区支持赢得了广大开发者的青睐。通过本文的介绍，相信你对axios的基本用法和高级特性有了更深入的了解。在未来的前端开发中，不妨尝试使用axios来优化你的HTTP请求处理流程，提升应用的性能和用户体验。

原创 javascript中的严格模式（use strict）

请注意，在真实项目中，通常你会想要避免在严格模式下使用被禁止的特性，并且确保你的代码遵循严格模式的规则，以便能够捕获潜在的错误并写出更健壮的代码。在编写新的JavaScript代码时，启用严格模式是一个很好的实践。在这个示例中，我注释掉了那些会在严格模式下导致错误的代码，并在其下方提供了相应的错误信息。同时，我也展示了一些在严格模式下仍然可以安全使用的代码。下面是一个使用JavaScript严格模式的代码示例。在这个示例中，我将展示如何在整个脚本中启用严格模式，并演示一些严格模式下可能遇到的问题。

原创 javascript事件大全

在JavaScript中，事件是用户和浏览器之间交互的桥梁。当某些特定的事情发生时（如用户点击按钮、鼠标移动、页面加载等），浏览器会触发相应的事件。请注意，当使用事件监听器时，要确保在不再需要它们时移除它们，以防止内存泄漏。在触摸屏设备上触发，当用户触摸、移动或停止触摸屏幕时。当用户按下、释放或按住键盘上的键时触发。当鼠标指针在元素内部移动时触发。当鼠标指针离开元素时触发。当页面或图片加载完成时触发。当用户点击某个元素时触发。当元素获得焦点时触发。当元素失去焦点时触发。当用户滚动页面时触发。

原创 CSS选择器

元素（无论它们之间有多少其他元素），并将它们的文本颜色设置为粉色。（也称为空格选择器）：通过空格分隔来选择某个元素的后代元素。：通过HTML元素的class属性来选择元素。的元素，并将它们的字体大小设置为20像素。：通过HTML元素的属性及其值来选择元素。：直接通过HTML元素的名称来选择元素。：通过HTML元素的id属性来选择元素。元素，并将它们的文本颜色设置为红色。元素，并将它们的文本颜色设置为绿色。元素，并将它们的文本颜色设置为紫色。元素，并将它们的文本颜色设置为橙色。

原创 让一个父元素中的子元素垂直水平居中的方法

在选择方法时，应综合考虑项目的具体需求、兼容性以及父元素和子元素的特性。在选择使用哪种方法时，请考虑你的具体需求和父元素、子元素的属性。例如，Flexbox 和 Grid 是现代布局的首选方法，因为它们提供了更大的灵活性和控制能力。在CSS中，有多种方法可以使子元素在其父元素中垂直和水平居中。当子元素的宽度和高度已知时，可以使用这种方法实现水平居中，但垂直居中需要结合其他技巧，比如使用。Flexbox 是现代网页布局中最常用的方法之一，它使得元素的布局和对齐变得非常简单。

原创 html中行内元素、块级元素、行内快元素都有哪些，以及区别

在HTML中，元素根据其显示特性和布局行为被分为不同的类型，主要包括行内元素（Inline Elements）、块级元素（Block Elements）和行内块元素（Inline-block Elements）。行内块元素与行内元素类似，不会打断文本的正常流，但它们具有块级元素的特性，可以设置宽度和高度。块级元素会占据其父元素的全部宽度（除非设置了特定的宽度），并且在其前后都会开始新的行。行内块元素在布局上非常灵活，可以在同一行内显示多个元素，同时又能像块级元素一样设置宽度和高度。

原创 前端布局方式及其优缺点

每种布局方式都有其适用的场景和优缺点，需要根据具体需求和项目特点进行选择。在实际开发中，往往会结合多种布局方式来实现最佳的页面效果。前端布局方式多种多样，每种布局方式都有其特定的应用场景、特性和优缺点。

原创 URL输入到页面渲染过程详解

当我们在浏览器中输入一个URL并按下回车键时，浏览器会执行一系列步骤来解析URL、发送请求、接收响应，并最终渲染页面。这个过程涉及到多个阶段，包括DNS解析、TCP握手、发送HTTP请求、服务器处理请求、返回HTTP响应、浏览器解析和渲染等。这个过程可能涉及到多个网络请求（如加载CSS、JavaScript、图片等资源），浏览器通常会并行处理这些请求以加快页面加载速度。同时，现代浏览器还采用了许多优化技术，如缓存、压缩、预加载等，以进一步改善用户体验。

原创 input输入框的23中类型

元素的 23 种类型，以及每种类型的代码示例和效果图的描述（请注意，由于文本的限制，我无法直接在这里提供效果图，但您可以根据代码在您的浏览器中查看效果）。- 用于电话号码的输入。- 用于选择日期和时间（年、月、日、小时、分钟、秒钟）。点击按钮会重置表单中的所有输入字段。- 定义图像形式的提交按钮。的一个类型属性，而是与之配合使用的另一个元素。- 默认的输入类型，用于单行文本输入。- 用于在一定范围内输入数字。- 用于电子邮件地址的输入。- 定义一个可点击的按钮。- 用于 URL 的输入。

原创 computed和methods的区别

总的来说，computed和methods的主要区别在于它们的缓存机制、调用方式、可读写的属性、性能和响应式特性。在选择使用computed还是methods时，你应该根据你的具体需求来决定。如果你需要基于依赖进行缓存，并且希望属性像数据属性一样被访问，那么你应该使用computed。如果你只是需要定义一个函数，并且每次调用时都希望执行该函数，那么你应该使用methods。computed和methods在Vue.js中都是用于处理数据和逻辑的方法，但它们之间存在一些重要的区别。

原创 vue常用指令

Vue.js 提供了许多指令，这些指令用于在模板中绑定数据、事件、属性等。1.v-bind。

原创 jquery选择器有哪些

jQuery是一个功能强大的JavaScript库，它提供了丰富的选择器来帮助开发者更方便地选择和操作DOM元素。

原创 javascript数组排序的方法

这个方法会按照指定的顺序对数组的元素进行排序，并返回排序后的数组。如果未指定比较函数，那么元素会被转换为字符串，并按照字符的Unicode码点顺序进行排序。默认将数组元素转换为字符串进行排序，因此上面的代码可能不会按照预期的数字大小顺序进行排序。为了得到正确的数字排序，你需要提供一个比较函数。方法会直接修改原数组，并返回排序后的数组。如果你不想修改原数组，可以先复制一份数组再进行排序。，那么元素会按照字符的Unicode码点顺序进行排序。在这个例子中，我们按照字符串的长度进行排序。，则返回一个负数，如果。

原创 javascript操作DOM的方法

请记住，由于安全性和用户体验的考虑，某些浏览器可能会对某些操作施加限制，例如阻止脚本打开新的窗口或标签页，或者限制对窗口大小和位置的更改。此外，浏览器的行为可能会根据用户的设置和偏好（如弹出窗口拦截器）而有所不同。请注意，出于安全原因，大多数现代浏览器不允许脚本关闭它们自己打开的窗口以外的窗口。

原创 javascript操作BOM的方法

BOM（Browser Object Model）是浏览器对象模型，它提供了独立于任何特定文档的对象，用于浏览器窗口和浏览器窗口中的脚本之间的交互。弹出一个警告框，显示指定的文本和 OK 按钮。

原创 小程序和页面生命周期详解

页面的生命周期与小程序的生命周期类似，但更侧重于描述页面内部的行为和状态。

原创 前端微信支付流程（一张图）

原创 javascript扩展小知识（必须细节）

axios是通过Promise实现对ajax技术的一种封装，而ajax是通过js对xml进行了封装，简单来说就是ajax技术实现了局部数据的刷新，axios实现了对ajax的封装，axios有的ajax都有，ajax有的axios不一定有，总结一句话就是axios是ajax，ajax不止axios。使用严格模式是一种很好的实践，因为它可以帮助你避免一些常见的错误和不安全的做法。然而，需要注意的是，由于严格模式可能会改变一些现有的代码行为，因此在将现有代码迁移到严格模式时，需要仔细检查和测试。

原创 vue自定义指令

【代码】vue自定义指令。

原创 html实现离线缓存（工作原理+怎么使用+应用场景）

如果已经访问过 app 并且资源已经离线存储了，那么浏览器就会使用离线的资源加载页面，然后浏览器会对比新的 manifest 文件与旧的 manifest 文件，如果文件没有发生改变，就不做任何操作，如果文件改变了，那么就会重新下载文件中的资源并进行离线存储。离线的情况下，浏览器就直接使用离线存储的资源。离线缓存的原理是基于新建的一个文件的缓存机制（机制不是技术），通过文件上的解析清单离线存储资源，也就相当于和cookie一样被存储起来，当为离线状态时，会将离线存储的资源展现出来。

原创 v-on监听多个方法

这个方法可以使用多个事件，比如点击事件、右击事件，左边的是事件名称，右边的是方法名称。

原创 javascript监听浏览器离开、进入行为

例如，当用户正在玩游戏时，如果突然切换到后台去发一条短信或打一个电话，再切换到游戏，开发者就可以通过捕捉visibilitychange事件来处理这种突发情形，当游戏切换到后台时就暂停游戏，从后台切换回来时，又能允许用户继续游戏。这个事件主要在用户切换浏览器标签页时触发，例如，当用户将浏览器标签页切换到后台，或者从后台切换到前台时，就会触发visibilitychange事件。当页面内容对用户不可见时，例如页面最小化，或者用户切换到其他网页时，visibilityState的值就会变为hidden；

原创 js字符串操作的方法

【代码】js字符串操作的方法。

原创 js数组操作大全

【代码】js数组操作大全。