实战
文章平均质量分 85
断水流大撕兄
十几年寒冰沉浮,IT界的老油条程序猿!
展开
-
【快速搞定Webpack5】处理字体图标资源(六)
在实际开发中,几乎每个项目都需要用户icon图标以及部分项目会用到有特色的字体需求。今天我们学习的内容就是如何在webpack中处理字体及icon图标的使用。原创 2024-02-21 11:21:06 · 420 阅读 · 0 评论 -
【快速搞定Webpack5】修改输出文件目录及自动清理上次打包文件(五)
默认情况下webpack打包后,我们的图片和js等文件都会被打包到dist目录下,文件多了混淆在一起一方面不利于文件的查找和管理,另外一方面看上去也不美观。所以今天我们学习的内容就是控制输出后的文件进入不同的目录。原创 2024-02-21 10:06:57 · 380 阅读 · 0 评论 -
【快速搞定Webpack5】处理图片资源(四)
过去在webpack4中,我们处理图片资源通过file-loader和url-loader进行处理现在webpack5已经将两个loader功能内置到webpack中了,我们只需要简单配置即可处理图片资源。原创 2024-02-21 10:02:24 · 1061 阅读 · 0 评论 -
【快速搞定Webpack5】处理样式资源(三)
webpack本身是不能识别样式资源的,所以我们需要借助loader包来帮助webpack解析样式资源我们找loader都应该去官方文档中查找对应的loader,然后学习使用。官方文档找不到的话,可以从社区、GitHub中搜索查询css-loader | webpack 中文文档●css-loader:负责将css文件编译成webpack能识别的模块●:会动态创建一个style标签,里面放置webpack中引入的css模块内容此样式就会以style标签的形式在页面上生效●:负责将less。原创 2024-02-21 09:53:41 · 1195 阅读 · 0 评论 -
【快速搞定Webpack5】基本配置及开发模式介绍(二)
开发模式顾名思义就是我们开发代码时使用的模式。1、编译代码,使浏览器能识别和运行。开发时我们有样式资源、字体图片、图片资源、多媒体资源、HTML资源等,webpack默认都不能处理这些,我们需要加载配置来编译这些资源2、代码质量检测,树立代码规范提前检查代码的一些可以消除一定隐患与Bug、代码运行起来更加健壮。提前检查代码规范和格式,统一团队编码风格,让代码更优雅与美观。原创 2024-02-20 14:35:29 · 344 阅读 · 0 评论 -
【快速搞定Webpack5】介绍及基本使用(一)
webpack 是一个静态资源打包工具。他会以一个或多个文件作为打包的入口,将我们整个项目所有文件编译组合成一个或多个文件输出出去。输出的文件就是编译好的文件,就可以在浏览器端运行了。我们将 webpack 输出的文件叫做 bundle 。(将浏览器不识别的语法编译成识别的语法)原创 2024-02-20 14:26:30 · 480 阅读 · 0 评论 -
【HarmonyOS应用开发】三方库(二十)
常用的三方库可以分为UI、动画、网络、图片、多媒体、数据存储、安全、工具等。@ohos/textlayoutbuilder:可以定制任一样式的文本构建工具,包括字体间距、大小、颜色、富文本高亮显示等。@ohos/roundedimageview:可以生成圆角矩形、或者椭圆形等图片形状。@ohos/axios:可以运行在node.js 和浏览器中,基于Axios 原库v1.3.4版本进行适配,并沿用其现有用法和特性。原创 2024-02-20 10:01:10 · 1090 阅读 · 0 评论 -
【HarmonyOS应用开发】云开发(十九)
HarmonyOS云开发是新推出的功能,可以让您在一个项目工程中,使用一种语言完成端侧和云侧功能的开发。基于构建的云侧能力,让您无需构建和管理云端资源,随需使用,大大提高构建应用/元服务的效率。随着我们应用功能越来越丰富,很多应用的运行都依赖云侧的支撑。相比于传统开发模式,云开发模式具备成本低、效率高、门槛低等优势。原创 2024-02-20 10:00:29 · 1190 阅读 · 0 评论 -
【HarmonyOS应用开发】应用数据管理(十八)
首选项为应用提供Key-Value键值型的数据存储能力,支持应用持久化轻量级数据,并对其进行增删除改查等。该存储对象中的数据会被缓存在内存中,因此它可以获得更快的存取速度,下面详细介绍下首选项的开发过程。常用接口有:保存数据(put)、获取数据(get)、是否包含指定的key(has)、删除数据(delete)、数据持久化(flush)等,后面依次详细介绍接口使用。常用接口使用前提1、需要导入模块到开发环境中,实例名字命名为,同时定义两个常量。原创 2024-02-05 11:24:16 · 904 阅读 · 0 评论 -
【HarmonyOS应用开发】HarmonyOS应用/元服务上架(十七)
当您开发、调试完HarmonyOS应用/元服务,就可以前往申请上架,华为审核通过后,用户即可在华为应用市场获取您的HarmonyOS应用/元服务。HarmonyOS会通过数字证书与Profile文件等签名信息来保证应用的完整性,需要上架的HarmonyOS应用/元服务都必须通过签名校验,所以上架前,您需要先完成签名操作。原创 2024-02-05 11:23:48 · 1150 阅读 · 0 评论 -
【HarmonyOS应用开发】后台提醒(十六)
应用可能需要在指定的时刻,向用户发送一些业务提醒通知。假设用户在8点新增这个喝水提醒,应用根据用户设置的信息生成提醒实例并发布提醒。后台代理提醒服务提供统一的提醒管理能力,在应用退居后台或退出后,计时和提醒通知功能被系统后台代理接管。提供后台代理提醒功能,在应用退居后台或退出后,计时和提醒通知功能被系统后台代理接管。到9点时,系统唤醒后台代理提醒服务发布通知,最终由通知服务触发桌面显示通知。若是修改提醒流程,则需要先删除旧的提醒,再新增新的提醒。如果需要修改提醒,则需要先进行旧提醒的删除,再新增新的提醒。原创 2024-02-04 15:01:50 · 659 阅读 · 0 评论 -
【HarmonyOS应用开发】APP应用的通知(十五)
通知会在不同场景以不同形式提示用户,例如通知在状态栏上显示为图标、在通知栏上会显示通知详细信息。重要的信息还可以使用横幅通知,浮动在界面顶部显示。下面以基础的文本通知为例,介绍通知的基本结构。通知小图标:表示通知的功能与类型。通知名称:应用名称或功能名称。时间:发送通知的时间,系统默认显示。展开箭头:点击标题区,展开被折叠的内容和按钮。若无折叠的内容和按钮,不显示此箭头。内容标题:描述简明概要。内容详情:描述具体内容或详情。本文将介绍几种常见类型通知的创建,在创建通知前需要先导入notificationMa原创 2024-02-04 14:55:44 · 1076 阅读 · 0 评论 -
【HarmonyOS应用开发】HTTP数据请求(十四)
日常生活中我们使用应用程序看新闻、发送消息等,都需要连接到互联网,从服务端获取数据。例如,新闻应用可以从新闻服务器中获取最新的热点新闻,从而给用户打造更加丰富、更加实用的体验。HTTP数据请求功能主要由http模块提供,包括发起请求、中断请求、订阅/取消订阅HTTP Response Header 事件等。在进行网络请求前,您需要在module.json5文件中申明网络访问权限。原创 2024-02-04 14:43:07 · 1404 阅读 · 0 评论 -
【HarmonyOS应用开发】Web组件的使用(十三)
相信大家都遇到过这样的场景,有时候我们点击应用的页面,会跳转到一个类似浏览器加载的页面,加载完成后,才显示这个页面的具体内容,这个加载和显示网页的过程通常都是浏览器的任务。ArkUI为我们提供了Web组件来加载网页,借助它我们就相当于在自己的应用程序里嵌入一个浏览器,从而非常轻松地展示各种各样的网页。Web组件的使用非常简单,只需要在Page目录下的ArkTS文件中创建一个Web组件,传入两个参数就可以了。其中src指定引用的网页路径,controller为组件的控制器,通过controller绑定原创 2024-02-02 10:28:16 · 1398 阅读 · 0 评论 -
【HarmonyOS应用开发】ArkTS 属性动画的使用(十二)
属性动画,是最为基础的动画,其功能强大、使用场景多,应用范围较广。常用于如下场景中: 一、页面布局发生变化。例如添加、删除部分组件元素。 二、页面元素的可见性和位置发生变化。例如显示或者隐藏部分元素,或者将部分元素从一端移动到另外一端。 三、页面中图形图片元素动起来。例如使页面中的静态图片动起来。简单来说,属性动画是组件的通用属性发生改变时而产生的属性渐变效果。如下图所示,其原理是,当组件的通用属性发生改变时,组件状态由初始状态逐渐变为结束状态的过程中,会创建多个连续的中间状态原创 2024-02-02 10:09:10 · 1368 阅读 · 0 评论 -
【HarmonyOS应用开发】ArkUI 开发框架-进阶篇-应用弹窗(十一)
选择类弹窗用于方便用户选择相关数据,比如选择喜欢吃的水果、出生日期等等。下面我们以TextPickerDialog和DatePickerDialog为例,来介绍选择类弹窗的使用。TextPickerDialog为文本滑动选择器弹窗,根据指定的选择范围创建文本选择器,展示在弹窗上,例如下面这段示例代码使用TextPickerDialog实现了一个水果选择弹窗。示例代码中使用selected指定了弹窗的初始选择项索引为2,对应的数据为“香蕉”。当用户点击“确定”操作按钮后,会触发onAccept事件回调,在回原创 2024-02-01 10:50:51 · 1737 阅读 · 0 评论 -
【HarmonyOS应用开发】ArkUI 开发框架-进阶篇-Video组件的使用(十)
在手机、平板或是智慧屏这些终端设备上,媒体功能可以算作是我们最常用的场景之一。无论是实现音频的播放、录制、采集,还是视频的播放、切换、循环,亦或是相机的预览、拍照等功能,媒体组件都是必不可少的。以视频功能为例,在应用开发过程中,我们需要通过`ArkUI`提供的`Video`组件为应用增加基础的视频播放功能。借助`Video`组件,我们可以实现视频的播放功能并控制其播放状态。常见的视频播放场景包括观看网络上的较为流行的短视频,也包括查看我们存储在本地的视频内容。原创 2024-02-01 09:46:00 · 1497 阅读 · 0 评论 -
【HarmonyOS应用开发】ArkUI 开发框架-进阶篇-管理组件状态(九)
在应用中,界面通常都是动态的。下图所示,在子目标列表中,当用户点击目标一,目标一会呈现展开状态,再次点击目标一,目标一呈现收起状态。界面会根据不同的状态展示不一样的效果。ArkUI作为一种声明式UI,具有状态驱动UI更新的特点。当用户进行界面交互或有外部事件引起状态改变时,状态的变化会触发组件自动更新。所以在ArkUI中,我们只需要通过一个变量来记录状态。当改变状态的时候,ArkUI就会自动更新界面中受影响的部分。原创 2024-01-31 15:21:36 · 1044 阅读 · 0 评论 -
【HarmonyOS应用开发】ArkUI 开发框架-基础篇-第二部分(八)
一个丰富的页面需要很多组件组成,那么,我们如何才能让这些组件有条不紊地在页面上布局呢?这就需要借助容器组件来实现。容器组件是一种比较特殊的组件,它可以包含其他的组件,而且按照一定的规律布局,帮助开发者生成精美的页面。容器组件除了放置基础组件外,也可以放置容器组件,通过多层布局的嵌套,可以布局出更丰富的页面。ArkTS为我们提供了丰富的容器组件来布局页面,本文将以构建登录页面为例,介绍Column和Row组件的属性与使用。原创 2024-01-31 11:56:29 · 1060 阅读 · 0 评论 -
【HarmonyOS应用开发】ArkUI 开发框架-基础篇-第一部分(七)
组件(Component)是界面搭建与显示的最小单位,HarmonyOS ArkUI声明式开发范式为开发者提供了丰富多样的UI组件,我们可以使用这些组件轻松的编写出更加丰富、漂亮的界面。组件根据功能可以分为以下五大类:基础组件、容器组件、媒体组件、绘制组件、画布组件。其中基础组件是视图层的基本组成单元,包括Text、Image、TextInput、Button、LoadingProgress等,例如下面这个常用的登录界面就是由这些基础组件组合而成。原创 2024-01-30 15:05:13 · 1152 阅读 · 0 评论 -
【HarmonyOS应用开发】UIAbility实践第一部分(五)
UIAbility是一种包含用户界面的应用组件,主要用于和用户进行交互。UIAbility也是系统调度的单元,为应用提供窗口在其中绘制界面。每一个UIAbility实例,都对应于一个最近任务列表中的任务。一个UIAbility可以对应于多个页面,建议将一个独立的功能模块放到一个UIAbility中,以多页面的形式呈现。例如新闻应用在浏览内容的时候,可以进行多页面的跳转使用。原创 2024-01-29 14:36:45 · 780 阅读 · 0 评论 -
【HarmonyOS应用开发】ArkTS开发实践(四)
ArkTS以及ArkUI开发框架还很年轻,还有很多其它方面也会持续演进,比如UI自定义能力的进一步完善,语言运行时以及跨语言交互的进一步优化,跨OS平台能力的扩展,分布式开发范式等等。作为应用生态的底座,应用开发框架的创新永无止境。我们希望和广大的开发者一起,持续围绕着开发效率、运行体验、跨设备/跨平台等相关方面一起合作,一起创新,共建繁荣的应用生态。原创 2024-01-26 13:36:10 · 1142 阅读 · 0 评论 -
【HarmonyOS应用开发】TypeScript快速入门(二)
ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript(简称TS)的基础上,匹配ArkUI框架,扩展了声明式UI、状态管理等相应的能力,让开发者以更简洁、更自然的方式开发跨端应用。要了解什么是ArkTS,我们首先要了解下ArkTS、TypeScript和JavaScript之间的关系:- `JavaScript`是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。原创 2024-01-26 10:22:55 · 946 阅读 · 0 评论 -
【HarmonyOS应用开发】开发介绍 DevEco Studio安装与使用(一)
- 在`HarmonyOS`应用开发学习之前,需要进行一些准备工作,首先需要完成开发工具`DevEco Studio`的下载与安装以及环境配置。- 进入`DevEco Studio`下载官网,单击“立即下载”进入下载页面。原创 2024-01-25 15:51:04 · 1487 阅读 · 0 评论 -
redis主从配置+集群搭建
当出现高并发流量情况 如果我们只有一个redis服务器 挂掉之后 网站的运营会出现问题.我们可以多弄几台redis服务器,使得一台服务器挂掉自动切换到另一台redis服务器,这个时候就实现了一个高可用的系统主从配置 环境是2台虚拟机主库配置. 修改配置文件配置完成之后就需要去查看是否配置成功了,然后去主库服务器上使用redis-cli 连接输入info命令查看有一个为一就说明有了一个重库 好吧 因为比较简单 所以不做详细说明。原创 2023-06-15 19:38:02 · 862 阅读 · 0 评论 -
如何在 Ubuntu 18.04 上安装和配置 NFS 服务器
网络文件系统(NFS)是一种分布式文件系统协议,允许您通过网络共享远程目录。使用 NFS ,您可以在系统上安装远程目录,并使用远程计算机上的文件,就像它们是本地文件一样。默认情况下,NFS协议未加密,与Samba不同,它不提供用户身份验证。对服务器的访问受客户端IP地址或主机名的限制。在本教程中,我们将讨论如何在上设置NFSv4服务器。我们还将向您展示如何在客户端上安装NFS文件系统。原创 2023-06-08 11:22:43 · 1915 阅读 · 0 评论 -
Laravel 验证码组件 gregwar/captcha
gregwar/captcha在Composer下载排行中长居第一名榜位。好用的工具大家都推荐,这个验证码工具作者本人也在很多项目中运用到了。给大家推荐的同时分享点经验。原创 2023-03-15 14:51:15 · 416 阅读 · 0 评论