最近一段时间在做微信方面的开发工作，领导对系统有两个基本的要求：1.只能在微信环境下打开；2.自适应微信客户端的语言设置，呈现对应语言的界面及内容； 作为一名攻城狮，经过简单的分析，可以从这两个需求中提取出出两个技术点：1.如何判定当前系统是在微信环境中运行；2.如何获取微信客户端的语言设置信息；如 ...
分类：
微信 时间：
2018-05-10 18:08:37
阅读次数：
242
一、移动端适配 方法一：viewport自适应屏幕宽度 在html中创建meta标签：页面的宽度等于屏幕的宽度。 方法二：框架搭建页面 二、移动端问题 （1）、1px 边框 方法一：伪元素 + transform 实现 方法二：view + rem 实现 （2）、移动端布局方式 方法一：响应式布局 ...
分类：
移动开发 时间：
2018-05-09 00:00:00
阅读次数：
270
第一篇介绍了圣杯布局，由此衍生了另一个效果相同、结构稍有不同的布局结构——双飞翼布局。 因为两种布局结构非常相似(略有不同)，为了不弄混淆，便于区分，没有将它们写在一篇。更加便于理解，思路更加清晰。 布局思路： 前面所说，圣杯布局是在一个大div中分别有三个浮动子元素Main、Left、Right( ...
分类：
其他好文 时间：
2018-05-08 19:15:36
阅读次数：
98
布局思路： 外面一个大div,里面三个小div(都是浮动)。实现左右两栏宽度固定，中间宽度自适应。中间栏优先渲染。 1.基本布局 外面一个大div，里面三个小div。注意中间栏写在前面，优先渲染。 2.外面大div设置左右padding值，分别是左右两栏的宽度(两栏之间若有空隙可适当增加margin ...
分类：
其他好文 时间：
2018-05-07 19:40:08
阅读次数：
176
1、 ionic 网格(Grid) ionic 的网格(Grid)和其他大部分框架有所不同，它采用了弹性盒子模型(Flexible Box Model) 。而且在移动端，基本上的手机都支持。row 样式指定行，col 样式指定列。 同等大小网格 在带有 row 的样式的元素里如果包含了 col 的样 ...
分类：
Web程序 时间：
2018-05-07 19:32:46
阅读次数：
371
1、 ionic 卡片 近年来卡片(card)的应用越来越流行，卡片提供了一个更好组织信息展示的工具。 针对移动端的应用，卡片会根据屏幕大小自适应大小。 我们可以很灵活的控制卡片的显示效果，甚至实现动画效果。 卡片一般放在页面顶部，当然也可以实现左右切换的功能。 <div class="card"> ...
分类：
Web程序 时间：
2018-05-07 19:29:47
阅读次数：
232
总结一下左边固定，右边自适应的两栏布局的七种方法。其中有老生常谈的float方法,BFC方法，也有CSS3的flex布局与grid布局。并非所有的布局都会在开发中使用，但是其中也会涉及一些知识点。关于最终的效果，可以查看这里 常用的宽度自适应的方法通常是利用了block水平的元素宽度能随父容器调节的 ...
分类：
其他好文 时间：
2018-05-07 13:42:35
阅读次数：
186
一、前言 说实话，听到BFC这个概念我心里一阵咯噔，这到底是什么？有种似曾相识的感觉，但是又很模糊。问了一下度娘，看到张鑫旭的《CSS深入理解流体特性和BFC特性下多栏自适应布局》。呀，原来是这东东啊。BFC应该是前端的基础知识，也许很多前端er工作中经常用到，但是未必真的归纳总结过（自己躺枪），反 ...
分类：
其他好文 时间：
2018-05-06 20:00:33
阅读次数：
210
