swebin的专栏

chrome 性能分析

display是指显示状态，float是针对块级元素的浮动。使用inline-block：控制元素的垂直对齐跟横向排列元素。使用浮动：1、让元素环绕某一个元素，对一个元素跟围绕他的一些元素进行更多控制 2、不想处理inline-block带来的空白问题 元素浮动后，它会变为 inline-block。其宽度不是10...

采用MUI开发APP时，页面跳转传值无疑是很多初学者遇到的难题之一，我在开发时也遇到了同样的问题，所以在这里总结了一下，方便以后查阅。一、页面预加载时传值mui.init({ preloadPages:[{ url:prelaod-page-url, id:preload-page-id, styles:{}, ex...

元素是文档结构的基础，在css里面，每个元素生成了包含内容的框（box）,大家都叫“盒子”。但是不同的元素显示方式是不同的，有占据一整行的，有水平一个挨着一个的。比如：div 与span的显示方式不一样，因为 div是块级元素，会占据一行，而span为行内元素，可多个span放置一行。接下来就详细讲一下在CSS中块级元素、行内元素和行内块级元素的区别。块级元素 block块级元素，顾...

1、复选框checkbox常用于多选的情况，比如批量删除、添加等；DOM结构<div class="mui-input-row mui-checkbox"> <label>checkbox示例</label> <input name="checkbox1" value="Item 1" type="checkbox" check...

首先我们知道vue中有很多自定义指令，以v- 开头，例如：v-text，v-bind，v-model, v-if,等在这些指令中，部分指令之间是很容易被混淆，所以今天决定自己总结一下以下几个相似指令之间的异同：1.v-textv-text是用于操作纯文本，它会替代显示对应的数据对象上的值。当绑定的数据对象上的值发生改变，插值处的内容也会随之更新。注意：此处为单向绑定，数据对象上的值改变...

1.下拉菜单绑定数据，选择后回传值1）html:1 <div class="mui-input-row">2 <label>xxx：</label>3 <input id='zxyy' type="text" class="mui-input-clear mui-input" placeholder="请选择xxx"&...

自己最近在用MUI做app期间，首页想做一个基于webview模式的底部导航，在百度上找了一个例子，但是这个例子有一个问题，最后自己也抛弃了，换一个方式实现，原本mui提供了方案，但是最新版的已经不存了，只剩下如下两种方式实现：div模式，说白了就是一个页面写多个页面的html代码，通过隐藏显示来切换，只能适用于一些业务逻辑简单的情景，第二种不适用我的需求，也放弃。所以自己根据官方文档和他...

今天介绍两种分享功能：1、基于plusshare.js插件2、mui原生分享1、基于plusshare.js插件的分享1）需要先去下载plusshare.js插件为了大家工作方便，我直接贴上插件的代码，大家直接新建js文件复制粘贴进去即可：(function() { var plusReady = function(callback) { if(w...

自适应布局webkit-box的用法Flexible Box Model(灵活盒子模型)在平常的web横排布局中，会经常用到float或display:inline-block，但是在多种不同宽度的移动设备的自适应布局中用的话，还得设置百分比宽度和考虑清除浮动。而Flexible Box Model可以自动计算宽度和自适应，更加方便。 Flexible Box Model有几个属性：1、bo...

HTML行内元素、块状元素、行内块状元素的区别　　HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是，这三者是可以互相转换的，使用display属性能够将三者任意转换：　　(1)display:inline;转换为行内元素　　(2)display:block;转换为块状元素　　(3)display:inline-block;转换为行内块状元素...

前端布局神器display:flex2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。flex浏览器支持一、Flex布局是什么？Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ ...

最近因为工作需要，学习了ligerui框架。但是，因为在公司，我们只是作为最低层的码农，所以环境都已经搭建好了，我们这些码农平时都是直接拿到工程，然后在别人的框架上不断的ctrl + c、ctrl + v，然后修修补补。所以为了摆脱这种困境，决定自己使用简单的servlet搭建一个ligerui，然后测试下ligerui这玩意到底是怎么跑起来的。        1、下载ligerui相关组件。

Jquery LigerUI-表格的使用

Jquery LigerUI-表格 Json转化

最近刚刚使用了ligerUI，感觉真是一级棒的前端UI框架,它是基于jquery 之上的UI框架，开发方便、使用简单！下面我个人总结一下ligerComboBox动态获取json数据方法一:直接使用response.getWriter();向页面写回json格式的数据,DeptTypeJson的格式：[{"1":"a","2","b"}][java] view

jquery ligerUI子父页面传值

String path = request.getContextPath();String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>     ">      首页

最近公司安排我带一下新来的交互设计师，我想给他制定一份交互设计规范。这样一来，即使新来的交互设计师没什么基础，也可以根据这一份规范，做出大致标准的原型图。因为Ui设计稿是先做iPhone6的，方便向上适配iPhone6Plus，也方便向下适配iPhone5和iPhone4的尺寸。所以，交互设计稿的尺寸，就按照iPhone6的尺寸来做。1、 iPhone6的界面布局是：屏幕是4.7英寸的...

LigerUI通过Struts2返回并显示