- 博客(125)
- 收藏
- 关注
原创 Harmonyos之深浅模式适配
深色模式(Dark Mode)又称之为暗色模式,是与日常应用使用过程中的浅色模式(Light Mode)相对应的一种UI主题。换肤功能应该是现在APP常见的一个功能, 现在我们来了解下载Harmonyos上app是如何实现换肤功能的。
2024-12-12 10:11:18 493
原创 HarmonyOS入门学习
我们除了上述这个单独抽取到文件的组件方法之外我们还可以使用自定义函数, 我们可以通过自定义函数来达到类似组件封装的目的,而且自定义函数做内部的体验封装更合适一点。全局自定义函数全局自定义函数是写在组件外面的, 所有的组件都可以调用, 作为函数可以传参!局部自定义函数: 相比较全局自定义函数, 少了function字段, 并且只能组件内部调用, 调用时需要加this我们可以发现,在上述的代码中我们有很多可以用公用的样式,假如样式有变动,可能会导致我们修改的地方很多,代码很难维护。
2024-03-20 16:23:05 2280
原创 web前端-Gulp入门
gulp: 前端自动化打包固件工具,gulp是基于流格式的一种打包构建工具,依赖node环境进行开发, 底层封装的内容就是node里面的读写文件。什么是流?流文件: 流一种文件传输的格式一段一段的文件传输流格式: 流从头到尾的一个过程需要从 源 开始一步一步经过加工,每一个步骤都需要依赖上一步的结果,最终给出一个完成的成品。gulp的安装是一个JavaScript相关的工具就是可以直接使用npm 进行安装需要安装在你的电脑环境里面, 一次安装多次使用。
2023-11-08 16:33:08 377 1
原创 微信小程序不同机型底部安全区域问题
获取系统信息,你可以获取到屏幕的宽高、底部安全区域的高度等信息。根据这些信息,你可以动态地计算和调整元素的位置和大小。这个属性可以获取到底部安全区域的高度。你可以通过在需要适配的元素上使用此属性,并将其设置为对应的值来实现适配。API 获取系统信息:通过调用。
2023-07-17 09:46:20 1731
原创 web前端-ES6语法学习
我们可以回顾下node.js中是如何实现模块化的。node.js遵循了CommonJS的模块化规范。导入其他模块使用require()方法模块对外共享成员使用对象模块化的好处: 大家都遵守同样的模块化规范写代码,降低了沟通的成本,极大方便了各个模块之间的相互利用,利人利己前端模块化规范分类:在ES6模块化规范诞生之前,JavaSript社区已成常事并提出了等模块化规范。但是这些由社区提出的模块化标准,还是存在一定的差异性与局限性并不是浏览器与服务器通用的模块化标准AMD和CMD 适用于浏览器端。
2023-06-14 17:02:47 1076
原创 web前端-TypeScript学习
TypeScript 是什么?TypeScript(简称:TS)是JavaScript的超集(JS有的TS都有)。TypeScript = Type +JavaScript(在JS基础之上,为JS添加了类型支持TypeScript是微软开发的开源编程语言,可以在任何运行JavaScript的地方运行。TypeScript为什么要为JS添加类型支持?背景: JS的类型系统存在”先天缺陷“,JS代码中绝大部分错误都是类型错误(Uncaught TypeError)。
2023-06-14 16:29:14 6636
原创 如何使用uni-app开发微信小程序
uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码,可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。详细的 uni-app 官方文档,请翻阅。
2023-06-14 15:58:41 15252 3
原创 Web前端-React学习
是一个用于的。用户界面: HTML页面(前端)React主要用来写HTML页面, 或如果从MVC的角度来看,React仅仅是视图层(V),也就是只负责视图的渲染,而并非提供了完整的M和C的功能。React 有如下几个特点:在我们安装React之前, 可以先安装yarn的安装参考链接React的安装命令:使用React脚手架初始化项目npx命令介绍:使用React脚手架初始化项目在脚手架中使用React调用方法创建react元素调用方法渲染react元素到页面中JSXJSX的基本使用有如下
2023-06-08 16:51:28 1661
原创 Web前端-Vue2.0框架学习
vue是一套用于构建用户界面的前端框架。数据驱动视图双向数据绑定数据驱动视图:在使用vue的页面中,vue会监听数据的变化,从而自动重新渲染页面的结构。示意图如下:好处: 当页面数据发生变化时,页面会自动重新渲染注意: 数据驱动视图是单向的数据绑定双向数据绑定: 在填写表单时,双向数据绑定可以辅助开发者不操作DOM的前提下自动把用户填写的内容同步到数据源中好处: 开发者不需要手动操作DOM元素,来获取表单元素最新的值MVVM 是vue实现数据驱动视图和双向数据绑定的核心原理。
2023-04-22 10:33:21 1737 1
原创 web前端-微信小程序开发学习
微信小程序和普通网页开发的区别:关于微信公众号平台如何注册小程序的账号, 如何获取小程序的appid, 如何下载小程序的开发工具, 这里我不做过多叙述。大家自行百度安装开发环境。创建组件:在项目的根目录中,鼠标右键创建components->test文件夹在新建的components -> test文件夹上,鼠标右键,点击新建components输入组件的名称之后回车,会自动生成组件对应的4个文件,后缀名分别为为了保证目录结构的清晰,建议把不同的组件,存放到单独目录中。
2023-03-21 14:49:03 7738 2
原创 web学习-Node.js入门学习
Node.js是一个基于Chrome V8引擎JavaScript运行环境Node.js官网Node.js可以做什么:Node.js作为一个JavaScript的运行环境,仅仅提供了基础的功能和API,然而,基于Node.js提供的这些基础功能,很多强大的工具和框架如雨后春笋,层出不穷,所以学习Node.js,可以让前端程序员胜任更多的工作和岗位:基于Express框架,可以快速构建Web应用基于Electron框架,可以构建跨平台的桌面应用基于restify框架,可以快速构建API接口项目。
2023-03-02 14:50:56 843
原创 UICollectionView获取当前item的NSIndexPath问题
UICollectionView获取当前item的NSIndexPath问题
2023-01-03 16:59:44 1075
原创 fluttter学习之ButtonStyle 、MaterialStateProperty
ButtonStyle和MaterialStateProperty的学习
2022-07-28 15:59:51 1071
原创 web前端学习-CSS
web前端学习-CSS1 CSS基础1.1 CSS的基础认知1.2 CSS基础选择器1.2.1标签1.2.2 类选择器1.2.3 id选择器1.2.4 通配符选择器1.3 文字和文本样式1.3.1 文字基本样式1.3.2 文字-字体1.3.3 拓展-层叠性1.3.4 font复合属性1.3.5 文本缩进1.3.6 水平对齐方式1.3.3 文本修饰线1.3.3 行高1 CSS基础1.1 CSS的基础认知1.2 CSS基础选择器1.2.1标签1.2.2 类选择器先定义 后使用每个类都
2022-03-22 19:56:04 2795
原创 Flutter-设置信息本地持久化
Flutter_设置信息本地持久化前言1. shared_preferences库的介绍2. shared_preferences库的集成和使用2.1 集成2.2 API 和使用前言这篇文章我们将学习到如果在flutter中做一些设置信息的本地持久化, 做一些轻量级信息的本地持久化。1. shared_preferences库的介绍首先数据存储是APP开发中必不可少的, 比如记录用户习惯、页面缓存,从网络上获取数据本地缓存。Flutter官方推荐我们用shared_preferences进行数据存
2022-02-24 11:16:08 2540
原创 IOS-layoutSubviews方法的调用时机
IOS-layoutSubviews方法的调用时机前言layoutSubviews调用时机setNeedsLayout 和 layoutIfNeededaddSubview改变view的size大小需要注意点前言最近在开发项目的过程中,修改以前的布局代码,之前单独设置上、下、宽度、高度,的值是正常,但是我改成设置空间的frame之后,程序运行发生了死循环, 最后找到子控件的layoutSubviews方法中设置自身的高度,然后再父视图,我又设置了该控件的frame。子控件的代码:在运行之后,展示该
2022-02-22 13:50:16 4439
原创 技术学习-Swift子数组提取性能优化分析
技术学习-Swift子数组提取性能优化分析前言问题1. for方法求解2. 数组内置的区间运算符求解3.方法三:while循环4.内存复制编译器优化取舍分析经验总结:前言公司大佬,经常会在群里发送一些认为比较有价值的技术文章, 之前比较忙没空学习整理, 现在准备学习这些文章,一方面提高自己的见识面, 一方便做个记录方便以后有资料可以查找。本篇学习的原文来自于这里:Swift子数组提取性能优化分析, 本人通过学习这边文章来整理一个适合自己看的笔记, 同时也通过代码来学习实践下。问题数组对于我们编程来
2022-02-21 14:20:10 1883
原创 Flutter错误信息搜集
Flutter错误信息搜集1.Incorrect use of ParentDataWidget.1.Incorrect use of ParentDataWidget.报错原因:Expanded、Flexible等组件,在“Container、Padding、Stack”组件中导致的。解决方案: Expanded、Flexible只在Row、Column等组件内,不在其他组件内使用。.........
2022-01-14 17:31:11 3865
原创 技术分享-swift防御编程
技术分享-swift防御编程1 前言2 防御性编程的习惯3. swift中一些需要注意的点3.1 可选类型 Optional Type3.2 OC默认非空声明对Swift的影响3.3 多个运算符结合时,请使用括号显式进行结合3.4 闭包中调用self要避免循环引用3.5 Swift与OC混编时反射问题3.6 Swift中String.count与OC中NSString.length不总是相同4 swift中的一些规范公司每两周会组织一次团队内的技术学习会议,大家轮流分享自己开发中,一些遇到的问题,或则
2022-01-14 15:27:28 1844
原创 flutter监听app进入前后台状态
flutter监听APP状态1. 监听app进入前后台状态2.其它状态监听在开发app的过程中,我们经常需要根据app的前后台的状态,做一些事情,那么我们在flutter中是如何实现这一监听的?flutter给我们提供了WidgetsBindingObserver来进行一些状态的判断,但是判断前后台的状态只是该API种其中一种功能,对于WidgetsBindingObserver需要注意两点最好是先进入而且不会销毁的页面, 这可以判断整个程序的前后台状态(例如:main。dart类中)Widget
2022-01-12 09:34:26 5031 2
原创 Flutter中的Timer
Flutter中的Timer1.单次运行的定时器2. 重复运行定时器Timer的官方文档资料1.单次运行的定时器源码:factory Timer(Duration duration, void Function() callback) { if (Zone.current == Zone.root) { // No need to bind the callback. We know that the root's timer will // be invoked
2022-01-10 17:42:30 2465
原创 Flutter学习之混合开发
Flutter学习之混合开发1. 调用原生功能1.1 Camera(已有三方插件支持直接调用)1.1.1 添加依赖1.1.2 平台配置1.1.3 代码实现1.2 电池信息(没有三方插件支持,需要编写原生代码)1.2.1 平台通过介绍1.2.2 创建测试项目1.2.3 编写Dart代码1.2.4 编写IOS平台代码1.2.4.1 swift代码实现1.2.4.2 Objective-C代码实现1.2.5 编写Android代码1.2.5.1 kotlin 实现代码1.2.5.2 java实现代码2. 嵌入原有
2022-01-06 17:55:28 3161
原创 Flutter学习-打包和发布
Flutter学习-打包和发布1. Android的打包和发布1.1 基本信息的配置1.1.1 版本信息1.1.2 用户权限配置1.2 应用程序签名1.2.1 创建一个密钥库1.2.2 在app中引用秘钥库1.2.3 在gradle中配置签名1.3 打包引用程序1.4 发布应用程序2 IOS程序发布1. Android的打包和发布1.1 基本信息的配置之前我们学习程序的配置信息时,我们介绍过这些信息,这里的话我们就不做过多的介绍应用的AppID应用的名称应用的icon应用的launcher
2021-12-31 13:51:36 1929
原创 flutte学习-编译模式
flutter学习-编译模式1. Flutter的编译模式1.1 Debug模式1.2 Release模式1.3 profile模式2. 开发中模式区分1. Flutter的编译模式1.1 Debug模式在Debug模式下,app可以被安装在模拟器和真机上进行调试Debug模式有如下特点:断言是开启的(Assertions)服务扩展是开启的(Service extension)这个可以从runApp的源码查看runApp -> WidgetsFlutterBinding ->
2021-12-31 09:34:55 690
原创 Flutter学习之测试
Flutter学习之测试1. 单元测试1.1 添加测试依赖1.2 创建需要测试的类1.3 创建测试文件1.4 整合多个测试1.5 测试的初始化2. Widget测试2.1 创建widget2.2 编写测试代码3. 集成测试3.1 创建可测试的应用程序3.2 添加测试依赖3.3 创建一个测试文件3.4 编写安装应用代码3.5 编写集成测试代码3.6 运行集成测试3.7 注意1. 单元测试单元测试是针对一个函数和一个类进行测试1.1 添加测试依赖将test或则flutter_test加入依赖文件
2021-12-30 16:13:40 1597
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人