6 花开花又谢

尚未进行身份认证

专注移动开发技术

等级
TA的排名 2w+

flex布局兼容写法

.flex{display:-webkit-box;display:-ms-flexbox;display:flex;}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;fl...

2019-02-24 20:24:53

Koa2 路由拆分成多文件

在使用koa-router的时候会遇到路由的配置,虽然基本的配置很简单,但是当我们的业务越来越复杂,涉及到的路由也越来越多,最开始的单文件路由配置就难以维护了。所以我们需要将路由根据模块进行拆分,从而根据模块配置相应的路由。但是我们一般在进行拆分的时候可能会遇到下面这样的用法,这属于常规用法,但是模块多了也就不怎么好看了。app.use(A.routes())app.use(A.al...

2018-08-16 14:41:56

使用CSS3自定义属性实现换肤功能

开始之前先说说css3的自定义属性,之前我们在写css的时候全部都是使用自身属性,比如margin,padding等。但是你曾是否见过这样的css:root{--primary-color:#989898;--light:#fff;--dark:#000;}其中的–primary-color、–light、–dark就是自定义的属性。自定义属性的命...

2018-07-19 15:55:50

react-native从头开始封装三方sdk(二)

完成了第一步,下面开始飞。以集成腾讯信鸽推送为例注册信鸽申请应用等按照腾讯文档来即可。(注意包名要是app的包名不是library的包名)ps:按照手动配置的方式出现support-v4重复引用问题,尝试多种方式没有解决。暂且放弃。使用jcenter配置的方式最终配置结果:testlibrary下的build.gradleapplyplugin:'com.and...

2018-07-02 10:56:40

react-native从头开始封装三方sdk(一)

1.新建项目demoreact-nativeinitdemocddemoreact-nativerun-android(想尽一切方法把项目跑起来,这一步都过不了的话后面就不用看了)2.工欲善其事,必先利其器。要想飞我们先学会爬。我们先实现JS调用原生方法(1)使用AndroidStudio打开demo->android(2)新建一个Mod...

2018-07-02 10:50:54

如何创建一个Progressive Web Apps应用程序

这篇文章主要介绍怎么创建一个PWA程序。首先听说bootstrap4非常好,那我们就把bootstarp4项目变成我们的PWA程序。顺便推荐一个node插件live-server,用来当做本地服务器运行你的项目。VsCode也可以安装此插件。第一步:拥有一个web页面为了展示效果我们从https://startbootstrap.com/下载一个模板。随便下载一个模板,修改项目名称为...

2018-03-19 11:08:12

Progressive Web Apps(PWA)核心技术-使用Firebase Cloud Messaging实现推送通知

Chrome目前使用Firebase云消息传递(FCM)作为其推送服务。FCM最近采用了WebPush协议。FCM是Google云消息传递(GCM)的后续产品,支持相同的功能和更多功能。要使用Firebase云消息传递,您需要在Firebase上设置项目(请参阅VAPID部分以绕过此步骤)。大致流程如下:1、在Firebase控制台中,选择创建新项目。2、提供项目名称,然后单击...

2018-03-19 11:07:19

Progressive Web Apps(PWA)核心技术-Push Notifications

PWA的推送是基于NotificationsAPI和PushAPI,NotificationsAPI让应用程序向用户显示系统通知。PushAPI允许serviceworker处理来自服务器的推送消息,即使应用程序处于不活动状态。推送通知术语通知-在应用的普通用户界面(即浏览器)之外向用户显示的消息,推送消息-从服务器发送到客户端的消息推送通知-为响应推送消...

2018-03-19 11:06:23

Progressive Web Apps(PWA)核心技术-Indexed DB

在使用的过程中我们通常使用cache缓存html、css、js等文件信息,但是一些特殊的数据需要我们借助数据库的支持,这里推荐使用IndexedDB。IndexedDB是一个大型的noSQL存储系统。它使您可以在用户的浏览器中存储任何内容。除了通常的搜索,获取和存储操作之外,IndexedDB还支持事务。检查浏览器是否支持IndexedDBif(!('indexedDB'i...

2018-03-19 11:05:48

Progressive Web Apps(PWA)核心技术-Fetch API

简单来说FetchAPI就是一个请求资源的接口,比XMLHttpRequest更简单。Fetch支持跨源资源共享(CORS),正式环境需要HTTPS。请求示例:fetch('examples/example.json').then(function(response){if(!response.ok){throwError(response.status...

2018-03-19 11:05:11

Progressive Web Apps(PWA)核心技术-使用Cache API

上篇文章介绍了文件的缓存,这里我们介绍一下CacheAPI的属性和方法。检查浏览器是否支持CacheAPIif('caches'inwindow){//支持}创建缓存caches.open('example-cache').then(function(cache){//创建一个名为example-cache的缓存并返回一个cache对象...

2018-03-12 16:00:39

Progressive Web Apps(PWA)核心技术-Cache API

ServiceWorkerAPI带有一个Cache接口,可以让您创建按请求键入的响应存储。缓存资源的常见模式有:serviceworker安装、用户交互、网络响应。1、在serviceworker安装的时候缓存应用程序脚本我们可以在这里缓存Html、css、js等一些静态资源。self.addEventListener('install',function(event)...

2018-03-12 15:58:06

Progressive Web Apps(PWA)核心技术-Service Worker

丑话都是说在前面:1.浏览器支持查看浏览器支持情况2.在开发过程中,可以通过localhost使用服务工作线程,但如果要在网站上部署服务工作线程,需要在服务器上设置HTTPS。ServiceWorker(服务工作线程)是浏览器在后台独立于网页运行的脚本,它打开了通向不需要网页或用户交互的功能的大门。基本流程:服务工作线程相关注意事项:它是一种JavaScri...

2018-02-09 09:39:30

Progressive Web Apps(PWA)核心技术

PWA之所以这么火,还有一个原因是因为它里面含有多项核心技术,比如:ServiceWorker、Fetch、CachingFiles、WebPushNotifications等等。1、服务工作线程(ServiceWorker)服务工作线程是浏览器在后台独立于网页运行的脚本,它打开了通向不需要网页或用户交互的功能的大门。现在,它们已包括如推送通知和后台同步等功能。简单代码示例:

2018-02-07 13:05:00

Progressive Web Apps(PWA)介绍

ProgressiveWebApp的介绍:ProgressiveWebApps(PWA)是一个结合了最好的web和app经验的渐进式网络应用程序。它对用户来说是非常有用的,它不需要安装,只需要从浏览器标签开始访问。随着用户与app建立的关系,它变得越来越强大。即使在片状网络上,它也可以实现快速加载,并发送相关推送通知。它可以在主屏幕上创建图标,并加载为顶级全屏体验。Prog

2018-02-07 11:43:52

Cordova真机测试之GapDebug

相信很多ionic的开发者一般的调试方式都是采用的Chrome的真机调试(chrome://inspect)进行的调试的,或许有很多人为了不麻烦还是采取的改一点,然后打包alert()。毕竟我大多数时候都是这样。这里我推荐大家使用一款专门用于phonegap(cordova前身)的调试工具GapDebug。GapDebug介绍GapDebug,是为混合移动开发人员提供免费的调试和应用管理平台。它

2017-11-02 13:38:13

异步模式之JS、Promise、RXJS

在我们的开发过程中经常会遇到一个问题:一个方法需要在另一个方法执行结束之后才开始执行。这就是我们所说的异步。现在我们假设有两个方法分别为fn1(),fn2();且fn2()在fn1()执行完后才开始执行。JavaScript实现使用setTimeout延迟2s执行fn2(),使用这种方式有个缺点是fn1()的执行时间不可控,而且如果fn2()需要fn1()的结果作为参数的话,这样可能会导致整个流程混

2017-10-30 10:56:25

ionic3 从UIWebView升级到WKWebView(翻译)

在iOS中,现在已经有两个网页浏览器,UIWebView和WKWebView。Ionic应用程序已经在历史版本中使用UIWebView,但之后不再使用。Ionic现在在构建iOS时默认使用WKWebview。我们坚信,WKWebview是任何应用程序的最佳选择,因为它具有对旧版本的Webview(UIWebView)的许多改进。这些功能包括:JIT将JS代码转换为机器代码,运行速度更快改善了

2017-10-19 09:49:56

Ionic3 透明导航栏、渐变导航栏

在ionic中实现透明导航栏非常简单,主要用到三个属性:1、no-border2、transparent3、fullscreen先来看看效果图:实现代码:<ion-headerno-border>//加入no-border让header无边框<ion-navbartransparent>//加入transparent让header透明<ion-title>

2017-10-10 09:59:33

spring boot常用的依赖

名称描述Pomspring-boot-starter-thymeleaf使用Thymeleaf视图构建MVCWeb应用程序的启动器Pomspring-boot-starter-data-couchbase使用Couchbase面向文档的数据库和SpringDataCouchbase的启动器Pomspring-boot-starter-arte

2017-10-10 09:06:23

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!