_孤傲_-优快云博客

原创从Vue快速上手React

还没使用过React 的 vue同学可以通过这篇博客快速上手React。

2023-07-06 11:59:22 1805

该常用配置使用的npm包："dependencies": { "autoprefixer": "^10.4.4", "clean-webpack-plugin": "^4.0.0", "css-loader": "^6.7.1", "html-webpack-plugin": "^5.5.0", "postcss-loader": "^6.2.1", "webpack": "^5.70.0", "webpack-cli": "^4.9.2" },

2022-03-18 14:47:00 1258

原创前端知识点查漏补缺

vue中组件是用来复用的，为了防止data复用，将其定义为函数当我们组件的date单纯的写成对象形式，这些实例用的是同一个构造函数，由于JavaScript的特性所导致，所有的组件实例共用了一个data，就会造成一个变了全都会变的结果当我们将组件中的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的data，拥有自己的作用域，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。

2022-03-15 14:52:33 1501 2

原创 Vue3.2 setup语法糖总结

Vue3.0 暴露变量必须 return 出来，template中才能使用；Vue3.2 中只需要在 script 标签上加上 setup 属性，组件在编译的过程中代码运行的上下文是在 setup() 函数中，无需return，template可直接使用。文件结构<template> // Vue2中，template标签中只能有一个根元素，在Vue3中没有此限制 // ...</template><script setup> // ....

2022-02-14 11:24:10 2060

原创 vite.config.js常用配置

vite 是一个基于 Vue3 单文件组件的非打包开发服务器，它做到了本地快速开发启动：快速的冷启动，不需要等待打包操作；即时的热模块更新，替换性能和模块数量的解耦让更新飞起；

2020-11-02 13:54:28 49392 11

原创 Vue3新特性组合式Api

setup - 组件内使用 Composition API 的入口点setup 作为组合式 API 的入口点，也就是说，组合式 API 都必须只能在 setup 中使用<template> <div> <h1>setup - 组件内使用 Composition API 的入口点</h1> <p>{{username}}</p> </div></template><scr

2020-10-15 13:56:25 7782 4

原创网络安全详细讲解

什么是 XSS？如何预防？XSS 全称是 Cross Site Scripting ,为了与CSS区分开来，故简称 XSS，翻译过来就是“跨站脚本”。XSS是指黑客往 HTML 文件中或者 DOM 中注入恶意脚本，从而在用户浏览页面时利用注入的恶意脚本对用户实施攻击的一种手段。最开始的时候，这种攻击是通过跨域来实现的，所以叫“跨域脚本”。发展到现在，往HTML文件中中插入恶意代码方式越来越多，所以是否跨域注入脚本已经不是唯一的注入手段了，但是 XSS 这个名字却一直保留至今。注入恶意脚本可以完成

2020-08-26 10:10:15 13099 3

原创微信小程序入门到精通

常见问题1、rpx:小程序的尺寸单位，规定屏幕为750rpx，可适配不同分辨率的屏幕2、本地资源无法通过wxss获取RE：background-image：可以使用网络图片，或者base64，或者使用标签3、wx.navigateTo无法打开页面RE：一个应用同时只能打开5个页面，请避免多层级的交互方式，或使用wx.redirectTo4、tabBar设置不显示RE：①tabBar的数量少于2项或超过5项都不会显示②tabBar写法错误导致不显示③tabBar没有写pagePath字段（

2020-07-06 09:17:35 10831 1

原创 vue入门到精通

vue的优点：轻量级框架组件化mvvm数据驱动型双向数据绑定对 MVVM 的理解Model：代表数据模型，数据和业务逻辑都在Model层中定义View：代表UI视图，负责数据的展示ViewModel：就是与界面(view)对应的Modelmodel和view没有直接关联，通过ViewModel来进行关联，让model和view有双向数据绑定的联系vue常用的指令v-if v-show 显示/隐藏v-for 循环v-bind 动态绑定属性v-on 绑定事件v-mode

2020-07-06 09:14:14 12567 1

原创 uni-app入门到精通

介绍uni-app是一个使用Vue.js语法来开发所有前端应用的框架（也称之为全端开发框架）已经掌握了vue和小程序开发的话，上手uniapp基本很快就能掌握vue的指令语法 + 小程序的组件和Api搭建环境上官网安装一下开发工具https://www.dcloud.io/hbuilderx.html然后需要安装微信开发者工具最好用最新的如果直接写app的话可以安装模拟器我自己安装的是Android Studio 如果是mac 再安装Xcode 就可以双端撸起来了然后用开发工

2020-07-03 14:01:57 11688 1

原创 mongodb的使用

终端命令行指令连接数据库后：// 查询所有数db据库show dbs// 切换/创建数据库,当创建一个集合(table)的时候会自动创建当前数据库use test// 插入一条数据db.fruits.save({name:‘苹果’,price:5})// 条件查询db.fruits.find({price:5})// 得到当前db的所有聚集集合db.getCollectionNames()// 查询db.fruits.find()mongodb原生驱动安装mysql

2020-07-03 13:57:01 12811 1

原创前端面试题总结

JavaScript分为ECMAScript，DOM，BOMBOM：浏览器对象模型，它使得js有能力与浏览器进行‘对话’，如alert（）就是它提供的DOM：文档对象模型，通过它可以访问HTML文档的所有元素，如document.getelementByid()就是它提供的变量提升将js中的变量或者函数提高到作用域的顶部，如先把var和function声明的变量前置，再去顺序执行代码阻止冒泡什么是冒泡：如果一个按钮绑定了一个‘click’事件，那么click事件会依次在它的父元素中触发.

2020-07-03 13:54:16 11115 2

原创 React.memo、useMemo、useCallback性能优化总结

在React中，React.memo、useMemo和useCallback都是用于优化性能的工具，但它们各自有不同的使用场景和目的。下面我将分别解释这三个API的用法和它们的主要区别。

2025-03-27 15:09:06 624

原创玩转 Lottie 动画，渲染AE制作的动画

Lottie 是一种适用于 Android、iOS、Web 和 Windows 的动画库，它解析使用 Bodymovin 导出为 JSON 格式的 Adobe After Effects 动画，并在移动设备和 Web 上本地渲染它们！

2025-01-07 10:32:02 549

原创通过axios没有获取到想要的响应头

今天我想要拿到后台写在 headers 里面的AuthorizationObject {下面是服务器返回的响应头，我需要拿到的是 Authorization。

2024-08-22 17:35:50 791

原创 nginx重启失败：Job for nginx.service failed because the control process exited with error code

nginx重启失败：Job for nginx.service failed because the control process exited with error code

2024-01-05 10:33:44 3266

原创 nginx部署多个项目

实现在一台服务器上使用nginx部署多个项目的方法。

2023-09-15 11:35:53 2216

原创 Swagger自动生成axios代码

为了提高前端开发效率，所以使用node来写了个这个工具，基于Swagger.json生成axios代码，省去axios部分的工作。

2023-07-14 16:29:05 1064 1

原创堆空间与栈空间

栈(stack)会自动分配内存空间，会自动释放。堆(heap)动态分配的内存，大小不定也不会自动释放。

2023-03-27 12:25:51 453

原创 uniapp接入uniPush消息推送

UniPush 是 DCloud 联合个推公司推出的集成型统一推送服务，内建了苹果、华为、小米、OPPO、VIVO、魅族、谷歌 FCM 等手机厂商的系统级推送和个推等第三方推送。国内Android的Push是一个混乱的世界，因为 Google 的 Push 服务 FCM 被墙，所以一些国内的安卓手机厂商各自做了自己的推送，比如华为、小米、OPPO、VIVO、魅族等，但还有很多国产手机厂商没有提供官方推送方案。三方独立公司如个推，则提供了独立的 push 方案。

2023-03-21 12:18:09 1629

原创 vue项目使用Electron开发桌面应用

或者在项目根目录创建 .npmrc 文件，项目下 .npmrc 文件的优先级最高，可以给每个项目配置不同的镜像，项目之间的配置互不影响。在 vue.config.js 中 pluginOptions 配置。在 vue.config.js 中 pluginOptions 配置。安装完成运行electron -V，查看是否安装成功。cmd运行： npm config edit。请确保您的 node 版本大于等于 16。注释掉安装vue devtools的代码。然后保存并关闭该窗口。

2023-02-27 15:18:09 2855

原创 ios 审核问题处理方案

Guideline 3.2 - BusinessWe found in our review that your app is intended to be used by a specific business or organization, including partners, clients, or employees, but you've selected public distribution on the App Store in App Store Connect. Since th

2023-02-22 09:10:36 3635 3

原创技术支持网址 (URL)

如果您在使用过程中有问题请留言或发邮件我。邮箱地址：9068149@qq.com。

2023-02-15 14:35:51 243

原创 webpack和vite的区别

从入口文件开始解析各个模块的依赖关系，非js的文件使用loader解析成js，使用plugin注入钩子，打包合并模块，生成打包文件，然后使用express开启本地服务，浏览器请求打包后的文件。使用koa开启本地服务，没有像webpack那样需要解析模块的依赖、打包合并的过程。vite会在浏览器请求需要的模块时，再对模块进行编译。vite的热更新比webpack更快。因为webpack在改动一个模块时候，其他有依赖关系的模块也会重新进行打包。CommonJs 加载的是整个模块，把模块里的所有方法都加载进来；

2022-11-14 11:30:45 2030

原创 npm 原理集合

1、执行 npm run xxx 时，会先从当前目录下的node_modules/.bin中去查找对应的可执行程序执行。4、将压缩包解压到项目的node_modules文件夹中（require的查找顺序会在该包下面查找）。2、如果无法找到，就会在npm的全局安装路径进行查找，也就是npm i -g xxx时安装的路径。5、查找到，会获取缓存中的压缩文件，并且将压缩文件解压到node_modules文件夹中。2、不一致，那么会重新构建依赖关系，直接会走顶层的流程。3、如果还找不到，就会从系统环境变量中查找。

2022-10-18 10:37:00 1090

空空如也

空空如也