前端
文章平均质量分 72
HL是限量版
我不曾向往一张未经沧桑的面庞,但会仰慕一颗赤诚热烈的少年心
展开
-
【详细】三种主流跨平台技术探讨
前言每当我们评估新技术时要问的第一个问题就是“它会给我们的业务和客户带来哪些价值?”,工程师们很容易对闪闪发光的新事物着迷,却经常会忽略这些新事物其实可能对我们的客户没有任何好处,反而只会让现有的工作流程更加复杂。2021年3月3号,google宣布Flutter 2:Flutter的重大升级,使开发人员能够为任何平台创建美观,快速且可移植的应用程序。针对web,移动和台式机构建的下一代Flutter。用户可以使用相同的代码库将本机应用程序发布到五个操作系统:iOS,Android,Window原创 2021-03-24 11:37:06 · 2088 阅读 · 12 评论 -
【详细】手把手教你实现JavaScript轮播图功能
轮播图见下图是移动端,网站上一种非常常见的展示效果,我们在各大app,网站都经常可以看到这种效果。用户可以用手来回选择展示的图片,无点击事件时,控件会依次循环展示图片。那么本文今天就探究一下如何实现这类效果。...原创 2021-01-28 14:08:23 · 7665 阅读 · 26 评论 -
【详细】豆瓣小程序--详情列表页实现
详情页是app,小程序中非常常见的一个需求,作为常见的需求,如何高效地完成该需求的实现,就异常关键。这种页面往往比较复杂,涉及多种布局,那么小程序中如何从0到1实现滑动布局呢?请看本文效果展示可以看到这个页面里面,涉及了tab,评分,评论,tite多种布局,布局相对复杂详情页wxml<view class="item-header"> <view class="item-title">{{item.title}} {{item.original_title}原创 2020-07-12 12:00:35 · 4155 阅读 · 6 评论 -
【详细】豆瓣小程序--从0到1实现首页布局
首页是app,小程序中非常常见的一个需求,作为常见的需求,如何高效地完成该需求的实现,就异常关键。那么我们如何从0到1实现自己的首页,请看本文。实际效果实现了瀑布流的布局,同时,涉及了豆瓣的相应api的网络请求,进而获取对应item的数据WXML布局由于大多数布局相对一致,因此我采用了组件化的设计,减少代码的冗余,下面是首页的xml布局<!--index.wxml--><searchbar isnavigator="{{true}}"></se.原创 2020-07-01 10:33:45 · 1448 阅读 · 4 评论 -
【详细】豆瓣小程序--实现滑动布局
滑动布局是app,小程序中非常常见的一个需求,作为常见的需求,如何高效地完成该需求的实现,就异常关键。app中recycleview、listview,scrollview等布局,那么小程序中如何从0到1实现滑动布局呢?请看本文效果展示可以看到多个item整体的分布在一列上,可以用手指进行左右滑动控件布局wxml文件<view class="module-group"> <view class="module-title"> <..原创 2020-06-29 17:03:28 · 1407 阅读 · 4 评论 -
【详细】豆瓣小程序--从0-1实现自己的导航栏控件
导航栏是app,小程序中非常常见的一个需求,作为常见的需求,如何高效地完成该需求的实现,就异常关键。 先看实际效果1. 没有点击时候,导航栏显示放大镜图标2. 点击导航栏,显示搜索两个字3. 可以输入关键词,进行搜索导航...原创 2020-06-27 20:37:25 · 2753 阅读 · 4 评论 -
【详细】小程序模板使用教程
模板templateWXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。1. 定义模板(1)定义模板wxml(2)定义模板wxss2. 使用模板(1)常规使用(2)高效使用定义模板(1)wxml<!--templates/message/message.wxml--><template name='message'> //模板名称 <view class="message-group">.原创 2020-06-11 10:00:25 · 2411 阅读 · 2 评论 -
微信小程序实现9*9乘法表
九九乘法表是各位砖友面试,学习中经常遇到的一个简单问题对于这类算法的实现,我们往往是用两个for循环进行解决,今天我简单探究一下如何在小程序中实现九九乘法表的算法wxml中实现算法逻辑<!--9*9乘法表实现--><view class='row' wx:for="{{[1,2,3,4,5,6,7,8]}}" wx:for-item="row"> <...原创 2020-04-17 15:35:23 · 4864 阅读 · 0 评论 -
全网最详细的微信小程序开发教程
前几天学习了react这个开发框架,了解了JS语言的基本知识。想到最近3年小程序如火如荼的发展,进而决定入坑学习。微信小程序简介 微信小程序是以微信为运行环境的一种应用,其实质是 Hybrid 技术的应用,Hybrid App 即混合模式移动应用,因此与 H5 类似,但又比 H5 拥有很多原生的能力,例如调用位置信息和摄像头等。小程序的开发方式与 H5 十分相似,用...原创 2019-12-19 17:31:38 · 20834 阅读 · 26 评论 -
【详细】一键部署React开发环境
1、环境安装,首先要安装node(1)去官网下载nodejs安装包https://nodejs.org/en/download/ 下载对应系统的node安装包,安装一路next就好了。(2)安装成功了试试 node -v ,npm -v 来测试是否安装成功(不需要自己手动配置系统环境变量)因为国内使用npm很慢,我们可以使用淘宝的cnpm,同时设置镜像地址 npm...原创 2019-12-11 10:13:26 · 775 阅读 · 2 评论 -
【详细】vue引入iconfont攻略
iconfont是一个阿里巴巴开源的一个控件资源网站,作为前端开发我们可以在项目中引入iconfont便利我们的开发。但是网上的引入流程大多就是人云亦云,照抄官网教程,并不详细,因此我梳理了一下vue导入iconfont的流程,供大家学习。1. 在官网下载对应控件的代码官网链接:https://www.iconfont.cn/2. 将解压的控件代码放到asset文件中...原创 2019-01-17 15:11:01 · 285 阅读 · 0 评论