自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 微信小程序地图

在这个示例中,首先在 wxml 文件中引入了 map 组件,并传入了经纬度和标记点的信息。其中 latitude 和 longitude 分别表示地图的纬度和经度,而 markers 数组则表示标记点的信息,包括经纬度和图标路径。当用户进入该小程序页面时,就会显示一个地图,并在指定的经纬度上标记了一个地点。当然,以上只是一个简单的示例,实际开发中可能还需要对地图进行更复杂的交互和数据处理。总之,通过微信小程序和腾讯地图 API 的结合,我们可以很方便地实现地图展示和相关功能,为用户提供更丰富的地图服务。

2024-06-16 19:38:30 518

原创 微信小程序录音机

同时,我们还需要考虑用户的隐私安全问题,在录音结束后,需要对录音文件进行处理,以确保用户的个人隐私不会被泄露。总之,微信小程序的录音功能为用户提供了一个便捷的语音沟通方式,可以应用于多个场景,为用户带来更好的用户体验。在实现录音功能时,我们需要注意用户隐私安全和功能细节,以确保用户能够安全、便捷的使用录音功能。其中,录音功能是其重要的一部分,用户可以通过微信小程序进行录音,这为用户提供了一个便捷的交流和沟通方式。通过上述代码示例,我们可以实现录音功能,用户可以通过小程序录音语音消息,并进行播放。

2024-06-10 16:57:01 211

原创 微信小程序播放音频

总结 通过本文的介绍,我们可以看到,在微信小程序中播放音频是非常简单的。只需准备好音频文件,并编写相应的代码,就可以实现音频的播放功能。第四步,优化播放效果 为了提升音频播放效果,我们可以在小程序中添加一些其他的功能,比如显示音频的播放进度、音频的总时长等信息,或者添加音频的循环播放功能等。第三步,添加用户交互 为了提升用户体验,我们可以在小程序界面上添加一些按钮或者控件,实现用户对音频的控制。通过在wxml文件中添加按钮,并在对应的js文件中编写相应的事件处理函数,就可以实现用户对音频的控制操作。

2024-06-02 13:43:36 402

原创 微信小程序笔记二

首先,让我们来了解一下什么是自定义事件。自定义事件是微信小程序开发中非常重要的一部分,它可以让开发者根据自己的需求,定义和触发各种事件,实现更加灵活和定制化的功能。总而言之,自定义事件是微信小程序开发中非常重要的一环,通过合理使用自定义事件,开发者可以实现更加丰富和灵活的功能,提升用户体验并提高开发效率。在上面的例子中,当用户点击 `custom-component` 组件时,将触发自定义事件 `myEvent`,并在 `page` 页面的 `onMyEvent` 函数中接收事件,并打印出传递的内容。

2024-05-26 16:39:09 351

原创 微信小程序笔记

以上是微信小程序中常用的一些组件,开发者可以根据需求选择合适的组件,进行界面构建和功能实现。同时,微信小程序框架还支持自定义组件的开发,开发者可以根据自己的需求和设计规范,开发出符合项目需求的自定义组件,从而提高开发效率和用户体验。view: view 是微信小程序中最基本的组件之一,它相当于 HTML 中的 div 元素,用于承载其他组件或内容,并且具有样式控制的功能。modal: modal 组件用于显示模态弹窗,可以包含标题、内容和按钮,用于显示重要信息或进行交互操作。

2024-05-19 18:59:26 217

原创 vue笔记八

Vue.js 将界面拆分成独立可复用的组件,每个组件负责一部分功能,组件之间的通信通过 props 和 events 进行,使得代码更加模块化和可维护。Vue.js 提倡组件化开发,将界面拆分成独立可复用的组件,使得代码更易维护、复用性更强。Vue.js 采用了响应式数据绑定的机制,只需简单地将数据与 DOM 元素绑定,当数据发生变化时,视图会自动更新,极大地简化了开发过程。Vue.js 提供了一系列的生命周期钩子函数,允许开发者在组件的不同阶段执行自定义的逻辑,例如在组件创建前、更新前、销毁后等。

2024-05-12 17:43:53 393

原创 vue笔记七

添加监控和错误处理功能可以帮助你实时监控应用的性能和稳定性,并及时处理潜在的错误和异常情况。同时,实现评论功能可以让用户与作者和其他读者互动,提高用户参与度和用户粘性。接入第三方支付平台,并设置会员权限和服务,来提供高级内容和服务给付费用户。通过引入国际化和多语言支持,可以让更多国际用户访问和使用你的博客应用。// 使用第三方支付平台来接收付费并提供会员服务,增加收入和用户忠诚度。// 使用第三方社交分享插件和评论系统来实现分享和评论功能。// 社交分享和评论功能示例。// 支付功能和会员服务。

2024-05-05 20:33:05 324

原创 vue笔记6

通过实现实时通知和消息推送功能,可以让用户及时获得新的博客发布、评论回复等重要信息。通过集成数据分析工具,如 Google Analytics 或者 Mixpanel,可以深入了解用户行为、访问量、用户来源等数据,为优化用户体验和提升博客内容提供有价值的参考。为了更好地了解用户需求和提高用户参与度,可以添加用户反馈和调查功能。<textarea name="feedback" placeholder="请输入您的反馈意见"></textarea>// 处理收到的实时通知。添加用户反馈和调查功能。

2024-04-21 21:58:51 406

原创 vue笔记5

删除</button><button @click="editBlog(blog.id)">编辑

2024-04-14 20:07:37 358

原创 vue笔记4

在 Vue.js 中,一个组件是一个可复用的 Vue 实例,拥有自己的模板、状态和行为。组件可以包含其他组件,并且可以在应用程序中自由组合和重用。Vue 组件让开发者能够将应用程序按照功能或功能块进行分割,每个组件专注于特定的任务,使代码更加模块化、可维护和灵活。Vue 组件是 Vue.js 的基本构建块,用于构建用户界面和单页面应用。使用 Vue 组件可以将应用程序分解为小型、可重用的模块,提高代码的组织性、重用性和可维护性。

2024-04-07 20:35:19 273

原创 vue笔记3

你可以通过后端实现搜索接口,也可以使用前端库,比如 ElasticSearch 或者简单的基于关键词的搜索。这样用户可以添加图片、样式等丰富的内容。// 在需要权限控制的页面或功能中,通过验证 token 来确定用户是否有权限进行操作。// 在用户输入关键词时,通过筛选博客列表来实现搜索功能。// 处理登录成功的逻辑,比如保存 token。// 处理登录失败的逻辑。// 处理注册成功的逻辑。// 处理注册失败的逻辑。/* 在小屏幕上的样式 */// 富文本编辑器的集成与使用。/* 媒体查询示例 */

2024-03-31 17:11:33 195

原创 vue笔记2

以下是一个简单的示例: conststore=newVuex.Store({state:{blogs:[]},mutations:{addBlog(state,blog){state.blogs.push(blog);

2024-03-24 15:38:49 413

原创 vue笔记1

- v-bind:或:,v-on:或@,v-for,v-if,v-show,v-model。-- v-model双向数据绑定,由data流向页面或页面(用户输入)流向data -->-- 注:通常使用v-model绑定表单v-model="",-- v-else,v-cloak,v-once,v-pre不需要带值 -->-- .lazy失去焦点后提交数据(data) -->-- 1.相同点:v-text和v-html都会覆盖原本内容。-- .number可以将字符串转换为有效数字 "1"==1 -->

2024-03-17 19:11:16 334

原创 什么是vue.js

单文件组件:Vue支持使用单文件组件(.vue文件)来组织应用程序的代码,每个单文件组件包含了模板、脚本和样式,提供了一种更清晰的组织结构。综合来看,Vue是一款功能强大、易用灵活的前端框架,适用于各种规模的项目,并且在不断地发展和壮大,为前端开发者提供了更好的工具和体验。服务端渲染:Vue提供了服务端渲染(SSR)的支持,可以在服务器端直接渲染Vue组件,以提升应用程序的性能和SEO。生态系统丰富:Vue拥有一个庞大的生态系统,包括众多的第三方库、插件和工具,为开发者提供了丰富的选择。

2024-03-10 14:05:47 293 1

原创 什么是es6

ES6带来了许多令人兴奋的新特性,包括let/const声明、模板字符串、箭头函数、类和继承以及模块系统。然而,需要注意的是,尽管ES6已经广泛应用,但仍然有一些浏览器和环境中不完全支持所有特性。然而,var存在作用域提升的问题,可能导致意外的行为。本文将介绍ES6的主要特性,包括let/const声明、模板字符串、箭头函数等,并探讨它们在实践中的最佳用法。虽然JavaScript本质上是基于原型的,但类提供了一种更熟悉的方式来组织代码。ES6还引入了模块系统,这是一种管理代码依赖关系的机制。

2024-01-07 19:58:45 299 1

原创 什么是html5

HTML5包含了许多新的元素,如 <header> , <footer> , <nav> , <section> , <article> , <aside> , <time> , <video> 等,这些元素使得网页的结构更加清晰明了。同时,还有一些被弃用的元素,例如 <font> , <center> 等,因为它们并没有提供实际的语义含义。Dreamweaver是一款流行的Web开发工具,它提供了所见即所得的编辑器、代码高亮、代码提示等功能,使得开发者可以更快、更方便地创建网站。

2024-01-07 19:56:59 355 1

原创 什么是css

本部分将提供至少两个具有代表性的案例分析:案例一将介绍如何利用CSS进行基础的网页排版和色彩搭配;五、总结与展望 在文章的最后部分,我们将总结并强调学习掌握CSS的重要性及其对提升开发者工作效率和项目质量的影响。CSS,即层叠样式表(Cascading Style Sheets),是一种用于描述网页样式和布局的语言。CSS允许开发者通过分离内容(HTML)与表现(CSS)的方式来构建网站,使得网站设计更加灵活高效。在这篇文章中,我们将从基础开始,逐步深入介绍CSS的核心概念、语法、以及一些高级应用。

2024-01-07 14:08:11 304 1

原创 什么是nodejs

通过利用 Node.js 强大的功能和庞大的社区资源,开发者可以更快速、更高效地构建出色的应用程序。Node.js 通过使用一个单线程和异步非阻塞的方式,可以在单个服务器实例中处理数以千计的并发连接,提高了应用程序的吞吐量和性能。相比传统的后端开发语言,Node.js 具有许多独特的优势,为开发者带来了全新的开发体验和机会。社区成员提供了许多有用的工具和框架,例如 Express.js、React.js、Socket.io 等,可以帮助开发者更高效地构建网络应用程序。

2023-12-25 11:05:03 346

原创 第十七周学习内容

否则,第1个弹性项的外边距和行的main-start边线对齐,而最后1个弹性项的外边距和行的main-end边线对齐,然后剩余的弹性项分布在该行上,相邻项目的间隔相等。弹性项目平均分布在该行上,两边留有一半的间隔空间。- stretch:如果指定侧轴大小的属性值为'auto',则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸,但同时会遵照'min/max-width/height'属性的限制。第一个弹性项的main-start外边距边线被放置在该行的main-start边线,而后续弹性项依次平齐摆放。

2023-12-25 09:06:10 321

原创 第十六周学习内容

/ butt2.innerHTML = "修改"// butt.innerHTML = "删除"// // 添加删除,修改按钮。// // 创建时间。

2023-12-24 16:34:18 301 1

原创 第十五周学习内容

/ 输入框获取焦点。// 输入框失去焦点。

2023-12-24 16:30:25 305 1

原创 第十四周学习内容

/ 输入框获取焦点。// 输入框失去焦点。

2023-12-24 16:29:46 382 1

原创 第十三周学习内容

/ res.send("请输入正确的账号密码");// res.end("post访问/index成功");// res.end("get访问/index成功");res.end("post访问/index成功");// console.log("触发当前中间件");// console.log("触发当前中间件");res.end("get访问/index成功");// res.end("get访问首页成功");// res.send("登录成功");

2023-12-03 19:14:17 331 1

原创 第十二周学习内容

/ fs.writeFile("路径","内容","格式",function(err){}) 方法,用来向指定的文件中写入内容。现在:前端---h5+c3+es5+es6+vue+nodejs+微信小程序+Element-ui。// 201:表示资源被正确的创建。-- 第四种 window+r,输入cmd,cd 运行路径,node 运行的文件名 -->现在:后台---java+spring-boot+spring-code+vue。-- 第一种 ctrl+`,cd 路径,node 运行的文件名 -->

2023-11-27 08:42:13 845 1

原创 第十一周学习内容

Promise 对象:await 会暂停执行,等待 Promise 对象 resolve,然后恢复 async 函数的执行并返回解析值。用于拦截 HasProperty 操作,即在判断 target 对象是否存在 propKey 属性时,会被这个方法拦截。Reflect.ownKeys() 返回对象所有的属性,不管属性是否可枚举,包括 Symbol。target 即目标对象, handler 是一个对象,声明了代理 target 的指定行为。此方法不判断一个属性是对象自身的属性,还是继承的属性。

2023-11-20 08:27:13 15 1

原创 第十周学习内容

4、http的连接很简单,是无状态的;7.import只读属性:不允许在加载模块的脚本里面,改写接口的引用指向,即可以改写 import 变量类型为对象的属性值,3、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。2、http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。子类需要访问父类中的静态值,需要在子类的静态方法中访问,在静态方法中,指向父类。3.调用父类方法, super 作为对象,在普通方法中,指向父类的原型对象,

2023-11-12 15:03:51 12

原创 第九周学习内容

fill(填充的值,包含起始下标,不包含结束下标默认到最后)将一定范围索引的数组元素内容填充为单个指定的值。copyWithin()将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。参数1:遍历函数,该遍历函数可接受3个参数:当前元素、当前元素索引、原数组。可选,map 函数,用于对每个元素进行处理,放入数组的是处理后的元素。查找数组中符合条件的元素,若有多个符合条件的元素,则返回第一个元素。参数3(可选):被用来覆盖的数据的结束索引,默认为数组末尾。参数2:被用来覆盖的数据的起始索引。

2023-11-06 08:30:22 15

原创 第八周学习内容

异步:不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。②其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响。5.执行栈中所有同步任务执行完毕,此时JS引擎线程空闲,系统会读取任务队列,将可运行的异步任务回调事件添加到执行栈中,开始执行。同步任务:在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务。

2023-10-31 20:47:40 18 1

原创 第七周学习内容

2. 如果没有就查找它的原型(也就是 __proto__ 指向的prototype 原型对象 )5. __proto__ 对象原型的意义就在于为对象成员查找机制提供一个方向,或者说一条线路。Array.isArray(obj)判断是否为数组,数组返回true,否则false。3. 如果还没有找到就查找原型对象的原型(Object的原型对象)1. 当访问一个对象的属性或方法时,首先查找这个对象自身有没有。obj.hasOwnProperty(key)检测对象是否还有对象。constructor静态方法。

2023-10-22 18:49:23 13 1

原创 第六周学习内容

Symbol.keyFor() 返回一个已登记的 Symbol 类型值的 key ,用来检测该字符串参数作为名称的 Symbol 值是否已被登记。本身没有this的概念,捕获其所在上下文的 this 值,作为自己的 this 值,this指向全局。Object.keys() 静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。Object.values() 静态方法返回一个给定对象的自有可枚举字符串键属性值组成的数组。任何值(对象或者原始值) 都可以作为一个键或一个值。

2023-10-16 08:26:48 18 1

原创 第五周学习内容

Number.isInteger(value)用于判断给定的参数是否为整数返回true,否则返回false。Object.defineProperty() 静态方法会直接在一个对象上定义一个新属性,Object.defineProperty(操作的对象, 键名, {键值})Number.isFinite(10)判断是否为有限,有限输出为true,否则false。原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。Math.sign()判断是否是正数1或负数-1或0返回0。

2023-10-06 22:38:59 23 1

原创 开学第四周学习内容

5.当试图获取一个对象的某个属性时,如果这个对象本身没有这个属性,那么他会去它的__proto__(即它构造函数的prototype)去找。padEnd(总长度,"填充的字符串"):返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。padStart(总长度,"填充的字符串"):返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串。以上三个方法都可以接受两个参数,需要搜索的字符串,和可选的搜索起始位置索引(从0开始)。endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。

2023-09-24 20:39:21 21 1

原创 开学第三周的学习内容

弹性项目平均分布在该行上。否则,第1个弹性项的外边距和行的main-start边线对齐,而最后1个弹性项的外边距和行的main-end边线对齐,然后剩余的弹性项分布在该行上,相邻项目的间隔相等。第一个弹性项的main-start外边距边线被放置在该行的main-start边线,而后续弹性项依次平齐摆放。第一个弹性项的main-end外边距边线被放置在该行的main-end边线,而后续弹性项依次平齐摆放。localStorage - 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。

2023-09-17 15:56:24 20 1

原创 大二的新知识

还有video,audio它们分别是播放视频和播放音频,它们的属性都有autoplay(视频就绪后立马播放),controls(视频的播放控件),loop(循环播放),muted(视频静音),video比audio多了两个是poster(下载时显示的图像,值为url),source(标签兼容不同视频的格式)因此不需要对DTD(DTD 文档类型定义)进行引用,但是需要DOCTYPE来规范浏览器行为。3.article(内容标签)4.section(块级标签)1.header(头部标签)2.nav(导航标签)

2023-09-10 10:45:28 21

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除