封面图 在上一节中，我们用threejs成功创建了一个蓝色的立方体。但是如果我们仔细观察一下，会发现几个非常有意思的现象，比如： 我们在创建立方体的时候并没有对它做旋转操作，但是它看起来却是像被旋转过一样。 这个立方体看起来不够立体，更像是一个六边形。 如果我们将网页放大一些，会看到这个立方体的边缘并不是直线，而是有很多的锯齿形状。 为什么会出现这种现象呢？下面我们来一个一个的弄明白其中的缘由。 似乎被旋转过 这个问题非常简单，让我们在之前的代码中稍作修改，将相机的位置稍微调整一下。 //设置相机位置 camera.position.set(0,0,10) //设置镜头方向 came...

封面图 国庆期间骑着车子带娃出去跑了一天山，这种走一路玩一路看一路风景的感觉确实很不错 什么是数字化 从字面的意义理解，数字化可以理解为信息化。因为当前的社会是一个高度发达的信息社会，我们无时无刻不在接收来自四面八方的信息。 而我们日常生活中的可以体现出数字化的例子主要体现为我们生活中所常用的设备：手机、电脑、电视、空调、等可以接入互联网的设备。 这些都是生活中数字化的一些体现。 企业的数字化转型 数字化转型这个词听起来比较官方，通常是针对企业来说的。目的是将企业的生产、管理等流程，通过信息化的手段进行升级，用来达到提升企业运行效率，增加企业效益的目的。 作为互联网行业的参与者，以往的经历中...

封面图 现在回过头来看《七龙珠》，它不仅仅是一部动画片，也是一部科幻片。 龙珠雷达，各种飞行器，便携胶囊，头戴式的能量探测仪... 跨平台技术和跨端技术 跨平台技术包括docker、浏览器、jvm、node、deno、electron、webcontainer等，他们都是跨平台（操作系统）的方案，跨平台有优点也有缺点，缺点就在于api的设计比较难，node、deno、java等都有自己的一层api设计；api一致性的保障也比较困难；其次就是扩展方式复杂一些（jvm的jni、node的caddon等）。 跨端方案有reactnative、weex、flutter、kraken等，有的是绑定了r...

封面图 flutter组件的实现参考了react的设计理念，界面上所有的内容都是由组件构成，同时也有​​状态组件​​​和​​无状态组件之分​​，这里简单介绍最基本的组件。 在组件代码的书写方式上，web端开发的样式主要有由css进行控制，而客户端开发根据使用的技术栈不同，写法也稍微有些不同：ReactNative的写法和web比较类似，但是ReactNative是使用​​StyleSheet.create()​​方法创建样式对象，以内联的方式进行书写。 importReactfrom'react';import{StyleSheet,Text,View}from'react-nativ...

封面图 Row组件 这两个组件可以用来进行做flex布局，row可以用来做水平方向的布局，column可以用来进行垂直方向上的布局，这两个类都是基于web的flex布局模式实现的。 ​​Row​​​组件通常不会考虑到内部元素的滚动问题，如果Row中的子组件超过可用空间的大小，则会被视为一种错误。如果我们有几个组件，并且希望在空间不足的时候有个滚动效果，那么我们就可以考虑使用​​ListView​​组件。 ​​Row​​组件类有这么几个属性： ​​children​​：要进行布局的子组件。 ​​crossAxisAlignment​​:交叉轴对齐方式。 ​​mainAxisAlignment...

封面图 studyitselfisaboringthing,butitalsoveryuseful.sojustlearnwhatyouwanttolearn,dowhatyouwanttodo.bewhatyouwanttobe. flutter中的布局 flutter布局机制的核心是组件。在flutter中，几乎所有的东西都是组件，布局模型也不例外。图片，Icon,文本等等，我们在flutter客户端中看到的所有内容都是组件。我们看不到的东西，比如：rows，columns,等等等等也都是组件。 我们将简单的组件组合在一起，构成复杂的组件。比如我们经常写的导航栏： 他的布局可能是这样的...

封面图 那些封控做核酸的日子，仿佛还在昨天。这几天核酸检测点撤掉之后，仿佛疫情根本没有发生过一样～ 导航和路由 Flutter提供了一个完整的用于在屏幕之间导航和处理深层链接的系统。没有复杂深度链接的小型应用程序可以使用​​Navigator​​​，而具有特定深度链接和导航要求的应用程序也应该使用​​Router​​​来正确处理​​Android​​​和​​iOS​​应用上的深度链接，并在应用程序在web上运行时与地址栏保持同步。 使用​​Navigator​​导航 ​​Navigator​​​导航组可以用正确的过渡动画来展示对应的界面，当然，和web端的路由类似，界面其实也是以​​栈​​的...

封面图 窗外是一所小学，这两天那座教学楼的墙上多了个校训，我总是把【脚踏实地】看成【实训基地】～ 状态管理 对于经常写​​Vue​​​和​​React​​项目的同学来说，状态管理这个名词并不陌生。同样，在我们开发Flutter应用的时候，我们也需要对状态进行管理。 比如：我们的Flutter应用有两个页面需要共享一个数据，或者父子组件之间需要相互调用之类，我们都可以通过状态管理来处理这些个情况。 声明式的应用 Flutter其实是声明式的。这意味着Flutter会根据我们声明的状态实时的调整UI的布局。这其实跟​​Vue​​​和​​React​​很像。 当我们改变了应用的状态，就会触发界面的...

封面图 下个季度的目标是把前端监控相关的内容梳理出来，梳理出来之后可能会在公司内部做个分享～ Flutter应用程序既括代码也包括一些其他的资产，我们通常这些资产为资源。 有时候我会思考assets这个单词，在程序中到底应该翻译为资产呢？还是翻译为资源？按照习惯，我们这里还是称为资源好了～ 这些资源是一些与应用程序捆绑在一起和并且部署应用时会用到的的文件，在运行时也可以进行访问。常见类型的资源包括静态数据（例如，JSON文件）、配置文件、图标和图像（JPEG、WebP、GIF、动画WebP/GIF、PNG、BMP和WBMP）等等。 指定相应的资源 Flutter使用位于项目根目录的​​pub...

封面图 我们在看电影的时候，往往只关注某个主演的角色，其实那些小角色的表演，远远比主演角色的表演要丰富～ 场景 怎样才能在我们的flutter应用中对用户输入做出响应？比如我们有个图标，我们想让它支持点击事件，或者在状态改变的时候换一个不同的图标。 其实我们可以创建一个有状态的组件来控制或管理那些需要变化的组件。 状态组件VS无状态组件 这两个概念在react中我们非常熟悉，状态组件内部定义的有自己的属性，可以用来控制不同状态下展示不同的界面。无状态组件则只负责展示界面，没有其他的多余功能。 在flutter中无状态组件有很多，比如：​​Icon​​, ​​IconButton​​...

封面图 很难想象一款移动应用程序不需要与web服务器通信，也不需要存储结构化数据。在开发一款网络连接的应用程序时，它迟早会需要使用一些JSON。 这里简单介绍一下JSON在flutter中的使用。 ​​Tips​​: 编码和序列化是将数据结构转换为字符串的同一件事。解码和反序列化是将字符串转换为数据结构的相反过程。然而，序列化通常也指将数据结构转换为更易于阅读的格式的整个过程。 哪种JSON序列化方法适合 这里主要简单介绍两种序列化方式： 手动序列化 使用代码自动序列化 不同的项目复杂度以及用例都不同，对于一些较小的项目或者类似原型的的应用，使用代码生成可能有些大材小用，而对于有很多...

封面图 跨平台的http请求 ​​http​​​包提供了最简单的发起请求的方式，并且这个包在​​WEB​​​,​​ANDROID​​​,​​IOS​​上都得到了很好的支持。 需要注意的是，在某些特定的平台上需要设置一些额外的内容，比如： 在​​ANDROID​​​上必须在manifest(​​AndroidManifest.xml​​)文件中进行声明。 <manifestxmlns:android...>...<uses-permissionandroid:name="android.permission.INTERNET"/><application....