- 博客(30)
- 收藏
- 关注
原创 微信小程序组件
除了原生提供的组件外,开发者还可以通过自定义组件的方式,将一组组件及其对应的样式和行为封装起来,以便在多个页面重复使用,提高代码复用性和维护性。总体来说,小程序组件是构成小程序页面的基础,开发者可以根据业务需求选择合适的组件来构建页面,同时可以通过自定义组件扩展和定制功能。
2024-06-26 15:07:06
200
1
原创 swiper实例
大家好,我是燐子,今天给大家带来swiper实例微信小程序中的swiper组件是一种用于创建滑动视图的容器组件,常用于实现图片轮播、广告展示等效果。它通过一系列的子组件来定义滑动视图的每一个页面。
2024-06-24 11:18:12
355
原创 微信小程序地图
我们将开发一个微信小程序,用户可以通过该程序查看自己当前位置附近的美食餐厅,并在地图上显示这些餐厅的位置。今天我们将通过一个实际案例,演示如何在微信小程序中实现“查看附近美食餐厅”的功能。功能需求 获取用户当前位置 显示带有当前定位的地图 查询并显示附近的美食餐厅 点击餐厅标记查看餐厅详情 开发步骤。7.设置样式 (index.wxss 和 restaurant.wxss)5.详情页界面 (restaurant.wxml)6.详情页逻辑 (restaurant.js)4.实现主页逻辑 (index.js)
2024-06-21 11:09:36
623
1
原创 认识微信小程序
今天我们来认识一下微信小程序微信小程序(WeChat Mini Program)是由中国的腾讯公司于2017年1月正式推出的一种轻量级应用程序,专为在微信平台上运行而设计。它不需要用户下载安装即可使用,可以直接在微信中打开,具有快速启动、无需安装卸载、跨平台等特点。
2024-06-20 10:00:23
168
原创 CSS代码示例与应用指南
通过本文提供的CSS代码示例与应用指南,您可以学习并应用各种常见的CSS技巧和效果。应用:将div元素的宽度设为200像素,高度设为100像素,并设置10像素的内边距和1像素的黑色实线边框。应用:将网页的背景颜色设为#f2f2f2,并使用名为bg.jpg的图片作为背景图像。应用:将所有type为"text"的输入框的边框设为灰色实线。应用:将使用.highlight类的元素的背景颜色设为黄色。应用:将具有id="logo"的元素的宽度设为200像素。应用:将按钮的背景颜色设置为从红色渐变到蓝色的线性渐变。
2024-06-19 14:38:20
265
原创 微信小程序结构
微信小程序具有轻量、快速启动、无需下载安装、与微信生态无缝衔接等特点,开发者需要遵循微信小程序的开发规范和限制,如文件大小、代码风格、接口调用等方面的要求。页面的样式文件,用于描述页面的样式,支持类似 CSS 的样式语法,但有一些微信小程序特有的语法和单位。: 整个小程序的全局配置文件,用于配置页面路径、窗口样式、底部 tab 等全局属性。页面的结构文件,类似于 HTML,用于描述页面的结构,支持小程序的组件和模板语法。文件:每个页面的逻辑文件,处理页面的事件响应、数据处理、页面生命周期等。
2024-06-19 11:49:10
301
原创 微信小程序常用标签及其用法
今天的博客介绍了微信小程序中几个常用的标签及其基本用法和示例代码。在实际开发过程中,还可以结合微信小程序的组件和API,进一步丰富和优化小程序的功能和用户体验。标签是小程序中最常用的标签之一,用于组织和布局页面上的内容,类似于HTML中的。属性用于添加样式类,可以通过 WXSS(微信小程序的样式表)来定义这些类的样式。标签用于创建一个按钮,用户可以点击按钮执行相应的操作。标签用于接收用户输入的内容,类似于 HTML 中的。标签用于显示文本内容,类似于 HTML 中的。属性控制图片的显示模式,常用的值包括。
2024-06-18 08:48:16
709
原创 微信小程序之如何让图片达成轮播的效果
通过以上步骤,我们已经成功地使用微信小程序实现了图片轮播功能。当用户打开小程序时,他们将能够看到一系列图片自动轮播,提升了用户体验,增加了信息的展示效果。当然,这只是一个简单的示例,你可以根据自己的需求进一步扩展和定制轮播功能,例如添加更多的轮播效果、自定义指示器样式等。希望这篇博客能够帮助你快速上手微信小程序开发,并实现你想要的图片轮播功能。
2024-06-02 14:11:16
505
原创 vue 插值
过滤器插值过滤器是Vue中的另一个重要概念,它们允许我们在插值表达式中进行数据转换。例如, <div v-bind:id="itemId"></div> 会将 itemId 的值作为 id 属性绑定到 div 元素上。在Vue.js中,插值是一种强大的功能,它允许我们将数据动态地插入到模板中。插值是Vue.js中的一个核心概念,它允许我们在模板中直接插入JavaScript表达式,并根据数据变化实时更新视图。文本插值是最常用的插值方式,它通过双大括号 {{ }} 来包装表达式。
2024-05-26 19:34:34
269
原创 初识微信小程序:功能、开发与未来展望
微信小程序的设计理念是“即用即走”,旨在提供快速便捷的服务,满足用户即时性的需求。随着移动互联网的快速发展,微信小程序已经成为了一种重要的应用形态,它以轻便、快捷、即用即走的特点吸引了广大用户的青睐。微信小程序最显著的特点就是其便捷性。例如,微信团队已经宣布将支持小程序运行在更广泛的设备上,如智能手表、车载系统等,这将进一步拓展小程序的应用场景。注册后,微信会提供一个AppID,这是小程序的唯一标识,用于后续的开发和发布。微信小程序的生态系统正在逐步完善,包括第三方开发者工具的出现、小程序市场的形成等。
2024-05-20 09:00:00
197
原创 微信小程序
通过这个例子,我们可以看到微信小程序的编写和部署都非常简单,而且可以实现各种功能。当然,这只是一个入门级的例子,更复杂的小程序需要更多的代码和技术支持。4. 演示效果 在微信中打开小程序后,我们可以看到一个“Click Me”按钮和一个“Hello World!在本文中,我们将介绍如何创建和部署一个简单的微信小程序,并演示其基本功能。创建成功后,我们可以在开发者工具中打开该小程序,并开始编写代码。3. 部署小程序 完成代码编写后,我们可以使用开发者工具中的“上传”按钮将小程序部署到微信服务器上。
2024-05-19 18:39:23
201
原创 探索 JavaScript:从基础到高级应用的全面指南
JavaScript 是一门功能强大且灵活的语言,通过本文的介绍,读者可以初步了解 JavaScript 的基础概念和高级特性,并通过实例代码进行实践。持续学习和实践将使你更加熟练地掌握 JavaScript,为开发出高质量的 Web 应用奠定坚实的基础。
2024-04-17 08:30:00
221
原创 # Vue.js背景介绍
在Vue.js中,最常见的数据绑定形式是单向数据绑定。除了单向数据绑定外,Vue.js还提供了双向数据绑定的能力,即通过v-model指令可以实现表单元素与数据之间的双向绑定。***总的来说,Vue.js的数据绑定机制极大地简化了前端开发的复杂性,提高了开发效率,同时也使得前端代码更易于维护和扩展。2. 响应式数据绑定:Vue.js 实现了响应式数据绑定,当数据发生变化时,页面会自动更新,提高了开发效率。***数据绑定是Vue.js中非常重要的概念,它包括单向数据绑定和双向数据绑定两种形式。
2024-04-15 08:00:00
633
1
原创 实现动态加载和无限滚动
为你的博客添加一个后台管理界面,使博客作者和管理员可以更方便地管理文章、评论、用户和其他内容。对于博客列表页面,如果博客文章非常多,可以实现动态加载和无限滚动,以提高页面加载速度和用户体验。这通常通过监听滚动事件,并在用户滚动到页面底部时异步加载更多文章来实现。将你的 Vue 博客应用升级为一个 PWA,使用户可以将其添加到他们的主屏幕上,并在离线时仍能访问。允许用户根据他们的偏好自定义网站的主题和皮肤,可以增加用户的满意度和站点的可用性。// 使用 axios 和 Vue 的生命周期钩子实现无限滚动。
2024-04-14 20:03:26
149
1
原创 Vue进阶
Vue.js是一款由尤雨溪创建的开源JavaScript框架,首次发布于2014年。它的设计灵感来自于Angular和React等流行的前端框架,但与这些框架相比,Vue.js更加轻量级、易于学习和使用。Vue.js采用了MVVM(Model-View-ViewModel)架构模式,通过数据驱动和组件化的思想来构建用户界面。
2024-03-27 08:30:00
231
1
原创 Vue小练习
在上面的例子中,我们在一个 div 元素中创建了一个 Vue 实例,它有一个数据 title 和 content,分别用于显示博客的标题和内容。如果你有任何问题,欢迎继续问我。当继续建立一个更完整的 Vue 博客应用时,你可以考虑以下几个方面的扩展:使用 Vue Router 实现路由功能Vue Router 可以帮助你实现单页应用的路由功能,使用户在不同页面之间进行快速、无刷新的切换。使用 Vuex 实现状态管理Vuex 是 Vue.js 的状态管理模式,适用于中大型规模的单页面应用。
2024-03-25 08:20:47
167
1
原创 深入了解Vue.js——简单而优雅的前端框架
总的来说,Vue.js以其简洁、轻量、快速、数据驱动、模块友好和组件化等特点,成为了前端开发者的热门选择。无论你是初学者还是经验丰富的开发者,Vue.js都能提供一种简单而优雅的解决方案,帮助你更快、更高效地构建高质量的Web应用程序。Vue.js采用了虚拟DOM技术,能够在不影响性能的情况下实现高效的UI更新。此外,Vue.js还提供了一系列优化策略,如模板编译、异步渲染和组件缓存等,进一步提高了应用程序的响应速度。此外,Vue.js还提供了丰富的插件和工具,帮助开发者更高效地完成复杂的任务。
2024-03-10 13:14:39
10075
1
原创 Node.js
在传统的服务器端开发中,通常需要使用多种不同的语言和工具来完成前端和后端的开发工作,这增加了开发人员的学习成本和维护难度。在 Node.js 中,所有的操作都是异步的,这意味着当进行 I/O 操作时,Node.js 并不会阻塞主线程,而是将其挂起等待响应,然后去执行其他任务。同时,也有许多优秀的框架和工具,如 Express、Koa、Socket.io 等,为 Node.js 的开发提供了更加便利的环境。总的来说,Node.js 的出现改变了传统的服务器端开发模式,为开发者带来了更加高效、便捷的开发体验。
2024-03-10 13:12:20
338
1
原创 js 基础
return:不仅可以退出循环,还能返回return语句中的值,同时还可以结束当前的函数体内的代码。2.数组是指一组数据的集合,其中的每个数据被称为元素,在数组中可以存放任意类型的元素。参数的作用:在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去。2.由于函数一般是为了实现每个功能才定义的,所以通常我们将函数名命名为动词。1.数组可以把一组相关的数据一起存放,并提供方便询问(获取)方式。在使用return语句时,函数会停止调用,并返回指定的值。实参:函数调用时传入小括号内的真实数据。
2024-01-11 08:30:48
340
1
原创 JavaScript 表单验证
通过以上方法,你可以在JavaScript中处理表单的提交事件、获取和设置表单中的输入值,从而实现对表单的有效控制和交互。名字: <input type="text" name="fname"><input type="submit" value="提交"><input type="submit" value="提交">HTML 表单验证可以通过 JavaScript 来完成。var text = "输入正确";text = "输入错误";// 在这里可以处理表单提交的逻辑。// 阻止表单默认提交行为。
2024-01-10 18:37:10
346
原创 Node.js介绍
Node.js是一个开源、跨平台的JavaScript运行时环境,它允许开发者使用JavaScript语言编写服务器端应用程序。它基于V8 JavaScript引擎(也被用于Google Chrome浏览器),并使用事件驱动、非阻塞I/O模型来处理请求,这使得它在处理高并发连接时非常高效。轻量级和可扩展:Node.js的设计理念是“小而美”,它只提供了最基本的功能,其余的功能可以通过安装插件来实现。非阻塞I/O:允许在等待I/O操作(如文件读取或网络请求)时执行其他任务,从而提高系统资源的利用率。
2024-01-08 13:45:33
329
原创 hTml5新增的标签 视频属性 inout中type属性
password 密码 reset 重置 color 颜色 number 数字 file 上传文件。- aside --- 侧边栏标签。time 时间 month 月 week 周。- nav --- 导航标签。- footer --- 尾部标签。- article --- 内容标签。- section --- 块级标签。header --- 头部标签。autoplay视频就绪后立马播放。controls视频的播放控件。
2024-01-08 09:47:45
444
原创 深入理解ES6——JavaScript的新篇章
Promise对象: 阐述Promise的基本概念和使用方法,以及它如何改进异步编程模型。变量与常量声明: 介绍let、const关键字,以及它们如何改善变量的作用域管理。Symbol类型: 说明Symbol的作用和应用场景,如作为对象的属性键等。ES6的历史背景:描述从早期JavaScript版本到ES6的发展历程。迭代器与生成器: 解释如何使用这两个新特性来处理数据序列和数据生成逻辑。箭头函数: 说明箭头函数的语法及其优点,如简化回调函数等。类与继承: 介绍类的定义和使用,以及基于类的继承模型。
2024-01-07 19:44:32
314
1
原创 深入理解CSS:从基础到高级应用
本部分将提供至少两个具有代表性的案例分析:案例一将介绍如何利用CSS进行基础的网页排版和色彩搭配;五、总结与展望 在文章的最后部分,我们将总结并强调学习掌握CSS的重要性及其对提升开发者工作效率和项目质量的影响。CSS,即层叠样式表(Cascading Style Sheets),是一种用于描述网页样式和布局的语言。CSS允许开发者通过分离内容(HTML)与表现(CSS)的方式来构建网站,使得网站设计更加灵活高效。在这篇文章中,我们将从基础开始,逐步深入介绍CSS的核心概念、语法、以及一些高级应用。
2024-01-03 09:50:11
372
1
原创 防抖与节流
1:当函数绑定一些持续触发的事件如:resize、scroll、mousemove ,键盘输入,多次快速click等等,:2:如果每次触发都要执行一次函数,会带来性能下降,资源请求太频繁等问题。为什么要用到防抖与节流。
2023-10-22 21:54:07
21
1
原创 上学期笔记
浮动:float:left/right 清除浮动:添加类的方法 clearfloat:after /display block(none隐藏/table变成表格形式清除浮动/mine-block)/overflow:hidden(溢出隐藏/同上边距)/coutent/height:0/clear:both。选择器( 空格 派生选择器 )(直接选择器 >)(相邻选择器/ +下面的兄弟/ ~ 所有兄弟 * )伪类选择器 ::after ...之后 /::before ...之前 /:first 第一个。
2023-09-24 20:42:14
21
1
原创 什么是HTML
HTML 到底是什么?HTML 不是一门编程语言,而是一种用于定义内容结构的标记语言。HTML 由一系列的元素组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。一对标签可以为一段文字或者一张图片添加超链接,将文字设置为斜体,改变字号,等等HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言:HyperTextMarkupLanguageHTML 不是一种编程语言,而是一种标记语言标记语言是一套标记标签HTML 使用标记标签来描述网页。
2023-09-10 09:21:25
28
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人