- 博客(42)
- 收藏
- 关注
RSS订阅原创 uniapp 在app上 字体如何不跟着系统字体大小变
在UniApp开发中，默认情方法二：修改manifest.json配置在文件中添加以下配置：方法三：使用原生插件（仅App端）如果需要更彻底的控制，可以使用原生插件来锁定字体：对于Android平台，可以修改原生代码中的TextView默认样式对于iOS平台，可以修改UILabel的默认行为 将字体文件放入项目中，然后全局应用：注意事项 这些方法可能会影响App的可访问性，特别是对于视力不佳需要放大系统字体的用户在H5和小程序端，这些设置可能不会完全生效，需要针对不同平台做
2025-03-26 09:38:41
481
1
原创 java的基本语法（持续更新中---2025-1-7）
定义格式public static void 方法名() {//f方法体;方法调用格式方法名();练习1：奇偶数判断demo();//main方法中调用其他方法int a = 9;System.out.println("偶数");}else {System.out.println("奇数");//奇数练习2：求较大值getMax();int a = 10;int b = 20;if(a>b) {System.out.println("a更大");}else {
2025-01-07 16:48:38
849
原创 TypeScript的基本语法
export {}// 定义函数的时候，this的类型，必须要和调用的时候的类型一致//Person 的函数，它使用了 this 参数的显式类型注解 this: ObjType。这意味着这个函数只能在 ObjType 类型的对象上被调用。函数内部将 this.myname 设置为传入的 name 参数。
2024-12-25 13:25:28
540
原创 Node.js使用教程
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它让JavaScript运行在服务器端。以下是一个简单的Node.js。
2024-12-12 10:38:20
2159
原创 node对接ChatGpt的流式输出的配置
将数据用流的方式返回给,这种技术需求在传统的管理项目中不多见,但是在媒体或者有实时消息等功能上就会用到,这个知识点对于前端还是很重要的。即时你不写,但是服务端如果给你这样的接口,你也得知道怎么去使用联调。
2024-11-15 17:09:06
1654
原创 uniapp打包成APP运行
这里的图标就是app图标在权限里面删除取消不需要的，打包时会提醒，叫你取消那些使用原生app云打包如果没有证书的话，就是用公共测试证书，就跟我上面选一样的东西就行，然后进行打包选择继续打包，生成app最后打包成功，点金打包目录，下载app。
2024-11-13 16:18:12
1437
原创 阿里云ECS云服务器搭建，部署，刷新后浏览器404问题
我这里已经试用过了，所以显示的是已试用，小伙伴们直接点击试用填写信息即可。GentOS创建成功后，进去到概括里面，可以看见云服务器已经有一个了进入到实例，就可以看见当前服务器详细信息，刚才购买的服务器：到这里服务器已经购买成功，接下来是通过工具（等）去连接你自己的服务器，方便安装JDK,Mysql,等。接下来是如何通过工具连接服务器：点击我们的VNC链接，然后输入你的用户名和密码，在命令行中，注意这里输入密码不会显示出来，会隐藏安装反代，数据库这些，我们最后都在宝塔上面安装就可以了。
2024-11-13 16:15:47
1303
2
原创 swiper vue-awesome-swiper基本使用以及注意事项
下载插件（最新版本的swiper可能会出现未知bug，所以这里使用5.4.5）安装swiper和vue-awesome-swiper一定要对应上版本，否则引入，或者语法会出报错，每一个swiper版本都有对应的vue-awesome-swiper版本，如果不安装指定版本，那么就会引入最新版，例如swiper会下载最新版9，但是在国内没有swiper9的文档，那么我们就需要在网上查语法，容易出现错误。上面这个就是我在网上查找的vue-awesome-swiper使用方法，由于版本没有对应上，所以报错。
2024-11-12 15:42:26
4731
原创 Vue使用富文本编辑器vue-quill-editor
/在quill中使用toolbar: {// 方法中使用},// 样式/* 自定义toobar样式设计 *//* 工作汇报弹窗 */
2024-11-11 16:32:46
1554
原创 vue3使用element-plus，树组件el-tree增加引导线
element-plus组件库的样式因为的样式不满足当前的的需求，UI图，所以对进行增加了引导线修改样式如下，增加引导线，并且实现增删，输入框1、在vue3中组件里面template模板引入el-tree组件，需要设置:indent=“0”，不然每层树padding-left呈18px的倍数增加indet：设置每层叔padding-left为0data：绑定的展示数据props：配置选项，里面配置节点，子节点字段等，默认绑定子节点children，element-plus里面有详细的解说[Tre
2024-11-09 22:36:55
1418
原创 Promise基本使用以及手写源码
Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，等Promise执行完，才会执行里面的东西，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。Promise有以下两个特点。
2024-11-07 14:17:53
1544
原创 React教程（详细版）
原先react传递数据基本用的是props，而且只能父组件传给子组件，如果子组件要传数据给父组件，只能先父组件传一个函数给子组件，子组件再调用该方法，把数据作为形参传给父组件，那考虑一个事情，兄弟间组件要如何传递数据呢？refs是组件实例对象中的属性，它专门用来收集那些使用ref标签的dom元素，比方说，组件中的input添加了一个ref=“input1”，那么组件实例中的refs就=在React中同样是通过props传递消息，只是让父组件给子组件传递一个回调函数，在子组件中调用这个函数即可；
2024-11-06 09:05:45
1546
原创 react jsx基本语法，脚手架，父子传参，refs等详解
react是一个渲染html界面的一个js库，类似于vue，但是更加灵活，写法也比较像原生js，之前我们写出一个完成的是分为html，js，css，现在我们使用react库我们把html和js结合在一起，在js中写html。
2024-11-05 15:47:10
670
原创 react搭建router，redux教程
/ 定义仓库// 引入configureStore 定义仓库// 导入counterSlice// 导出// 数据处理reducer: {counter});/** @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE*/// 定义仓库。
2024-11-04 15:38:56
1137
原创 uniapp使用uni.createInnerAudioContext()播放指定音频并且切换
在unipp中我们直接只用代替audio，使用更加方便，更加简洁，uniapp内部创建并返回内部 audio 上下文对象。
2024-11-03 18:46:27
3657
原创 2024前端JS面试题总汇
每个函数身上都有一个 prototype 的原型对象，并且有一个__proto__的指针指向下一级原型对象，如果一个对象的属性或方法在自身中找不到，那么就会去 prototype 原型对象中查找，如果还找不到继续向上查找直到 null，当_proto_指针指向 null 时形成一个链条，这个链条叫做原型链。在原型链中，对象可以继承原型对象的属性和方法。如果想在构造函数中添加属性和方法，可以将它们添加到构造函数的 prototype 属性中，这样通过该构造函数创建的对象都可以访问到这些属性和方法。
2024-10-29 16:26:50
1137
原创 JS修饰符使用解析
在 JavaScript 中 Click 事件是一种常见的用户交互事件，表示用户在网页上点击某个元素的动作。当用户使用鼠标或在屏幕上点击某个元素时，Click 事件就会被触发。 Click 事件广泛应用于各种网页交互设计中，例如：事件冒泡：Click事件通常会触发事件冒泡机制，即事件会从触发点向上传播到父元素，直到文档根节点。事件委托：在父元素上设置 Click 事件监听器，根据事件对象的 target 属性来判断是哪个子元素被点击，从而实现对子元素的事件进行统一处理。 作用：阻止
2024-10-27 19:03:20
839
原创 Nginx部署Vue项目的详细解析
通过本文，我们深入探讨了如何使用Nginx部署前端Vue项目。从准备工作、构建Vue项目、上传静态文件到服务器、配置Nginx，到测试并重新加载Nginx，再到高级配置和常见问题与解决方案，我们一步步地完成了整个部署过程。希望这些内容能够帮助你顺利地将Vue项目部署到Nginx服务器上，并在实际工作中进一步优化部署方案。九、总结通过本文，我们深入探讨了如何使用Nginx部署前端Vue项目。
2024-10-26 21:50:46
1180
原创 实现vuex源码，手写
创建文件夹store/vuex.js1.定义 Store 类创建一个名为Store的类，它接受一个options对象作为参数。在options对象中，包含state（应用的状态）、mutations（同步更改状态的方法）、actions（异步操作或包含任意异步操作的方法）、以及getters（从 state 中派生出一些状态的方法）。let Vue;2.初始化 Vue 实例在Store类的构造函数中，使用创建一个 Vue 实例，用于响应式地存储状态。这里使用$$state。
2024-10-24 16:35:16
1642
原创 手写路由Vue-Router源码实现原理
这段代码通过定义VueRouter类和install方法，实现了一个简化版的Vue Router。它允许开发者定义路由规则，并在Vue应用中通过和组件实现页面导航和组件渲染。尽管这个实现相对简单，但它展示了Vue Router的核心概念和工作原理。
2024-10-24 11:43:00
998
原创 2024前端html5，css3面试题总汇
1.语义化标签就是把标签语义化，让标签有自己含义，让浏览器和搜索引擎能够直观的认识标签的用途和内容2.虽然采用DIV+CSS的方式布局，但是DIV标签本身没有特殊的含义，文档结构不清晰，不利于浏览器对页面的读取，在分离CSS样式后，体验不友好3.使用语义化标签可以使代码结构更加清晰，可读性高，便于团队开发和后续维护，在页面没有加载css的情况下也能显示良好的结构，易于阅读，有利于SEO4.语义化标签是H5的新特性，语义化标签有定义页面的头部，定义页面的底部，定义导航链接，内容标签等。
2024-10-23 15:38:32
1292
原创 使用 nrm 管理 npm 镜像源详解
现在的源，可能会没有你想要的源，那么就可以细节添加源。如果你有一个自定义的 npm 源，你可以使用nrm add命令来添加它。将替换为你想要给这个源起的名字，将替换为源的 URL，执行。添加完你再次执行nrm ls 就会出来你安装的自定义源。
2024-10-18 15:43:50
779
原创 Vue项目兼容IE11
VueIE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但对于 IE9+，Vue 底层是支持。由于开发过程中，我们经常会使用一些第三方插件或组件，对于这些组件，有时我们需要做一些处理。下述主要阐述如何使用。IE11 打开 Vue 工程（Vue CLI）构建而来出现空白页，控制台告警、报错。
2024-10-17 16:41:57
1895
原创 七牛云绑定解析阿里域名，Markdown写文 配置图床
本篇内容主要是讲，当你购买阿里域名如何配置图床或者不想买腾讯或者阿里域名的时候，如何使用namecheap域名配合cloudflare在七牛云图床上使用，在picgo上部署，在Typora上使用，每次使用Markdown写文档 上传图片时 发到博客或者掘金等 图片还是为本地图片 需要从新上传 很麻烦。
2024-09-24 11:23:23
1077
原创 Typora最新版本下载，MarkDown 语法大总结
Markdown就是一种文档的格式，文件名的末尾是.md，正如我们常用的word文档格式是.doc、.docx，需要对应的软件来打开这一种格式。作为一种新的文档格式，我们放着这么好的doc文档格式不用却用.md是有一些原因的。有人发现当他们用Word或者别的文本编辑器写好一篇文章，兴高采烈地发布到博客、论坛、网站上时，发现格式完全乱了，于是需要花费大量的时间来重新排版，处理图片、缩进、字体、加粗、标题等。三番五次之后，开始发现文章写作可能只花了半小时，重新排版就花了十多分钟。
2024-09-19 14:59:54
990
原创 详解Vite创建Vue3项目router-less-scss-pinia-持久化
Vite 和 Webpack 都是现代化的前端构建工具，它们可以帮助开发者优化前端项目的构建和性能。虽然它们的目标是相似的，但它们在设计和实现方面有许多不同之处。webpack可以看我的上一篇文章2- 特殊页面介绍<head></head><body></body></html>看似这个是普通的html文件，让它与众不同的是加了id=“app”整个项目只有这一个 html 文件，所以这是一个 单页面应用，当我们打开这个应用，表面上可以有很多页面，实际上它们都只不过在一个 div 中。
2024-09-18 16:19:54
1754
原创 卸载node，安装nvm的详细使用方法
安装完毕后，找到安装的路径，一些简单配置，打开setting.txt (是下载完毕之后自动帮你生成npm 下载node包之后不用重复安装npm)5.C:\Users\用户名\AppData\Roaming\npm-cache。解压nvm-setup.zip安装包，进入解压的文件夹，双击exe后缀文件进行安装。等等，与npm不同的是，npm是依赖包的管理工具。安装成功后 nvm ls 查看以安装的node版本。npm -v 查看npm是否安装 (安装成功)安装完毕后输入 nvm -v 查看版本。
2024-09-18 09:31:06
597
原创 使用Webpack创建vue脚手架并搭建路由---详解
Webpack配置vue3以及vue-router vue 是一个非常好用的 javascript 库，现在已经发行了 vue 3，我们可以直接导入使用库文件，也可以使用单文件（SFC）的形式，直接使用库文件会简单一点，我们先来试一下吧。
2024-09-14 10:29:57
1423
原创 Webpack详细开发配置教程
我们在前面使用Vue2进行开发的时候通常都是使用我们的vue-ci四脚手架进行项目的搭建，ci脚手架中就是基于webpack进行构建打包，webpack作为代码编译工具，有入口、出口、loader和插件。
2024-09-12 15:51:47
1639
1
原创 Vue开发 百度地图定位组件：实现定位、搜索地址、手动选择地址、正/逆地址解析
在前端开发中，地图定位是一个重要的功能，它能够为用户提供直观、便捷的服务。在许多应用场景中，我们不仅需要显示当前的地图定位，还需要将定位坐标反向转成地址，并展示详细地址。本文将介绍如何使用Vue和百度地图API实现这一功能。如果没有ak密钥 可以申请成为百度地图开发者并获取秘钥参考文档：https://lbsyun.baidu.com/index.php?1.引入百度地图 JavaScriptv3.0 文件引入的文件：public -> index.html。
2024-09-06 16:12:22
2234
原创 Vue常用指令详解：解析MVVM与数据操作
MVVM模式是将数据（Model）、视图（View）和视图模型（ViewModel）三者分离，实现数据驱动视图的双向绑定。而Vue.js的指令系统则提供了强大的数据操作和控制能力，使开发更加高效。下面将重点介绍Vue.js中一系列强大的指令。从数据绑定指令 v-text、v-html开始，它们能够轻松地将数据渲染到页面上；到条件渲染指令 v-if、v-show，它们使得页面能够根据不同的条件展示不同的内容；再到列表渲染指令 v-for，它极大地简化了列表数据的展示；
2024-07-25 11:03:50
849
1
原创 vue中使用websocket实现方法---详解
/定义window.dispatchEvent(new CustomEvent("事件名", {参数key:参数value}))//监听window.addEventListener("事件名", 参数key => {})
2024-07-22 10:57:42
4049
原创 computed和watch的区别 及原理
区别：computed 支持缓存 依赖其他属性值 只要当依赖的属性值发生改变的时候 才会从新计算 而且computed不支持异步 如何里面有异步的话 那么无法监听数据改变，watch 不支持缓存 监听一个属性值 当属性值发生改变的时候 watch触发 支持异步 computed和watch都是依赖vue追踪机制为基础。
2024-06-12 15:02:52
1874
1
空空如也
node使用nodemailer发送邮件
2025-02-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人