App Tag自适应

iOS masonry 不规则tagView布局并自适应高度

在搜索页面经常会有不规则的tag出现,这种tagView要有点击事件,单个tagView可以设置文字颜色,宽度不固定根据内容自适应,高度固定,数量不固定.总高度就不固定.最近对于masonry的使用又有了一些新的理解,所有就写了一个这样的tagView的例子,demo中全部使用Masonry自动布局,高度也是自适应的,封装的tagView可以直接使用在tablView或者collectionView中. 效果图:

APP 半自适应 WEB页面

特别赶,响应式纯自适应的,有空写了新的发. (在手机上看,页面上看一定乱) <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome

web app 自适应方案总结关键字弹性布局之rem

关于rem,主要参考文档 1.腾讯ISUX (http://isux.tencent.com/web-app-rem.html) 2.http://www.w3cplus.com/css3/define-font-size-with-css3-rem 现在移动端 web app 的自适应布局的方案有 5种. 零. Flexbox 使用css3 flexbox 进行布局,对于富媒体和复杂排版的支持非常强大,未普及兼容性非常差,几乎没有在任何项目中得到应用. 一. 弹性布局使用 em 或 rem

web app 自适应方案总结弹性布局之rem

关于rem,主要参考文档 1.腾讯ISUX (http://isux.tencent.com/web-app-rem.html) 2.http://www.w3cplus.com/css3/define-font-size-with-css3-rem 现在移动端 web app 的自适应布局的方案有 5种. 零. Flexbox 使用css3 flexbox 进行布局,对于富媒体和复杂排版的支持非常强大,未普及兼容性非常差,几乎没有在任何项目中得到应用. 一. 弹性布局使用 em 或 rem

web app 自适应弹性布局之rem

关于rem,主要参考文档 1.腾讯ISUX (http://isux.tencent.com/web-app-rem.html) 2.http://www.w3cplus.com/css3/define-font-size-with-css3-rem 现在移动端 web app 的自适应布局的方案有 5种. 零. Flexbox 使用css3 flexbox 进行布局,对于富媒体和复杂排版的支持非常强大,未普及兼容性非常差,几乎没有在任何项目中得到应用. 一. 弹性布局使用 em 或 rem

【Python实战】Pandas：让你像写SQL一样做数据分析（一）

1. 引言 Pandas是一个开源的Python数据分析库.Pandas把结构化数据分为了三类: Series,1维序列,可视作为没有column名的.只有一个column的DataFrame: DataFrame,同Spark SQL中的DataFrame一样,其概念来自于R语言,为多column并schema化的2维结构化数据,可视作为Series的容器(container): Panel,为3维的结构化数据,可视作为DataFrame的容器: DataFrame较为常见,因此本文主要讨论内

【Python实战】Scrapy豌豆荚应用市场爬虫

对于给定的大量APP,如何爬取与之对应的(应用市场)分类.描述的信息?且看下面分解. 1. 页面分析当我们在豌豆荚首页搜索框输入微信后,会跳转到搜索结果的页面,其url为http://www.wandoujia.com/search?key=%微信.搜索结果一般是按相关性排序的:所以,我们认为第一条搜索结果为所需要爬取的.紧接着,点进去后会跳转到页面http://www.wandoujia.com/apps/com.tencent.mm,我们会发现豌豆荚的APP的详情页,是www.wandou

分享50款 Android 移动应用程序图标【下篇】

在这个移动程序流行的时代,持续增长的应用程序经济充满了商业机遇.任何对应用程序设计感兴趣的人,将会喜欢上这里的50个独特的 Android 应用程序图标.这些例子中的图标能够让应用程序的设计更具吸引力. 您可能感兴趣的相关文章创意设计:折叠效果在移动App中的应用 45套新鲜出炉的精美 PSD 网页设计素材分享15套免费的扁平化界面设计素材下载设计前沿:30款超级精美的iOS图标欣赏 40款 iPhone 和 iPad 应用程序图标设计 Address Book Casette Lolli

Docker 容器测试全探索

导读当我们构建好Docker镜像并利用多套容器共同组合成应用程序,建立起持续交付通道,了解了如何将新创建的镜像纳入到生产或者测试环境当中之后,新的问题来了——我们该如何测试自己的Docker容器?测试的策略多种多样,反映了各种各样的测试性格:天真型,懒人省事型,超前理想主义型,完美主义处女座型……那么你是哪一型?下面我们就对其各自的方案利弊进行逐一分析. “天真”型方案大多数人会将此作为默认方案.其利用CI服务器实现任务执行.在这项方案中,开发人员利用Docker作为软件包管理器,其实际效果

EmberJs之使用Ember-Data

写在前面最近比较忙,换了新工作还要学习很多全新的技术栈,并给自己找了很多借口来不去坚持写博客.常常具有讽刺意味的是,更多剩下的时间并没有利用而更多的是白白浪费,也许这就是青春吧,挥霍吧,这不是我想要的,既然这样,我还要继续写下去,坚持把博客做好,争取进前100博客,在此谨记. 2015年5月7日深夜,于电脑旁. 文章索引 JS前端框架之Ember.js系列定义模型 Ember-data中所有的模型都继承自DS.Model,模型内部的属性是通过DS.attr来声明的. var attr = D

vue组件，撸第一个

实现此例您可以学到: vue-cli的基本应用父组件如何向子组件传递值单文件组件如何引入scss v-on和v-for的基础应用源码下载一.搭建vue开发环境更换镜像到cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org 安装vue-clicnpm install -g vue-cli 初始化vue项目命令模式进入项目所在的目录,如d:\test\,输入vue init 项目名称即可.如果你想引入vue2.

Vue.js 学习笔记一

本文的Demo和源代码已放到GitHub,如果您觉得本篇内容不错,请点个赞,或在GitHub上加个星星! https://github.com/zwl-jasmine95/Vue_test 以下所有知识都是基于vue.js 2.0版本一.简介 Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合. 另一方面,当与单文件组件和

vue源码学习-vnode的挂载和更新流程

概述本文主要介绍在视图的渲染过程中,Vue 是如何把 vnode 解析并挂载到页面中的.我们通过一个最简单的例子来分析主要流程: <div id="app"> {{someVar}} </div> <script type="text/javascript"> new Vue({ el: '#app', data: { someVar: 'init' }, mounted(){ setTimeout(() => this.

Laravel 5 速查表

Artisan // 在版本 5.1.11 新添加,见 http://d.laravel-china.org/docs/5.1/authorization#creating-policiesphp artisan make:policy PostPolicy // 针对命令显示帮助信息php artisan --help OR -h // 抑制输出信息php artisan --quiet OR -q // 打印 Laravel 的版本信息php artisan --version OR -V

Pandas：让你像写SQL一样做数据分析

1. 引言 Pandas是一个开源的Python数据分析库.Pandas把结构化数据分为了三类: Series,1维序列,可视作为没有column名的.只有一个column的DataFrame: DataFrame,同Spark SQL中的DataFrame一样,其概念来自于R语言,为多column并schema化的2维结构化数据,可视作为Series的容器(container): Panel,为3维的结构化数据,可视作为DataFrame的容器: DataFrame较为常见,因此本文主要讨论内

laravel orm

###多对多关系多对多关系和之前的关系完全不一样,因为多对多关系可能出现很多冗余数据,用之前自带的表存不下了. 我们定义两个模型:Article 和 Tag,分别表示文章和标签,他们是多对多的关系.表结构应该是这样的: article: id ... ... tag: id ... ... article_tag: article_id tag_id 在 Model 中使用: <?php class Tag extends Eloquent { protected $table = 'tags

vue虚拟DOM源码学习-vnode的挂载和更新流程

代码如下: <div id="app"> {{someVar}} </div> <script type="text/javascript"> new Vue({ el: '#app', data: { someVar: 'init' }, mounted(){ setTimeout(() => this.someVar = 'changed', 3000) } }) </script> 页面初始会显示 &quo

vnode的挂载和更新流程 -- 简介.

来源 vnode原理 diff图解 <div id="app"> {{someVar}} </div> <script type="text/javascript"> new Vue({ el: '#app', data: { someVar: 'init' }, mounted(){ setTimeout(() => this.someVar = 'changed', 3000) } }) </script>

JQuery难点备忘

1 jquery绑定事件如何传递参数 $("#btn").bind("click",{"id":"111","name":"aaa"}, getData); function getData(d) { alert(d.data.id); alert(d.data["name"]) } 2 setTimeout里怎么调用对象的方法 setTimeout( functio

Android-XML格式描述

XML是W3C公司提出的标准,使用范围非常广阔,在框架的配置,程序的配置,布局文件的定义,网络传输等,无所不在: 以前学Java的时候,对XML的名词定义是,根节点,子节点等等,而在Android里对XML名词定义是,开始文档,文档结束,开始标签,结束标签,文本等 <?xml version="1.0" encoding="utf-8"?>   <?x

Android-自定义TabHost

效果图: 布局代码相关:  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:myswitch="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools"

App Tag自适应

热门专题