移动开发
文章平均质量分 69
IT实战联盟Lin
这个作者很懒,什么都没留下…
展开
-
今日头条品质优化 - 图文详情页秒开实践
背景作为一个内容类应用,看新闻读资讯一直是头条用户的核心需求,页面的打开速度直接关系到用户使用头条的核心体验,在头条中,为了更多的承载足够丰富的样式和逻辑下保持多端体验的统一,详情页的内容我们是通过 WebView 来承载的,但 WebView 本身的性能相比 Native 来说比较差,因此,今日头条技术团队一直致力于优化详情页的加载速度。经过不断的优化,目前今日头条中详情页在线上的打开体验,从肉眼上基本已经感知不到加载过程。在接下来这篇文章里,我们会逐步拆解和介绍我们对详情页加载优化的思路和实践。转载 2021-01-07 09:48:19 · 1438 阅读 · 0 评论 -
推荐一款功能强大,开源免费的H5可视化编辑器
IT实战联盟博客:http://blog.100boot.cnH5-Dooring 是一款功能强大,开源免费的H5可视化页面配置解决方案,致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以react为主, 后台采用nodejs开发.预览在线地址:H5-Dooring强大的拖拽生成H5制作工具产品技术实现React前端主流框架(react,vue,angular)之一,更适合开发灵活度高且复杂的应用 dva主流的react应用状态管...转载 2020-10-30 13:37:16 · 8279 阅读 · 0 评论 -
「开源资讯」浏览器中可以深度学习的框架Paddle.js 1.0 发布
简介Paddle.js 1.0 发布了。Paddle.js 是百度 Paddle 的 web 方向子项目,是一个运行在浏览器中的开源深度学习框架。Paddle.js 可以加载提前训练好的 paddle 模型,或者将 paddle hub 中的模型通过 paddle.js 的模型转换工具变成浏览器友好的模型进行在线推理预测使用。目前,paddle.js 仅可以在支持 webGL 的浏览器中运行。更新内容:兼容性支持在 webGL2.0 和 webGL1.0 的浏览器上运行。例如 ch.原创 2020-07-03 09:35:35 · 413 阅读 · 0 评论 -
老板说:明天来加班写个FCM消息推送功能......
前言最近在开发一款国际版的APP,项目中需要支持客户端消息推送,自己实现肯定是不可能的,需要寻找第三方的SDK。在做技术调研的时候决定使用google的FCM框架来实现,有个缺点就是大陆是接收不到的(fq可以)。那么本章就给大家分享一下如何基于Spring Boot集成Firebase实现FCM消息推送功能。必要条件1、大陆开发者要准备好vpn(你懂的)。2、申请Google Fireba...原创 2019-12-05 14:34:03 · 2934 阅读 · 1 评论 -
微信小程序微商城(九):微信授权并实现个人中心页面页面
上一篇:微信小程序微商城(八):缓存实现商品购物车功能看效果开发计划1、实现微信授权并获取用户信息2、个人中心页面布局一、实现微信授权并获取用户信息mine.jsonLoad: function () { if (app.globalData.userInfo) { this.setData({ ...原创 2018-08-02 09:44:40 · 34870 阅读 · 20 评论 -
Google 宣布正式开源 Jib ,帮助 Java 应用快速容器化
Google 本周宣布开源一款新的 Java 工具 Jib ,旨在让开发者使用他们熟悉的工具更轻松地将 Java 应用程序容器化。在7月9日发布的博客文章中,Google 软件工程师 Appu Goundan 和 Qingyang Chen 将 Jib 描述为一个容器镜像构建器,旨在处理将 Java 应用打包到容器中所涉及的所有步骤。他们表示,容器使 Java 开发者比以往任何时候都更靠近“一次编...原创 2018-07-12 10:11:51 · 611 阅读 · 0 评论 -
微信小程序微商城(七):动态API实现商品分类
上一篇:微信小程序微商城(六):动态API实现新品特卖商品流式布局看效果商品分类.gif开发计划1、商品分类页面布局2、调用动态API获取数据并加载3、点击商品分类跳转相关商品集合根据商品ID获取商品详情API数据模型访问:https://100boot.cn/ 选择微商城案例,如下图所示:商品分类API.jpg下方还有详细的数据模型可以查看哦!classify.wxml<!--主盒子--&...原创 2018-07-10 15:56:38 · 16717 阅读 · 3 评论 -
微信小程序微商城(八):缓存实现商品购物车功能
上一篇:微信小程序微商城(七):动态API实现商品分类看效果购物车.gif开发计划1、商品详情页将商品信息放入缓存2、购物车页面读取缓存获取商品信息3、购物车商品计算和删除缓存商品一、商品详情页将商品信息放入缓存detail.wxml<button data-goodid="{{goods.goodsId}}" class="button-addCar...原创 2018-07-16 16:59:14 · 13322 阅读 · 4 评论 -
微信小程序微商城(五):动态API实现商品详情页(下)
上一篇:微信小程序微商城(四):动态API实现商品详情页(上)看效果加入购物车.gif开发计划1、加入购物车悬浮框、商品数量、价格计算、收藏和加入购物车功能开发2、调用加入购物车API加入购物车根据商品ID获取商品详情API数据模型访问:https://100boot.cn/选择微商城案例,如下图所示:加入购物车和商品收藏API.jpg下方还有详细的数据模型可以查看哦!detail.wxml...原创 2018-06-25 17:37:27 · 4916 阅读 · 1 评论 -
微信小程序微商城(六):动态API实现新品特卖商品流式布局
上一篇:微信小程序微商城(五):动态API实现商品详情页(下)看效果开发计划1、新品特卖商品列表布局2、调用动态API获取数据并加载3、点击商品跳转商品详情根据商品ID获取商品详情API数据模型访问:https://100boot.cn/选择微商城案例,如下图所示:下方还有详细的数据模型可以查看哦!brand.wxml<scroll-view scroll-y="true" style...原创 2018-06-29 15:58:14 · 1829 阅读 · 3 评论 -
微信小程序微商城(三):电商首页福利专场无限下拉刷新动态API数据实现
上一篇:微信小程序微商城(二):电商首页轮播、分类导航和新品特卖实现友情提示:由于微信小程序微商城系列都是通过https调用API服务动态获取的数据模型,建议先看微信小程序微商城(一):https框架搭建并实现导航功能。效果展示话不多说,直接看实现效果:福利专场商品无限下拉展示.gif电商首页回顾功能模块.jpg如上图所示,电商首页只剩下第五个模块-福利专场,福利专场是商品列表集合 我们将采用无限...原创 2018-06-01 15:53:38 · 3796 阅读 · 0 评论 -
微信小程序微商城(四):动态API实现商品详情页(上)
上一篇:微信小程序微商城(三):电商首页福利专场无限下拉刷新动态API数据实现看效果开发计划1、实现商品详情页面布局(这篇实现3个模块,头部商品图片轮播、商品价格和商品描述、商品详情展示)2、根据用户点击不同的商品请求API动态加载数据根据商品ID获取商品详情API数据模型访问:https://100boot.cn/选择微商城案例,如下图所示:下方还有详细的数据模型可以查看哦!home.js ...原创 2018-06-13 15:33:38 · 8221 阅读 · 1 评论 -
SpringBoot+zk+dubbo架构实践(三):部署Dubbo-admin管理平台
上一篇:SpringBoot+zk+dubbo架构实践(二):SpringBoot 集成 zookeeper前言我们的架构实践已经进行一半了,今天这波操作比较轻松哦。同样我们完成两件事情。1、Dubbo Git下载(2.6.0版本)2、dubbo-admin安装和验证再次声明一下:本系列架构实践不做深入探讨,主旨是带领大家能够快速踏入微服务架构门槛,能够轻松的搭建一套属于自己的微服务架构。——...原创 2018-06-06 15:09:41 · 2128 阅读 · 1 评论 -
微信小程序抖音实战-支持手机播放小视频
上一篇抖音播放小视频文章发出来后很多的粉丝纷纷留言问为什么手机不能用呀!小编也是试了诸多方法,最后把经验总结出来给大家做了一个改进的例子首先看下效果图预览效果截图点击后播放截图点击屏幕出现暂停按钮截图实现思路给每个视频增加一个封面图片,轮播的时候只显示封面图片,当用户点击播放的时候,再弹出视频,当用户点击视频的时候显示暂停按钮,点击暂停按钮隐藏视频播放层并...原创 2018-08-23 16:28:06 · 8790 阅读 · 0 评论 -
微信小程序抖音实战-小视频弹幕
如果你去抖音只是为了看小视频就少了一大乐趣,评论区才是最有趣的地方,边看视频边看评论的弹幕是不是更有意思首先看下效果图预览效果截图实现思路把最新的评论以弹幕的方式展示出来,随机生成字体颜色局部代码变动1. 增加一个随机颜色生成算法functiongetRandomColor(){letrgb=[]for(leti=0;i<...原创 2018-08-30 11:27:56 · 2431 阅读 · 0 评论 -
微信小程序实现商品数量加减案例
简介这是一个用微信小程序原生代码实现的数量加减demo,主要是用于商品购物车或者商品详情修改数量使用,很简单哦~~~。核心js方法说明addCount(增加数量)delCount (减少数量)getCount(获取数量)实现效果如下图所示:实现步骤1、页面布局count.wxml 增加主容器代码和提交button<!-- 主容器 --> <vie...原创 2019-04-21 14:11:25 · 9865 阅读 · 3 评论 -
每周更新:Markdown1.1.7 、Nacos1.0.0 GA 、CKFinder3.5、Apache POI 4.1.0等新版本发布
1、Markdown 编辑器 1.1.7 发布,新增全屏模式react-markdown-editor 是一个基于 React 的 Markdown编辑器 组件。新版更新内容:添加全屏模式. 1ee6026修改markdown预览样式. ba3fc54修改编译脚本命令 b62c70e修复工具栏按钮类型导致Form表单提交问题. c56868f添加 toolbarsMode 参数设...原创 2019-04-16 10:18:54 · 673 阅读 · 0 评论 -
京东风格的移动端Vue组件库NutUI2.0来啦
移动端 Vue 组件库 NutUI 自发布以来受到了广泛的关注。据不完全统计,目前至少有30多个京东的 web 项目正在使用 NutUI 。经过一段时间紧锣密鼓的开发,近期,京东正式发布了 NutUI 的 2.0 版。NutUI 2.0 定位于一个京东风格的移动端精品组件库,并不是 NutUI 1.x 的简单升级版。NutUI 官网同步进行了改版,也欢迎大家访问 https://nutui....原创 2019-02-28 13:50:13 · 1297 阅读 · 0 评论 -
滴滴开源基于 React 的移动端开发组件库-Pile.js
简介Pile.js 是滴滴开发的基于 React 的移动端开发组件库。 轻量,易用,包含 52 个交互功能,支持多语言与自定义皮肤。可以非常轻松的创建用户交互界面,让前端开发更专注于业务逻辑的实现。使用第一步:引用样式和导入文件第二步:引用组件代码:看看有各种组件,如下:具体演示效果,可以扫描下方二维码,体验:项目地址:Github:https://github.com...原创 2019-02-14 16:48:23 · 1860 阅读 · 0 评论 -
精品推荐:【CKEditor】全球最优秀的网页在线文字编辑器之一
CKEditor简介CKEditor是新一代的FCKeditor,是一个重新开发的版本。CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。可配合使用的扩展有 文件管理器KCFinderKCFinder 文件管理器KCFinder 跟 CKFinder 类似,是 CKEditor 的一个开源文件管理器插件,通过该插件可上传和对包括图片、F...原创 2018-12-21 14:15:47 · 633 阅读 · 0 评论 -
微信小程序踩坑(1):wx.showModal模态对话框中content换行
问题:wx.showModal 对话框内容不能换行?如上图所示,模态对话框中content是没有换行的,但是我们需求中有需要换行提醒的业务,那怎么办呢?官方API中并没有告诉我们怎么做!解决方案:使用“\r\n”换行源码wx.showModal({ title: 'showModal换行', content: '姓名:JIM\r\n性别:女\r\n国籍:中国',...原创 2018-11-29 17:10:51 · 14370 阅读 · 0 评论 -
微信小程序:最新微信登录授权并获取openid等信息
简介为优化用户体验,使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持。从2018年4月30日开始,小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口,将无法弹出授权询问框,默认调用失败。小程序使用 button 组件,并将 open-type 指定为 getUserInfo 类型,获取用户基本信息。调用接口获取登录凭证(code)进而换取用...原创 2018-10-23 13:43:59 · 30945 阅读 · 12 评论 -
微服务架构实战篇(四):Spring boot2.0 + Mybatis +Druid监控数据库访问性能
简介该项目主要利用Spring boot2.0 + Mybatis +Druid 实现监控数据库访问性能。Druid是一个非常优秀的数据库连接池。在功能、性能、扩展性方面,都超过其他数据库连接池,包括DBCP、C3P0、BoneCP、Proxool、JBoss DataSource。 Druid已经在阿里巴巴部署了超过600个应用,经过一年多生产环境大规模部署的严苛考验。 Druid是...原创 2018-09-21 11:13:33 · 907 阅读 · 0 评论 -
微服务架构实战篇(三):Spring boot2.0 + Mybatis + PageHelper实现增删改查和分页查询功能
简介该项目主要利用Spring boot2.0 +Mybatis + PageHelper实现增删改查和分页查询功能,快速搭建一套和数据库交互的项目。源码地址 GitHub:https://github.com/yundianzixun/Spring-boot2.0-Mybatis-PageHelper 联盟公众号:IT实战联盟 我们社区:https://100boot.cn小...原创 2018-09-21 10:15:48 · 1754 阅读 · 0 评论 -
微信小程序微商城(二):电商首页轮播、分类导航和新品特卖实现
上一篇:微信小程序微商城(一):https框架搭建并实现导航功能大家在看本文前一定要先阅读上一篇文章前言上一篇我们设置了小程序后台服务器https域名设置、搭建了小程序基础的https框架和实现了首页导航模块,今天我们一起来看一下电商首页轮播、分类导航和新品特卖模块的实现。实现功能模块主要实现2、3、4,用到的API数据服务如下图所示:首页轮播模块实现home.js<!--首页轮播 bann...原创 2018-05-29 15:00:26 · 5400 阅读 · 1 评论 -
微信小程序微商城:开发者key获取
第一步:关注“实战开发助手”微信小程序,可以微信扫一扫哦!gh_8c5565f14bc5_344.jpg第二步:长按获取开发者key开发者key.jpg第三步:配置开发者key配置开发者key.jpg备注:也可以访问https://100boot.cn选择“微商城”案例下载,在源码配置完申请的key 就可以体验喽,另外平台也提供了各种API数据服务文档,如下图所示:API文档.jpgAPI详情...原创 2018-05-28 15:22:22 · 5344 阅读 · 0 评论 -
Java 实战篇-JDK9新特性
JDK9 已经出来好几个月了,这两天整理了一下JDK9的一些新特性,我们打开JDK官方的下载页会发现只有64位,没有32位了。 哈哈看到上图,意外不意外,惊喜不惊喜! 好了,不废话了直接来看jdk9吧。jdk9下载和安装jdk9的下载和安装和以前没有什么区别,下图是运行效果: 标准版的jdk9What’s New for JVM Tuning in JDK 9,主要看这个,其他的内容可以根据自原创 2018-01-25 15:16:38 · 1719 阅读 · 0 评论 -
WeUI 专为微信Web服务量身定制
概述 WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。>手机预览请用微信扫码或长按识别 WeUI核心组件**WeUI组件**目前不是很丰富,但是能满足大部分需求了。体验就更不用说了,自己试过就知道,使用起来也非常方便直接co原创 2018-01-05 13:47:04 · 721 阅读 · 0 评论 -
微信小程序电商实战-商品详情(上)
上一篇:微信小程序电商实战-首页(下)先看一下今天要实现的小程序商品详情页吧!本期我们要实现小程序商品详情页的头部标题、头部轮播、商品详情浮动按钮和商品内页布局。一、设置头部标题如上图所示,头部标题是商品详情 如果不进行设置的话会默认为app.json 设置的window.navigationBarTitleText值。detail.json{ "navigationBarTitleText":原创 2017-12-28 17:11:25 · 5144 阅读 · 0 评论 -
微信小程序电商实战-首页(上)
上一篇:微信小程序电商实战-入门篇嗨,大家好!经过近两周的精心准备终于开始微信小程序电商实战之路喽。那么最终会做成什么样呢?当然可以肯定不会只做一个静态demo哦,先把我们小程序电商实战的整体架构发出来晒一下,请看下图: 好了,不啰嗦了 我们先看首页长什么样吧!为了能够更好的表达出来,首页准备分成两次写完。 第一部分先实现如下的功能划分模块大家都知道电商平台一般分为首页、商品分类、购物车和个人中原创 2017-11-24 16:45:18 · 11684 阅读 · 3 评论 -
微信小程序电商实战-首页(下)
上一篇:微信小程序电商实战-首页(上)好了,上一期我们把首页搜索、导航栏和广告轮播给做完了,那么接下来会继续完成我们首页的剩余部分,先看我们要实现的效果吧!本期我们要实现首页的实时热销榜、福利专场和左下方个人中心+购物车的布局。一、实时热销榜话不多说,先看实际效果图:这个模块我们主要用到 scroll-view 视图容器,顾名思义就是滚动视图,当布局的内容超过屏幕容器的时候可以滑动开查看遮盖的内容,原创 2017-12-04 11:59:21 · 6123 阅读 · 1 评论 -
iOS TableView性能优化
第一 CPU考虑方向1. 对象创建;1.1 Tableview初始化#pragma 懒加载- (UITableView *)tableView{ if (!_tableView) { _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, sel转载 2017-12-20 16:50:01 · 1972 阅读 · 0 评论 -
Java Web开发实战(一)—JDK安装及环境变量配置
上一篇:Java Web开发实战—简介篇嗨,大家好今天正式开始Java开发实战了 先配置开发环境吧!备注:如果有同学想要了解jdk的个版本特性推荐如下一篇文章,可以选择适合自己的工作的jdk版本。http://www.cnblogs.com/yepei/p/5650440.html第一步:下载JDK下载jdk一般有两种1、最为便捷的就是在百度 直接搜索jdk原创 2017-11-28 18:34:06 · 1202 阅读 · 0 评论 -
Java Web开发实战—简介篇
嗨,大家好 今天开始在简书发布关于Java开发实战的有关开发经验了,如果有不足之处欢迎大家能够指出,一起成长吧!Java简介Java是一门面向对象编程语言,不仅吸收了C++语言的各种优点,还摒弃了C++里难以理解的多继承、指针等概念,因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表,极好地实现了面向对象理论,允许程序员以优雅的思维方式进行复原创 2017-11-28 18:33:09 · 925 阅读 · 0 评论 -
微信小程序-rpx尺寸介绍
最近开始入手微信小程序,如果有前端开发经验的同学应该很容易入手。在布局样式的时候发现微信小程序有自己的css尺寸单位-rpx 比px 多了个r。接下来简单介绍一下怎么使用微信小程序的rpxrpx简介: rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素原创 2017-11-28 18:31:57 · 2306 阅读 · 0 评论 -
微信小程序-Image 图片实现宽度100%,高度自适应
大家好,今天在做微信小程序的商品详情页,商品的详情是图片集合,渲染完成后发现图片加载的很不自然,如下图所示:大家发现是不是比较模糊并且有压缩,不能达到预期效果。 解决方法如下: 样式设置宽度100%.img{ width: 100%;}添加属性 mode=”widthFix”<image class="img" src="../../images/hello.png" mode="widthF原创 2017-11-28 18:29:37 · 51286 阅读 · 3 评论 -
微信小程序电商实战-商品列表流式布局
今天给大家分享一下微信小程序中商品列表的流式布局方式,根据文章内容操作就可以看到效果哦~~~流式布局概念流式布局也叫百分比布局把元素的宽,高,margin,padding不再用固定数值,改用百分比,这样元素的宽,高,margin,padding会根据页面的尺寸随时调整已达到适应当前页面的目的.先看效果: 如上图所示,为了能够看的更直观一点我给布局设置了红色虚线边框,整体页面根据元素的百分比进原创 2018-01-26 17:16:37 · 18848 阅读 · 2 评论 -
Java Web架构实战篇:聊一聊前后端分离架构
前后端分离的演变记得12年从事工作的时候公司还没有专门的前端人员,一般我们都是前后端都会,毕竟那时候H5才刚刚起来微软的XP还在流行使用(默认系统自带IE6),IE的市场份额还是蛮大的。做的产品也没有很炫酷的特效(如果有也会选择使用flex),那时候Flash 是超级火的......扯得有点远了。在开发的时候也是一边API接口服务,一边开发页面,发布也是一个发布包搞定。前端一般只是负责切图工作,就原创 2018-02-07 15:59:50 · 13836 阅读 · 0 评论 -
架构实战篇(三)-Spring Boot架构搭建RESTful API案例
前言上一篇分享了Spring Boot 整合Swagger 让API可视化和前后端分离架构 受到了大家一致好评 ,本节就接着上节的代码做了详细的查询代码的补充和完善并搭建RESTful API架构案例。 注意: 本节代码都是在上节代码的基础上追加的内容,如果需要源码的可以去看上节内容或者关注我们的公众号,回复 MyBatis(二) 和你的邮箱地址,我们发送给你。点我!传送到上节 - Sprin原创 2018-02-08 14:23:38 · 2625 阅读 · 3 评论 -
微信小程序微商城(一):https框架搭建并实现导航功能
前言之前的小程序商城系列已经更新到购物车模块了但是很多读者反映如何能够更接近于实战场景,动态的获取数据并展示出来!那么经过这段时间的准备我们开始来做新的微商城版本,该版本是完全按照工作场景来开发的。小程序https域名配置登录注册好的微信小程序官方账号并登录平台——>设置——>开发设置,如下图所示:备注:https://100boot.cn是已经认证过的域名,大家可以放心使用。创建小...原创 2018-05-28 15:20:01 · 12024 阅读 · 2 评论