自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 HarmonyOS入门学习

我们除了上述这个单独抽取到文件的组件方法之外我们还可以使用自定义函数, 我们可以通过自定义函数来达到类似组件封装的目的,而且自定义函数做内部的体验封装更合适一点。全局自定义函数全局自定义函数是写在组件外面的, 所有的组件都可以调用, 作为函数可以传参!局部自定义函数: 相比较全局自定义函数, 少了function字段, 并且只能组件内部调用, 调用时需要加this我们可以发现,在上述的代码中我们有很多可以用公用的样式,假如样式有变动,可能会导致我们修改的地方很多,代码很难维护。

2024-03-20 16:23:05 1939

原创 web前端-Gulp入门

gulp: 前端自动化打包固件工具,gulp是基于流格式的一种打包构建工具,依赖node环境进行开发, 底层封装的内容就是node里面的读写文件。什么是流?流文件: 流一种文件传输的格式一段一段的文件传输流格式: 流从头到尾的一个过程需要从 源 开始一步一步经过加工,每一个步骤都需要依赖上一步的结果,最终给出一个完成的成品。gulp的安装是一个JavaScript相关的工具就是可以直接使用npm 进行安装需要安装在你的电脑环境里面, 一次安装多次使用。

2023-11-08 16:33:08 232 1

原创 微信小程序不同机型底部安全区域问题

获取系统信息,你可以获取到屏幕的宽高、底部安全区域的高度等信息。根据这些信息,你可以动态地计算和调整元素的位置和大小。这个属性可以获取到底部安全区域的高度。你可以通过在需要适配的元素上使用此属性,并将其设置为对应的值来实现适配。API 获取系统信息:通过调用。

2023-07-17 09:46:20 1445

原创 web前端-ES6语法学习

我们可以回顾下node.js中是如何实现模块化的。node.js遵循了CommonJS的模块化规范。导入其他模块使用require()方法模块对外共享成员使用对象模块化的好处: 大家都遵守同样的模块化规范写代码,降低了沟通的成本,极大方便了各个模块之间的相互利用,利人利己前端模块化规范分类:在ES6模块化规范诞生之前,JavaSript社区已成常事并提出了等模块化规范。但是这些由社区提出的模块化标准,还是存在一定的差异性与局限性并不是浏览器与服务器通用的模块化标准AMD和CMD 适用于浏览器端。

2023-06-14 17:02:47 820

原创 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 3223

原创 如何使用uni-app开发微信小程序

uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码,可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。详细的 uni-app 官方文档,请翻阅。

2023-06-14 15:58:41 12033 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 1233

原创 Web前端-Vue2.0框架学习

vue是一套用于构建用户界面的前端框架。数据驱动视图双向数据绑定数据驱动视图:在使用vue的页面中,vue会监听数据的变化,从而自动重新渲染页面的结构。示意图如下:好处: 当页面数据发生变化时,页面会自动重新渲染注意: 数据驱动视图是单向的数据绑定双向数据绑定: 在填写表单时,双向数据绑定可以辅助开发者不操作DOM的前提下自动把用户填写的内容同步到数据源中好处: 开发者不需要手动操作DOM元素,来获取表单元素最新的值MVVM 是vue实现数据驱动视图和双向数据绑定的核心原理。

2023-04-22 10:33:21 842 1

原创 web前端-微信小程序开发学习

微信小程序和普通网页开发的区别:关于微信公众号平台如何注册小程序的账号, 如何获取小程序的appid, 如何下载小程序的开发工具, 这里我不做过多叙述。大家自行百度安装开发环境。创建组件:在项目的根目录中,鼠标右键创建components->test文件夹在新建的components -> test文件夹上,鼠标右键,点击新建components输入组件的名称之后回车,会自动生成组件对应的4个文件,后缀名分别为为了保证目录结构的清晰,建议把不同的组件,存放到单独目录中。

2023-03-21 14:49:03 5819 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 602

原创 Flutter Modul集成到IOS项目

Flutter Modul集成到既又IOS项目

2023-02-14 10:53:51 850

原创 UICollectionView获取当前item的NSIndexPath问题

UICollectionView获取当前item的NSIndexPath问题

2023-01-03 16:59:44 763

原创 web前端-Ajax基础学习

web前端-Ajax基础学习

2022-11-29 19:46:50 639

原创 web前端-JQuery

快速了解jQuery的基本使用

2022-11-07 10:40:00 912

原创 web前端-JS(DOM、BOM)

web前端-JS(DOM、BOM)

2022-10-25 21:43:29 2255

原创 flutter中List遍历

fluttetr中关于list循环的一些方法

2022-08-10 14:03:07 3437

原创 fluttter学习之ButtonStyle 、MaterialStateProperty

ButtonStyle和MaterialStateProperty的学习

2022-07-28 15:59:51 918

原创 flutter学习之widget的显示和隐藏

flutter中widget的显示和隐藏

2022-07-27 17:38:28 2900

原创 web前端-JS入门

web前端-JS入门1.初识JavaScript1.初识JavaScript

2022-05-12 21:29:42 1047

原创 web学习-前端进阶

web学习-前端进阶(html5+css3+移动端项目布局)

2022-04-30 16:48:08 1253

原创 flutte学习-裁剪圆角图片

flutter学习-圆角图片的裁剪

2022-04-01 16:53:45 800

原创 IOS侧滑返回和滑动视图的之间的冲突

IOS侧滑返回和滑动视图的之间的冲突

2022-03-30 17:36:00 3042

原创 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 1623

原创 web前端学习-html标签

web前端学习-heml标签

2022-02-26 19:21:13 1370

原创 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 2319

原创 IOS-layoutSubviews方法的调用时机

IOS-layoutSubviews方法的调用时机前言layoutSubviews调用时机setNeedsLayout 和 layoutIfNeededaddSubview改变view的size大小需要注意点前言最近在开发项目的过程中,修改以前的布局代码,之前单独设置上、下、宽度、高度,的值是正常,但是我改成设置空间的frame之后,程序运行发生了死循环, 最后找到子控件的layoutSubviews方法中设置自身的高度,然后再父视图,我又设置了该控件的frame。子控件的代码:在运行之后,展示该

2022-02-22 13:50:16 4106

原创 技术学习-Swift子数组提取性能优化分析

技术学习-Swift子数组提取性能优化分析前言问题1. for方法求解2. 数组内置的区间运算符求解3.方法三:while循环4.内存复制编译器优化取舍分析经验总结:前言公司大佬,经常会在群里发送一些认为比较有价值的技术文章, 之前比较忙没空学习整理, 现在准备学习这些文章,一方面提高自己的见识面, 一方便做个记录方便以后有资料可以查找。本篇学习的原文来自于这里:Swift子数组提取性能优化分析, 本人通过学习这边文章来整理一个适合自己看的笔记, 同时也通过代码来学习实践下。问题数组对于我们编程来

2022-02-21 14:20:10 1676

原创 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 3387

原创 技术分享-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 1620

原创 flutter监听app进入前后台状态

flutter监听APP状态1. 监听app进入前后台状态2.其它状态监听在开发app的过程中,我们经常需要根据app的前后台的状态,做一些事情,那么我们在flutter中是如何实现这一监听的?flutter给我们提供了WidgetsBindingObserver来进行一些状态的判断,但是判断前后台的状态只是该API种其中一种功能,对于WidgetsBindingObserver需要注意两点最好是先进入而且不会销毁的页面, 这可以判断整个程序的前后台状态(例如:main。dart类中)Widget

2022-01-12 09:34:26 4102 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 2279

原创 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 2889

原创 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 1670

原创 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 517

原创 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 1284

原创 setValue和setObject的区别

setValue和setObject的区别1.1 `setValue: forKey:`的定义1.2`setObject: forKey:`的定义1.3 区别1.4 注意大家在使用NSMutableDictionary经常会使用setValue: forKey:与setObject: forKey:,这两个方法经常是交替使用的,代码中其实两个方法都有使用1.1 setValue: forKey:的定义官方文档解释:官方文档描述:该方法增加一个value和key会调用setObject: forKe

2021-12-29 10:31:40 1605

原创 IOS- 时间格式转换问题(12小时和24小时的区别)

IOS时间格式区别问题:使用NSDateFormatter 进行NSString和NSDate对象转换时,格式字符串中使用“hh”,在iOS设备 日期与时间设置项中24小时制设置项处于关闭的设置下,小时 大于12的NSString对象转换成NSDate对象时会返回nil。时间格式的含义:yy表示Year, Y表示Week Year,计算方式不一样,通常使用【y】MM是为了和分钟的m区分,Month in yeardd是Day in month,D是Day in yearHH是24小时制Hou

2021-12-24 15:21:50 4678

原创 Flutter学习-项目实战

Flutter学习-项目实战

2021-12-21 14:12:03 2992

原创 Flutter学习-屏幕适配

屏幕适配1. Flutter的单位1.1 Flutter中的单位1.2 Flutter的设备信息2. 适配方案目前移动端设备非常多,并且不同的设备手机屏幕也不相同。目前做移动端开发都要针对不同的设备进行一定的匹配,无论是移动原生开发、小程序、H5页面那么下面我们来学习下,Flutter中如何针对不同的手机屏幕来进行适配1. Flutter的单位1.1 Flutter中的单位在进行Flutter开发时,我们通常不需要传入尺寸的单位,那么Flutter使用的是什么单位呢?Flutter使用的

2021-11-04 16:09:40 859

原创 IOS中触摸事件学习

IOS中触摸事件学习1. 事件的声明周期2. 系统相应阶段3. APP响应阶段4. 触摸、事件、响应者4.1 UITouch(触摸)4.2 UIEvent(事件真身)4.3 UIResponder(响应者)5. 寻找事件的最佳响应者(Hit-Testing)5.1 事件自下而上的传递5.2 Hit-Testing的本质5.3 Hit-Testing过程中的事件拦截(自定义事件流向)5.4 事件的响应以及在响应链中的传递5.4.1 事件响应的前奏5.4.2 事件的响应5.4.3事件的传递(响应链)5.4.4

2021-10-29 16:41:43 1643

空空如也

空空如也

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

TA关注的人

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