m0_37218227的博客

前言每当我们评估新技术时要问的第一个问题就是“它会给我们的业务和客户带来哪些价值？”，工程师们很容易对闪闪发光的新事物着迷，却经常会忽略这些新事物其实可能对我们的客户没有任何好处，反而只会让现有的工作流程更加复杂。2021年3月3号，google宣布Flutter 2：Flutter的重大升级，使开发人员能够为任何平台创建美观，快速且可移植的应用程序。针对web，移动和台式机构建的下一代Flutter。用户可以使用相同的代码库将本机应用程序发布到五个操作系统：iOS，Android，Window

搜索功能是app，小程序中非常常见的一个需求，作为常见的需求，如何高效地完成该需求的实现，就异常关键。那么小程序中如何从0到1实现搜索功能呢？请看本文搜索页wxml<searchbar bindsearchinput="onSearchInputEvent"></searchbar><view class='history-list-group' wx:if="{{histories && !subjects}}"> <vie.

详情页是app，小程序中非常常见的一个需求，作为常见的需求，如何高效地完成该需求的实现，就异常关键。这种页面往往比较复杂，涉及多种布局，那么小程序中如何从0到1实现滑动布局呢？请看本文效果展示可以看到这个页面里面，涉及了tab，评分，评论，tite多种布局，布局相对复杂详情页wxml<view class="item-header"> <view class="item-title">{{item.title}} {{item.original_title}

首页是app，小程序中非常常见的一个需求，作为常见的需求，如何高效地完成该需求的实现，就异常关键。那么我们如何从0到1实现自己的首页，请看本文。实际效果实现了瀑布流的布局，同时，涉及了豆瓣的相应api的网络请求，进而获取对应item的数据WXML布局由于大多数布局相对一致，因此我采用了组件化的设计，减少代码的冗余，下面是首页的xml布局<!--index.wxml--><searchbar isnavigator="{{true}}"></se.

滑动布局是app，小程序中非常常见的一个需求，作为常见的需求，如何高效地完成该需求的实现，就异常关键。app中recycleview、listview，scrollview等布局，那么小程序中如何从0到1实现滑动布局呢？请看本文效果展示可以看到多个item整体的分布在一列上，可以用手指进行左右滑动控件布局wxml文件<view class="module-group"> <view class="module-title"> &lt..

导航栏是app，小程序中非常常见的一个需求，作为常见的需求，如何高效地完成该需求的实现，就异常关键。 先看实际效果1. 没有点击时候，导航栏显示放大镜图标2. 点击导航栏，显示搜索两个字3. 可以输入关键词，进行搜索导航...

跳转页面发状态消息，是一个很常见的功能，功能截图如下：具体实现，这个功能涉及到了page传递参数功能，那么今天就仔细探究一下如何实现首先，这个功能涉及两个页面，分别为top和list先看list页面，即图片1和图片4，该页面的布局如下<!--pages/weibo/list/list.wxml--><view>这是第一条微博</view><view wx:for = "{{weibos}}">{{item}}</v.

展示效果，做的支付宝首页，代码如下，本质是探究flex布局的用法wxss css代码/**index.wxss**/.blue-group{ background: #1e82d2; padding: 20rpx;}.blue-group .top-group{ height: 58rpx; width: 100%; display: flex;}.top-group .search-group{ flex: 1; display: flex;}

链接：https://pan.baidu.com/s/12lKiWBt2N41QBIadmI9H4w提取码：u3p3素材：链接：https://pan.baidu.com/s/1JjHfoU64TxIEV5l7hiw5XA提取码：qzb4链接：https://pan.baidu.com/s/1e3MUy5vyNWsnI11OXMkn_g提取码：fame链接：https://pan.baidu.com/s/1oeMArx1Y8Vn3-F2D3XvdcA提取码：cn6x链接：https://p

模板templateWXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。1. 定义模板（1）定义模板wxml（2）定义模板wxss2. 使用模板（1）常规使用（2）高效使用定义模板（1）wxml<!--templates/message/message.wxml--><template name='message'> //模板名称 <view class="message-group"&gt.

九九乘法表是各位砖友面试，学习中经常遇到的一个简单问题对于这类算法的实现，我们往往是用两个for循环进行解决，今天我简单探究一下如何在小程序中实现九九乘法表的算法wxml中实现算法逻辑<!--9*9乘法表实现--><view class='row' wx:for="{{[1,2,3,4,5,6,7,8]}}" wx:for-item="row"> &lt...

前几天学习了react这个开发框架，了解了JS语言的基本知识。想到最近3年小程序如火如荼的发展，进而决定入坑学习。微信小程序简介 微信小程序是以微信为运行环境的一种应用，其实质是 Hybrid 技术的应用，Hybrid App 即混合模式移动应用，因此与 H5 类似，但又比 H5 拥有很多原生的能力，例如调用位置信息和摄像头等。小程序的开发方式与 H5 十分相似，用...