截图分享功能在很多 App 中都可以看到,其关键在于如何将视图(View)转换成图片(Image)。本文演示如何实现这个操作。 1,效果图 (1)点击“截屏”按钮后,会对整个视图进行截屏,并将生成的图片显示在下方的 imageView 中。 (2)点击“转换单个组件”按钮后......
Vue 是一个近年来比较火的 MVVM 前端框架。我们如果想简单地使用下 Vue,只需引入一个 js 文件即可。但如果想用的好的话,还是推荐使用 vue-cli 来构建一个完整的工程。 vue-cli 作为 Vue 的脚手架,集成了 webpack 环境及主要依赖,对于项目的搭建、打包、维护管理等都非常方便快捷......
有时我们项目中需要复用一些图片资源,比如很多地方都会使用同一张背景图片,只不过显示的尺寸不同。那么就需要让图片可以根据情况自动拉伸。 但如果图片有圆角或一些其他特殊边框的话,直接拉伸会造成变形。 这个问题可以借助 resizableImage 方法来解决......
十四、初始化全局配置 layer.config(options) 方法可以实现初始化全局配置。我们可以使用它来配置一些诸如路径、加载的模块,甚至可以决定所有弹出框的默认参数。 1,修改所有弹出框的默认参数 比如下面我们统一修改了所有提示框的出场动画......
现在有越来越多的开发者使用 Vue.js 进行移动应用的开发,而如何将一个 Vue 项目打包成手机可用的 App 有很多方法。下面介绍如何使用 cordova 来打包 Vue 项目(这里以 Android 应用为例)。 一、准备工作 1,环境搭建 首先我们要搭建好 Cordova 环境、Android 环境......
GitHub 资源搜索与展示这个功能我之前也做过,当时分别用的是 MVVM 架构、以及 RxFeedback 架构。下面我使用 ReactorKit 来对其进行重构。 1,效果图 (1)当我们在表格上方的搜索框中输入文字时,会实时地去请求 GitHub 接口查询相匹配的资源库......
这个用户注册样例我之前也做过,当时分别用的是 MVVM 架构,以及 RxFeedback 架构。下面我使用 ReactorKit 来对其进行重构。 1,效果图 (1)默认“注册”按钮不可用,只有用户名、密码、再次输入密码三者都符合如下条件时才可用: 输入用户名时会同步检查该用户名是否符合条件......
1,问题描述 (1)在 Vue.js 开发时少不了使用 webpack 进行编译打包。当 Vue 项目搭建好后,只要执行“npm run dev”命令,webpack 便会自动启动个 Web 服务......
在之前的文章中,我介绍了 MVVM 架构,以及第三方的 RxFeedback 架构。下面我接着再介绍另一个优秀的第三方架构:ReactorKit。 一、基本介绍 1,什么是ReactorKit? (1)ReactorKit 是一个轻量的响应式编程框架。它结合了 Flux 和响应式编程。用户行为和页面状态都是通过序列相互传递......
1,问题描述 (1)这里以点击事件为例,通过 click() 方法给页面上所有的“删除”按钮添加个点击响应。要注意的是,“删除”按钮除了页面上原有的之外,还可以通过代码动态插入......