song19990524的博客

原创 npm ERR! code ERR_INVALID_AUTHnpm ERR! Invalid auth configuration found: `_auth` must be renamed to

我遇到这个问题的场景是我在重新运行一个项目的时候，解决办法是自己的node版本是最新的，然后和项目不匹配，所以我修改了一下node的版本号使用nvm，然后再运行就欧克了。

原创 npm err code enoent npm err syscall open 4058

错误场景在新创建一个vue项目，然后使用vscode打开的时候是打开文件夹，打开的文件夹是外面的那个，应该再往下一级，这样才对，这个错误的信息就是路径不对，然后从新选择文件夹，选择下一级然后就行了，这个问题就解决了。

原创 vue创建组件和使用

要创建一个Vue组件，你可以在Vue实例或Vue组件中使用Vue.component()方法。Vue.component()方法接受两个参数，第一个参数是组件的名称，第二个参数是一个包含组件选项的对象。无论是全局组件还是局部组件，都可以在组件的template属性中定义组件的模板。其中可以包含HTML、Vue指令和插值表达式等。你还可以在Vue组件中创建局部组件，只需在组件选项中定义它们。局部组件只能在当前组件的模板中使用。

原创 vue2打包

文件夹中的内容部署到服务器上，或者将其上传到其他静态文件托管服务中进行部署。希望这可以帮助到您！如有任何进一步的问题，请随时向我提问。打开终端或命令提示符，进入您的Vue项目的根目录。首先，请确保您已经安装了Vue CLI。的文件夹，并在其中生成打包好的文件。这将在您的项目根目录下创建一个名为。完成后，您可以将生成的。

原创 css动画旋转效果实现

关键帧动画，将元素从初始状态旋转0度，到最终状态旋转360度。然后，我们给要应用动画的元素添加了一个。在这个例子中，元素将以线性的方式每3秒钟旋转一次，无限循环。你可以根据需要调整动画的持续时间、旋转角度和循环方式。要实现一个CSS动画旋转效果，可以使用CSS3中的。规则来定义关键帧动画，然后将其应用到元素上。在上述示例中，我们定义了一个。动画应用到该元素上。

原创 使用媒体查询给不同当宽度区间（小于等于768、769~992、993~1199、大于等于1200）设置背景色，颜色自定

可以使用CSS的媒体查询来为不同的宽度区间设置背景色。规则来定义不同的媒体查询条件。你可以根据需要自定义这些背景色，将。属性来限制宽度区间，并为。在上述代码中，我们使用。元素设置不同的背景色。替换为你想要的颜色值。

原创 微信小程序字体大小

在小程序中，可以直接在WXML文件和WXSS文件中使用这个样式。

原创 uniapp生命周期

应用运行阶段：在此阶段，UniApp 会监听用户的交互事件，并根据用户的操作来响应和更新页面。同时，UniApp 也会根据应用的生命周期函数来执行一些特定的操作。应用销毁阶段：在此阶段，UniApp 会销毁应用的主窗口，并执行一些清理操作。例如，关闭定时器、释放资源等。应用启动阶段：在此阶段，UniApp 会创建应用的主窗口，并加载应用的主入口页面。应用初始化阶段：在此阶段，UniApp 会执行一些全局配置和初始化操作。UniApp 的生命周期分为四个阶段：应用初始化、应用启动、应用运行和应用销毁。

原创 js关于字符产的方法

这些是常用的字符串方法，还有其他更多的方法可以在 JavaScript 文档中找到。

原创 js去除前面，中间，后面0并且比较两个字符串的大小

【代码】js去除前面，中间，后面0并且比较两个字符串的大小。

原创 vue中slot的用法

标签来创建一个插槽，父组件可以在子组件标签中插入内容，这些内容将会被渲染到子组件中的插槽位置。当子组件有多个插槽时，可以给插槽起个名字，以便在父组件中指定要插入的内容。在Vue中，slot用于在父组件中传递内容到子组件中。可以通过在子组件中使用。上面的示例与之前的示例等价，只是使用了简化的语法。标签被插入到子组件的模板中。在上面的示例中，我们定义了两个插槽，一个命名为。标签的内容将会被渲染到子组件中的插槽位置。标签上，如果要使用简化语法，则可以将。标签来指定要插入的内容，并用。在父组件中，我们使用。

原创 js入口函数和jQuery入口函数的区别

综上所述，虽然JS入口函数和jQuery入口函数都用于在页面加载完成后初始化操作，但是使用jQuery入口函数可以更简洁、易读，并且拥有更多便捷的功能。因此，在使用jQuery库的情况下，推荐使用jQuery入口函数来进行页面初始化。JS入口函数指的是JavaScript中的主入口函数，用来初始化页面加载完成后的操作。通常情况下，JS入口函数是在HTML页面中的。它的作用是在DOM树加载完成后执行的函数，用来初始化页面操作。jQuery入口函数则是指使用jQuery库时的主入口函数，也就是。

原创 原型和原型链

当我们访问一个对象的属性或方法时，JavaScript会首先查找对象本身是否有这个属性或方法，如果没有，就会继续查找其原型的属性或方法，直到找到或找不到为止。原型中包含着对象的共享属性和方法，当我们访问对象的属性或方法时，如果对象本身没有这个属性或方法，JavaScript会从原型链中查找，直到找到或找不到为止。原型是JavaScript中的一个概念，它是对象创建的模板或蓝图。如果一个对象的原型也有原型，那么它的原型的原型又有原型，依次类推，形成了原型链。原型链是一种通过对象的原型属性连接起来的链式结构。

原创 javascript实现Vue框架中的Vuex状态管理，包含如何在组件之间传值和使用Event Bus传值的方法

除了使用Vuex进行状态管理之外，还可以使用Event Bus来在组件之间传递值。使用Event Bus可以在不同的组件之间进行通信，但是请注意，使用Event Bus可能导致组件之间的耦合性增加，因此在使用时要注意避免滥用。在Vue.js中，可以使用Vuex来进行状态管理。接下来，在你的主Vue实例中导入store，并将其添加到Vue根实例的。来访问store中的状态和方法。当你需要在组件中修改状态时，可以使用。现在，你可以在组件中通过使用。在发送组件中，可以使用。在接收组件中，可以使用。

原创 作用域和作用域链

当程序在某个作用域中查找变量时，首先会在当前作用域的变量对象中查找，如果找不到，就会沿着作用域链向上一级作用域查找，直到找到变量或者到达全局作用域。在JavaScript中，每个作用域都有一个对应的变量对象，这些变量对象按照它们在代码中定义的顺序形成一个链表结构，被称为作用域链。函数内部可以包含多个嵌套的作用域，内部作用域可以访问外部作用域的变量，但外部作用域不能访问内部作用域的变量。在JavaScript中，全局作用域通常指的是在最外层函数之外定义的变量，这些变量可以在程序的任何地方使用。

原创 vue2和vue3的区别

更好的响应性系统：Vue 3使用了Proxy代理模式来实现响应性系统，相比Vue 2的Object.defineProperty，Proxy具有更好的性能和更广泛的功能。更好的Tree-Shaking支持：Vue 3对Tree-Shaking有更好的支持，可以更轻松地剔除未使用的代码，减小打包文件的大小。性能提升：Vue 3在底层进行了重写，使用了更高效的编译器，生成的代码更小，在运行时有更快的速度和更低的内存消耗。需要注意的是，Vue 3相对于Vue 2并非完全兼容。

原创 jsonp解决跨域

在客户端动态创建一个 <script> 标签，将服务器地址和参数作为该标签的 src 属性值。服务端收到请求时，将要返回的数据包装在回调函数中返回给客户端，客户端接收到数据后会执行回调函数进行数据处理。函数时，会动态添加一个 <script> 标签，其 src 属性指向服务端的地址，并通过。在客户端创建一个回调函数，该回调函数用于处理服务器返回的数据。当服务端接收到请求后，将要返回的数据作为回调函数的参数调用。构造一个包含了回调函数名称的请求，并指定服务器地址和参数。参数指定了回调函数的名称。

原创 cookie登录

在上面的例子中，我们使用Flask框架创建了一个简单的登录应用。用户可以通过填写用户名和密码登录，并在登录成功后查看个人资料页面。登录成功后，我们设置了一个名为"logged_in"的Cookie，并将其值设置为"true"。在个人资料页面，我们检查Cookie中的"logged_in"值，如果为"true"则允许访问个人资料，否则跳转回登录页面。请注意这只是一个简单的示例，真实的应用会更复杂并包含更多的安全措施，例如将密码进行加密存储、使用HTTPs等。

原创 为什么mutation不能进行异步操作

这样，可以保证状态的改变是可追踪的，且所有的异步操作都在单一的地方进行处理。如果mutation是异步操作，那么在一个mutation还没有完成执行时，另一个mutation就可能被调用，这样就很难追踪状态的变化。而且，异步操作可能导致多个mutation之间的顺序产生不确定性，进而可能导致状态的不一致。在Vuex中，mutation是用来改变store中状态的方式。由于Vuex的设计思想是单向数据流，mutation是一个同步操作，它必须是纯函数且是同步执行的，这样才能保证状态的改变是可追踪的。

原创 jquery中$.get()提交和$.post()提交有区别吗？

安全性不同：由于$.get()方法将数据附加在URL后面，因此发送的数据容易被浏览器缓存和历史记录保存，不适合发送敏感数据。综上所述，$.get()和$.post()的主要区别在于数据传递方式和安全性。jQuery中的$.get()和$.post()都是用来发送HTTP请求的方法，但它们之间有一些区别。数据传递方式不同：$.get()和$.post()的数据传递方式不同。参数位置不同：$.get()和$.post()的参数位置略有不同。语法不同：$.get()和$.post()的语法略有不同。

原创 ES6定义一个类(函数内部定义属性，，原型定义方法 )， 实现继承？

类的构造函数中调用父类的构造函数，以便继承父类的属性。关键字定义一个类，使用。

原创 es6继承

ES6（ECMAScript 2015）引入了更简洁和灵活的语法来实现对象之间的继承。在ES6中，我们可以使用。使用ES6的继承，我们可以更方便地重用和扩展已有的类，从而构建更复杂的对象模型。在上面的示例中，我们首先定义了一个。类，它有一个构造函数和一个。然后，我们创建了一个。关键字来创建和继承类。方法，这两个方法都是从。

原创 es6新增内容

ECMAScript 6（ES6）是JavaScript的第六个版本，引入了许多新的功能和语法，以提高开发人员的效率和代码的可读性。let声明的变量具有块级作用域，而const声明的变量是常量，不能被重新赋值。这只是ES6的一小部分新增内容，它还包括其他更强大的功能，如生成器、Promise.all、数组的扩展方法等。箭头函数：箭头函数是一种更简洁的函数表达式语法。类是一种创建对象的模板，它定义了对象的属性和方法。模块化：ES6引入了新的模块化系统，允许我们将代码分成单个文件，并在需要时导入和导出模块。

原创 set和map的区别

Map是一种键值对的集合，每个键都是唯一的，键和值之间是一一对应的关系。HashMap使用哈希表来存储键值对，查找和插入的时间复杂度为O(1)，但元素的顺序是不确定的。HashSet使用哈希表来存储元素，查找和插入的时间复杂度为O(1)，但元素的顺序是不确定的。TreeSet使用红黑树来存储元素，元素按照自然顺序排序，查找和插入的时间复杂度为O(logN)。总结来说，Set适用于需要存储唯一元素且不关心元素的顺序的情况，而Map适用于需要存储键值对且根据键进行查找和插入的情况。

原创 HTML语义化的理解

例如，使用语义化的标签可以帮助屏幕阅读器正确地解读页面和内容，使得视觉障碍用户能够更好地获取页面信息。可读性：通过使用语义化的标签，可以清晰地表达页面的结构和内容，使得代码更易于阅读和理解。总而言之，通过合理地选择HTML标签和属性，语义化的HTML代码能够更好地表达页面的结构和内容，改善代码的可读性、可维护性和可访问性。HTML语义化是指在编写HTML代码时，合理地选择适当的标签和属性来描述页面的结构和内容，使得代码更具有可读性、可维护性和可访问性。

原创 uniapp 调用canvas 把上传的图片缩小重绘，并获取图片路径

方法将绘制的结果转为临时文件路径，并在回调函数中获取到缩小重绘后的图片路径。方法获取图片的信息，然后根据设置的宽度进行缩小计算得到新的高度。方法进行绘制，设置好绘制的起始坐标、原图片宽高和缩小后的宽高。是异步方法，需要使用回调函数来获取结果。方法用于选择并获取上传的图片文件。

原创 uniapp获取用户头像

以上步骤中，uni.getUserInfo方法会弹出一个授权框，用户需要确认授权后才能获取到用户的头像信息。如果用户未授权或授权失败，可以在fail回调中处理相应的逻辑。以上配置会在用户第一次打开小程序时弹出授权框，用户确认授权后才能正常获取到用户的头像信息。注意：在使用uni.getUserInfo方法之前，需要先在。

原创 async的介绍和使用

async和await能够让我们以更直观、简洁的方式编写异步代码，避免了回调地狱和使用.then()和.catch()的复杂嵌套。但需要注意的是，由于await关键字只能在异步函数内部使用，因此需要在适当的时候将异步操作封装成异步函数。需要注意的是，使用了async关键字定义的函数会自动返回一个Promise对象，因此在调用该函数时，我们可以链式调用.then()和.catch()来处理异步操作的结果和错误。异步函数是一种特殊的函数，它可以在执行期间异步地执行任务，而不会阻塞代码的执行。

原创 解构赋值的使用

结构赋值（Destructuring Assignment）是一种方便的语法，允许你从数组或对象中提取数据并赋值给变量。

原创 ps怎么切图

在 Photoshop 中，切图通常有两种主要方式：一是使用切片工具，二是使用图层蒙版。

原创 html隐藏元素的方法

注意：以上方法都是通过CSS样式直接在元素中设置的，也可以通过为元素添加CSS类或使用外部CSS文件来隐藏元素。要隐藏HTML元素可以使用CSS的display属性。

原创 如何理解深拷贝和浅拷贝

深拷贝（Deep Copy）和浅拷贝（Shallow Copy）是在编程中经常遇到的两个概念，它们涉及到复制对象时的不同方式。

原创 ps怎么扣圆

请注意，具体步骤可能会根据图像的特性和你的需求而有所不同。备份原始图像是一个好的实践，以防需要返回到未编辑的版本。选择 "选择" 菜单，然后选择 "反向"（或者按下 Ctrl+Shift+I），以反选你画的圆形区域，现在选中的是你想要保留的对象。在图层面板中，点击 "新建蒙版" 图标（圆形图标，带有一个白色的矩形）。这将使用选中的区域创建一个蒙版，隐藏未选中的部分。现在，你可能需要调整图层，包括前景对象的位置和大小。根据需要，进行一些最终的调整，比如颜色校正、对比度调整等。最后，保存你的编辑。

原创 ps怎么去除图层

请注意，在删除图层之前，确保你不再需要该图层，因为删除后将无法恢复。如果你只是想要隐藏图层而不删除它，可以点击图层眼睛图标来切换图层的可见性。在图层面板中，点击图层右上角的小图标，然后从弹出菜单中选择。打开图层面板：如果图层面板没有打开，可以通过菜单栏选择。选择要删除的图层：在图层面板中，点击你想要删除的图层。打开 Photoshop 并打开你的项目。键（在 Windows 上）或。键（在 macOS 上）。窗口（Window）图层（Layers）

原创 v-show用法

v-show是Vue.js中的一个指令，用于控制元素的显示和隐藏。v-show指令根据表达式的值来决定元素是否显示，当表达式的值为true时，元素将显示；当表达式的值为false时，元素将隐藏。需要注意的是，v-show只是将元素的display属性设置为none来实现隐藏，因此元素仍然会占据页面中的空间。的值将取反，从而控制div元素的显示和隐藏。的值为true时，div元素将显示；的值为false时，div元素将隐藏。是一个布尔类型的Vue实例的属性。在上面的例子中，当调用。

原创 gitee 怎么添加SSH密钥

现在您已经成功添加了SSH密钥，您可以使用该密钥进行与Gitee存储库的安全连接。

原创 js时间戳转换

需要注意的是，JavaScript中的时间戳是以毫秒为单位的，而其他编程语言中可能是以秒为单位的，所以在进行转换时需要注意单位的转换。在JavaScript中，可以使用。对象来进行时间戳与日期之间的转换。

原创 前端去除富文本标签

原创 uniapp跳转后依然显示底部导航

方法进行页面的跳转，但是默认情况下跳转后会隐藏底部导航。如果需要跳转后依然显示底部导航，可以在跳转时通过。这样跳转后底部导航就会保持显示状态。在uniapp中，可以使用。

原创 js实现多条件筛选列表

在上述示例中，我们创建了一个包含商品信息的列表项数组，并设置了三个筛选条件，分别是名称、类别和价格。我们通过监听输入框和下拉菜单的变化事件来更新筛选条件对象的值，并在每次变化后重新渲染列表，只显示符合所有筛选条件的列表项。