- 博客(141)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 鸿蒙端云一体化开发 之 云函数
云函数主要就是用来实现服务端的业务逻辑代码，云函数开发完之后我们需要把它部署到云侧，部署好后我们还需要编写端侧的代码来调用云侧的云函数，云侧有结果后需要再返回给端侧主要有六步。
2024-07-22 16:21:17
904
原创 鸿蒙开发 之 健康App案例登陆页
该项目是记录用户日常饮食情况，以及针对不同食物摄入营养不同会有对应的营养摄入情况和日常运动消耗情况，用户可以自己添加食品以及对应的热量。try { // 加载preferencesLogger.debug(`加载Preferences[${import {try {
2024-06-28 18:03:08
490
原创 鸿蒙开发 之 数据持久化
用户首选项（Preference）为应用提供key-value键值型的数据处理能力，支持应对持久化轻量级数据，比如小说app的字体设置背景等。关系型数据库（RDB）是基于SQLite组件提供的本地数据库，用于管理应用中的结构化数据，例如记账本，备忘录。
2024-06-07 14:37:27
770
原创 鸿蒙开发 之 网络请求
网络管理模块主要提供以下功能：HTTP数据请求：通过HTTP发起一个数据请求。WebSocket连接：使用WebSocket建立服务器与客户端的双向连接。Socket连接：通过Socket进行数据传输。
2024-06-06 17:26:22
578
原创 鸿蒙开发 之 ArkUl页面动画
属性动画是通过设置组件的animation属性来给组件添加动画> 显示动画是通过全局animateTo函数来修改组件属性，实现属性变化时的渐变过渡效果组件转场动画是在组件插入或移除时的过渡动画，通过组件的transition属性来配置。
2024-06-06 14:45:03
283
原创 鸿蒙开发 之 ArkUI路由
比如说你打开一个app，首先进入的是登陆页，首页，列表搜索页，详情页，你打开几个页面都会存储在页面栈里，页面栈的最大容量上限为32个，使用router.clear()方法可以清空页面栈，释放内存，开发过程中要注意不要等到上限再清除。router.pushUrl()：目标页不会替换当前页，而是压入页面栈，因此可以用router.back返回当前页 比如 列表页跳详情页。router.replaceUrl()：目标页替换当前页，当前页会被销毁并释放资源，无法返回当前页 比如 登陆页。
2024-06-05 17:29:46
394
原创 鸿蒙开发 之 ArkUI状态管理
Provide和@Consume和@state和@Link的双向同步，在使用过程中父组件不需要给子组件内部传入参数，这两个修饰符会内部自己进行数据消费操作，但是比较消耗性能，尽量减少使用。@Observed和@ObjectLink装饰器用于在涉及嵌套对象或者数组元素为对象的场景中进行双向数据同步。当父子组件之间需要数据同步时，可以使用@Prop和@Link装饰器。
2024-06-04 18:07:52
425
原创 WebGIS 之 Ceisum认识
Cesium是使用JavaScript开发的基于WebGL的，实现三维地球和地图可视化的JS库。Cesium支持海量的三维模型数据，影像数据，地形高程数据，矢量数据等丰富的地理数据的加载。在交通，规划，城市管理，地形仿真等领域有非常广泛的应用。Cesium为三维的GIS提供了一个高效的数据可视化平台。特点：1、跨平台，跨浏览器，无插件2、强大的地理数据可视化能力。Cesium自定义的3D Tiles数据格式，支持海量数据渲染3、丰富可用的工具。
2024-03-31 18:35:28
460
原创 WebGIS 之 Openlayer
通过这个参数的名字我可以推断一个map可以设置多个layer，图层是构成openlayers的基本单位，地图是由多个layer组成的，这种设计类似于Photoshop里面的图层，多个图层是可以叠加的，在最上面的会覆盖下面的。geojson数据是矢量数据，是包含地理信息的json数据，格式是以key:value的形式存在的。EPSG:4326 的经纬度范围是：经度范围在 -180° 到 180° 之间，纬度范围在 -90° 到 90° 之间。// 将初始化的地图设置到id为map的DOM元素上。
2024-03-30 17:36:06
1135
原创 WebGIS开发
高德开发API注册账号，创建项目拿到key和密钥高德key3.展示地图4.展示图层5.地图控件6.地图事件6.1获取经纬度7.点标记8.交互式绘制点9.灵活点标记10.矢量图形10.1折线10.2多边形polygon11.计算距离
2024-03-29 18:40:44
1147
原创 WebGIS概述
矢量图形，一般覆盖于底图图层之上，通过矢量的方式(路径或者实际大小)来描述其形状，用几何的方式来展示真实的地图要素，会随着地图缩放而发生视觉大小的变化，但其代表的实际路径或范围不变。坐标通常指经纬度坐标，高德地图的坐标范围大致为:东西经180度(-180180,西半球为负，东半球为正)，南北纬85度(-85-- 85,北半球为正,南半球为负)。地图平面像素坐标指投影为平面之后的地图上的平面像素坐标，高德地图使用的Web卡托投影，在3级时，平面坐标范围为横纵0-256。底图(Map): 所有信息的载体。
2024-03-29 12:14:19
492
原创 面试题 之 JavaScript
元素响应事件的函数委托到另一个元素，事件流有三个阶段捕获阶段，目标阶段，冒泡阶段，事件委托在冒泡阶段事件有：click mousedown mouseup keydown keyup。
2024-03-29 09:05:25
527
原创 面试题 之 webpack
Webpack 是实现前端项目的模块化，用于现代 JavaScript 应用程序的静态模块打包工具，被webpack 直接引用的资源打包进 bunde.js的资源，当webpack 处理应用程序时,它会在内部构建一个依赖图,依赖图对应映射到项目所需的每个模块 ，并生成一个或多个 bundle。3️⃣模块能力,项目维护性增强,支持不同种类的前端模块类型,统一的模块化方案,所有资源文件的加载都可以通过代码控制。2️⃣模块整合能力，提高性能，可维护性，解决浏览器频繁请求文件的问题。
2024-03-27 18:00:26
807
原创 面试题 之 react
通过对传入的原始组件做一些你想要的操作(比如操作 props,提取 state,给原始组件包裹其他元素等)，从而加工出想要的组件把通用的逻辑放在高阶组件中，对组件实现一致的处理，从而实现代码的复用所以，高阶组件的主要功能是封装并分离组件的通用逻辑,让通用逻辑在组件间更好地被复用。由于react hooks 的出现,函数式组件创建的组件通过使用 hooks 方法也能使之成为有状态组件,再加上目前推崇函数式编程,所以这里建议都使用函数式的方式来创建组件在考虑组件的选择原则上，能用无状态组件则用无状态组件。
2024-03-20 21:57:18
1284
原创 node 之 解决下包速度慢的问题
在使用 npm 下包的时候,默认从国外的https://registry.npmis.org/ 服务器进行下载，此时，网络数据的传输需要经过漫长的海底光缆，因此下包速度会很慢。淘宝在国内搭建了一个服务器，专门把国外官方服务器上的包同步到国内的服务器，然后在国内提供下包的服务从而极大的提高了下包的速度。为了更方便的切换下包的镜像源，我们可以安装nrm这个工具，利用nrm提供的终端命令，可以快速查看和切换下包的镜像源。镜像是一种文件存储形式，一个磁盘上的数据在另一个磁盘上存在一个完全相同的副本即为镜像。
2024-03-01 10:08:53
659
原创 node 之 模块化
模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块是可组合、分解和更换的单元。编程领域中的模块化编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块。把代码进行模块化拆分的好处:1️⃣提高了代码的复用性2️⃣提高了代码的可维护性3️⃣可以实现按需加载模块化规范模块化规范就是对代码进行模块化的拆分与组合时，需要遵循的那些规则例如：使用什么样的语法格式来引用模块在模块中使用什么样的语法格式向外暴露成员。
2024-02-29 17:52:37
581
原创 node 之 http模块
在网络节点中，负责消费资源的电脑叫做客户端；负责对外提供网络资源的电脑，叫做服务器http模块是node.js官方提供的，用来创建web服务器的模块，通过http模块提供的http.createServer()方法，就能方便的把一台普通的电脑，变成一台web服务器，从而对外提供web资源服务。服务器和普通电脑的区别在于，服务器上安装了web服务器软件，例如IIs，Apache等。通过安装这些服务器软件，就能把一台普通电脑变成一台web服务器。
2024-02-28 16:47:46
1382
原创 鸿蒙开发 之 ArkTsUI基础组件
ArkTS是鸿蒙生态的应用开发语言。它在保持TypeScript（简称TS）基本语法风格的基础上，对TS的动态类型特性施加更严格的约束，引入静态类型。同时，提供了声明式UI、状态管理等相应的能力，让开发者可以以更简洁、更自然的方式开发高性能应用。之前前端开发需要掌握html css javascript 三种不同的语言，现在只需要ArkTS。
2024-02-26 14:05:50
642
原创 node 之 path路径模块
path模块是node.js官方提供的，用来处理路径的模块，它提供了一系例的方法和属性，用来满足用户对路径的处理需求。
2024-02-23 09:46:49
1189
原创 node 之 fs文件系统模块
fs模块是Node.js官方提供的、用来操作文件的模块。它提供了一系列的方法和属性，用来满足用户对文件的操作需求fs.readFile(),用来读取制定文件中的内容fs.writeFile(),用来向制定的文件中写入内容如果要在JavaScript代码中，使用fs模块来操作文件，则需要使用如下的方式先导入,这些模块在安装node时候就存在了。
2024-02-23 09:17:49
535
原创 TypeScript基本语法
TypeScript具备面向对象编程的基本语法，例如interface，class，enum等。具备封装、继承、多态等面向对象基本特征。模块可以相互加载，提高代码复用性。在TypeScript中,空字符串，数字0，null，undefined都被认为是false，其他则为true。TypeScript在JavaScript的基础上加入了静态类型检查功能，因此每一个变量都是有固定的数据类型。TypeScript通常利用function关键字声明函数，并且支持可选参数、默认参数、箭头函数等特殊语法。
2024-02-20 09:37:41
303
原创 鸿蒙开发 之 工具安装和环境搭建
8.如果说你的SDK没有安装成功，可以点击页面上的help里的 Diagnose Development Environment来判断你当前的开发环境是否是完整的，打开后，这里会检查你缺少哪些依赖，红色叉号提示你报出哪些错误的信息，绿色对号代表全部安装成功。4.在弹出的SDK下载信息页面，单击Next，并在弹出的License Agreement窗口，阅读License协议，需同意License协议后，单击Next。2.在如下安装选项界面勾选DevEco Studio后，单击Next，直至安装完成。
2024-02-19 10:31:04
1225
原创 vue3 之 商城项目—会员中心
当路由path为二级路由路径member的时候，右侧可以显示个人中心三级路由对应的组件。1️⃣个人中心—个人信息和猜你喜欢数据渲染。2️⃣我的订单—各种状态下的订单列表展示。页数 = 总条数 / 每页条数。
2024-02-18 13:40:57
682
2
原创 vue3 之 数据格式化函数
在很多项目中，都会有数据字典表，前端通过请求后端拿到数据字典表里的数据，一般在页面列表上面状态数据都会是返回的数字，前端需要把数字转换成字典表里对应的数据值，下面写了一个前端写死的数据，stateMap里的数据可以换成从接口请求过来的数据。
2024-02-18 12:03:02
745
2
原创 vue3 之 倒计时函数封装
编写一个函数useCountDown可以把秒数格式化为倒计时的显示xx分钟xx秒。2️⃣start是倒计时启动函数，调用时可以设置初始值并且开始倒计时。1️⃣formatTime为显示的倒计时时间。
2024-02-15 22:54:31
715
原创 vue3 之 商城项目—支付
编写一个函数useCountDown可以把秒数格式化为倒计时的显示状态。2️⃣start是倒计时启动函数，调用时可以设置初始值并且开始倒计时。1️⃣formatTime为显示的倒计时时间。
2024-02-15 22:50:10
542
原创 vue3 之 商城项目—结算模块
2️⃣通过动态类名：class控制激活样式类型active是否存在，判断条件为：激活地址对象的id===当前项id。1️⃣点击时记录一个当前激活地址对象activeAddress，点击哪个地址就把哪个地址对象记录下来。2️⃣切换地址交互：点击切换地址，点击确定按钮，激活地址替换成默认收货地址。地址切换是我们经常遇到的tab切换类需求，这类需求的实现逻辑都是相似的。1️⃣打开弹框交互：点击切换地址按钮，打开弹框，回显用户可选地址列表。1️⃣调用接口生成订单id，并且携带id跳转到支付页。
2024-02-15 19:00:58
601
鸿蒙开发健康app案例
2024-07-22
vue-rabbit.zip小鲜兔商城项目
2024-02-18
element table表格 请求两个接口
2022-04-06
上下两个table 下table通过鼠标移动 高度动态变化
2022-01-29
screenfull全屏 对于element table 高度自适应
2022-01-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人