最近做微信的服务号项目,用的weui作为主要的ui,但是对于用惯了ele ui的开发者来说,文档貌似有点不友好.真是很让人头疼! 所以结合着自己做的项目,随便写一点东西. 比如说,tabbar导航的切换.官网给说的对应的文档如下图: 从我个人角度而言,实在不能短时间能看出来具体的用法. 还是直接晒一下用法吧! <div id="tab-home" class="weui-tabbar"> <a href="javascript:;&quo

weui的文档写的不怎么详尽,简单的来讲WeUI 为微信 Web 服务量身设计的h5框架. WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progress. toast.article.icon等各式元素. 严格的讲它是一个css库.算一个精简的库. 如果要用jQuery开发的话,head部分,需要加载如下信息: <head> <meta charset=&quo

WeUI是微信Web服务开发的UI套件, 目前包含12个模块 (Button, Cell, Toast, Dialog, Progress, Msg, Article, ActionSheet, Icons, Panel, Tab, SearchBar). Demo页面: https://weui.io Github页面: https://github.com/weui/weui 下面讲一讲我从WeUI中学到的CSS技巧. Button 从这里我开始注意到, WeUI的实现中, 很多边框都是用:

从WeUI学习到的知识点   WeUI是微信Web服务开发的UI套件, 目前包含12个模块 (Button, Cell, Toast, Dialog, Progress, Msg, Article, ActionSheet, Icons, Panel, Tab, SearchBar). Demo页面: https://weui.io Github页面: https://github.com/weui/weui 下面讲一讲我从WeUI中学到的CSS技巧. Button 从这里我开始注意到, WeU

想用weui.css写微信平台的页面,发现没有让flex(weui-flex)容器下,子项目(weui-flex__item)居中的类. 百度了一下,是用justify-content:center;实现水平居中,用align-items:center 实现垂直居中. 可是当我这样写的时候,竟然没有用! <!-- style --> <style> .justify{ justify-content: center; } .align{ align-items: center; }

最近写微信公众号,用到的技术栈是jq+vue的混合开发,采用的UI是移动端比较火的WEUI,在微信开发中应该较广泛.个人看惯了elementUI文档,相对于饿了么组件文档的详细,WEUI的文档还是比较晦涩的.(个人看法) 微信端展示公司订单,采用了滚动加载而没有用分页,觉得一般移动端分页的处理比较少.当然,条件搜索才是满足用户精准查找的核心,无论是分页还是滚动加载都只是给用户一个大致浏览的处理. 顺便说说注意的一点,jquery-weui这个文件引入的位置应该在jq文件之后,这样才能在Jq的基础

万年没更新了. 最近用jquery weui. 在使用picker时需要一些问题. 就是让picker 显示label, 但是取值的时候取value用于存储. 官网例子如下 Jquery-weui 官网 : 点这里  写这篇文章时,用的版本是1.2.1版本 $("#picker-name").picker({ title: "请选择您的称呼", cols: [ { textAlign: 'center', values: ['赵', '钱', '孙', '李', '

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一: 包含button.cell.dialog. progress. toast.article.actionsheet.icon等各式元素: 一.扩展   操作文档手册: weui https://github.com/Tencent/weui/wiki weui.js https://github.com/Tencent/weui.js/blob/master/doc

前言 今年上半年,项目组在项目开发的过程中建立了一套风格统一,组件丰富完善,命名统一规范的PC端UI库,适用于做大型站点,该UI库也是应用到了整个平台的项目中,在各个项目组中进行推广.因为项目的保密性,这里不方便给出实际项目,当然目前这套UI库也不是开源的. 下半年开始,我们偏向做移动Web的同学也开始考虑要梳理出这样一套适用于移动端的UI库,与PC端UI库命名规范保持一致,便于项目组同学在PC项目和移动项目中随意切换,当然,移动端的组件和样式以及交互与PC端都是有很大差别的,比如PC端的下拉菜

用于微信端的控件UI , 首先,需要做的是开发一个微信能访问的网页,并和微信关联 A． 创建一个空网站 B． 增加一般处理程序 A． 增加 web 网页 和空文件到项目中 B． 申请和配置测试服务 创建菜单 通过网页调用微信接口,创建订阅号的菜单 Post 想要创建的菜单信息到微信接口即可 ,首先要获取接口Token 注意交互的方式都是json数据格式 开发网页, 如何使用: Jquery WebUI jQuery WeUI 依赖 weui.css 和 jQuery,但是请注意要使用正确的版本.

最近微信推出他们自己的H5组件(weui)组件的优点有两个: 做为开发者的我们可以不用写太多css,直接拿过来就可以用. 组件都有点击态,大大增加了用户的体验好感 高清屏幕下 border : 0.5 1,何为点击态 当用手指触摸某个按钮的时候,按钮会变成深色,离开后按钮颜色自动恢复,这个效果让用户的体验感倍增. 2,高清屏幕下的 border : 0.5 像素 正常情况下网页的 border 属性是没有 0.5 这个值的,我们看下效果 上面是 0.5 像素的边框,下面是 1 像素的边框,从肉眼

  WeUI是微信Web服务开发的UI套件, 目前包含12个模块 (Button, Cell, Toast, Dialog, Progress, Msg, Article, ActionSheet, Icons, Panel, Tab, SearchBar). Demo页面: https://weui.io Github页面: https://github.com/weui/weui 下面讲一讲我从WeUI中学到的CSS技巧. Button 从这里我开始注意到, WeUI的实现中, 很多边框都是

1 在https://github.com/weui/weui-wxss/下载项目,得到weui.wxss文件 2 把文件放在小程序项目的根目录下 3 在app.wxss中引用weui.wxss文件 import ‘weui.wxss’ 4 打开项目中的expample文件,看着其中的例子就可以使用weui了

1.weui 一开始以为只能用于小程序中,原来分两种:weui-wxss-master和weui-master.真的是强大的不得了,把设计好的样式和功能封装.然后分类,有明确的层级和逻辑,感动!!值得学习,并且开发一套属于自己并且不断更新的样式和功能! 2.还有类似的ANTDESIGN,Living Language,Material Design,IBM Design Language 3.http://www.ruanyifeng.com/blog/2015/07/flex-grammar.

jQuery weui有个支持单选或者多选的select弹出层,默认他是这样的 第2部分选择什么值,第1部分就显示什么值,一般的场景支持是没问题了,但本次开发碰到了一个问题. 需求描述: 职业名称后面要显示一些描述,如“法官 2个案件在审理”,“医生 正在做手术”,同时要求点击对应项时,只显示“法官”,“医生”而不显示剩余的描述,根据select现有的逻辑是无法实现这个功能的.只能实现选项是什么,显示的值就是什么,不明白,看下图 解决方案: 查看官方文档,数据通过title和value进行控制,

一.使用weui 学习一个新的技术,想要最短时间掌握并熟练使用它,那就是直接做项目了.把技术直接应用到项目中来,直接做出东西,这是我的方法,因为我很懒不太喜欢看一步一步看文档,看理论. 那怎么使用weui,应用到项目中来呢? 1.因为小程序不使用npm,所以直接去github把weui下载下来: https://github.com/Tencent/weui-wxss/ 2.用微信开发者工具打开刚下载下来的weui项目:weui-wxss-master,看看这里面都有些什么,要用到什么就直接取他

WeUI是一套基础样式库,同微信原生视觉体验一致,由微信官方设计团队为微信内网页和微信小程序量身设计的.我们来看看这个基础库样式到底长什么样. 这些密密麻麻的就是压缩后的样式库.密密麻麻地看起来简直要急死密集恐惧症啊.不要急,您请往下看.仔细看我们能看到,这个样式库为很多类写了样式.也就是说,我们只要在html页面中使用这些样式,就能构建一个页面了.[只要写类名,省去了为很多标签定义样式,是不是省事多了呢?]对WeUI的介绍就到这了,下面都是满满的干货啦. 开始写页面前的准备 要想有这个样式库,

最近工作原因 需要在pd端弄一套js类似bootstrap框架 由于使用环境是在公众号终端用的比较多! 类似上面这样的样式 所以我从微信官方开始找起 最后找到了WEUI 还别说 真的挺好用的 这是大佬整理总计出来的 这里附上原网址 虽然以及停更了 但是好用的东西 永远不会过时 http://weui.shanliwawa.top/weui/index.html 然后简单介绍一下 weui+是在weui和zepto基础上开发的增强UI组件,目前分为表单,基础,组件,js插件四大类,共计百余项功能,

上一篇零散地罗列了看源码时记录的一些类的信息,这篇完整介绍一个作业流在Azkaban中的执行过程,希望可以帮助刚刚接手Azkaban相关工作的开发.测试. 一.Azkaban简介 Azkaban作为开源的调度系统,在大数据中有广泛地使用.它主要有三部分组成:Azkaban Webserver.Azkaban Executor. DB. 图1 Azkaban架构 图1所示的是Azkaban的基本架构:Webserver主要负责权限验证.项目管理.作业流下发等工作:Executor主要负责作业流/作

看完SQL Server 2014 Q/A答疑集锦:想不升级都难! 转载自:http://mp.weixin.qq.com/s/5rZCgnMKmJqeC7hbe4CZ_g 本期嘉宾为微软技术中心技术架构师韩凯(社区ID:Chris_Han0015),主要负责大数据和云计算领域.在美国取得系统工程硕士学位后,服务于华尔街主要银行与金融机构.从事流程再造与创新与商务智能方案设计实施. IT名人堂栏目对微软技术中心技术架构师韩凯进行了独家访谈,揭秘了SQL Server 2014不可不知的那些事儿.

现在最热门的前端框架有AngularJS.React.Bootstrap等.自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJs的风采吧~~ 文章有点长,耐心读完,你会有很大收获哦~  一.ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做出来以后,发现这套东西很