转到正文

博客水木

一个学习总结与工作经验分享博客。

存档

分类: 网页前端

前言 在介绍MVVM框架之前,先给大家简单介绍一下MVC、MVP框架(由于本博文主要讲解MVVM,所以MVC和MVP将简化介绍,如果需要我将在以后的博文中补充进来)。 MVC框架: M-Model : 业务逻辑和实体模型(biz/bean) V-View : 布局文件(XML) C-Controller : 控制器(Activity) 相信大家都熟悉这个框架,这个也是初学者最常用的框...继续阅读

...

前言 今年上半年,项目组在项目开发的过程中建立了一套风格统一,组件丰富完善,命名统一规范的PC端UI库,适用于做大型站点,该UI库也是应用到了整个平台的项目中,在各个项目组中进行推广。因为项目的保密性,这里不方便给出实际项目,当然目前这套UI库也不是开源的。 下半年开始,我们偏向做移动Web的同学也开始考虑要...继续阅读

...

一、文字动画效果预览 点击本页面任意位置即可!因为动画效果用的是CSS3 animation,因此,IE9及其以下浏览器无效果。 二、如何在自己网站上添加类似效果? 1. 复制并粘贴下面的内联CSS代码到页面任意位置 <style> .text-popup { animation: textPopup 1s; color: red; user-select: none; ...继续阅读

...

这篇文章主要为大家详细介绍了移动web HTML5使用photoswipe模仿微信朋友圈图片放大浏览,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 先来几张效果图: 点击其中一张照片可放大,可支持图片文字描述: 同时支持分享功能: 支持手势放大缩小 使用js框架是PhotoSwipe。 PhotoSwipe是一个图片放大插件,兼容p...继续阅读

...

即使已经出现了不少资源整理类文章,但很多设计师在找素材时效率仍不够高。 东百度右花瓣地找安卓控件集合就浪费了大半天时间,关键是还不一定齐全;很好的设计素材却不能同时找到PSD、EPS、PNG版本,只能不停地转换格式……你很忙,效率却很低。这些都特别让人抓狂。 今天我们二次精选了一些设计网站,并逐一地去试用,...继续阅读

...

还没有学习过JavaScript模板引擎的知识,主要应用类似于将结构和行为分离出来的作用,让HTML和Javascript分工合作,有点MVC的意味,国内的公司也有一些Javascript模板引擎,这个handlesbars看起来介绍的挺好的。 介绍 Handlebars 是 JavaScript 一个语义模板库,通过对view和data的分离来快速构建web模板。它采用”...继续阅读

...

什么是Sass? Sass是一门非常优秀的CSS预处语言,他是由Hampton Catlin创立的。它可以减化CSS的工作流,使开发者更加容易开发,维护CSS样式。 例如,你是否在特定的样式表中查找和替换一个十六进制的颜色而烦恼?或者你正在寻找一个计算器为多栏布局的宽度计算而头痛?(不用担心,Sass能帮你解决这样的烦恼)。 本文将介...继续阅读

...

先来看一段样式,在wxss中 page{ background-color: cadetblue; background-image: url(../../../image/weixin_logo.png); background-repeat:repeat-x; background-position-y: top; } 注意,page前面并没有小数点,而且也不用被调用,它会自动被框架调用,使用里面的属性来设置当前页面。 效果图...继续阅读

...

先来看一个示例 /*demo.wxml*/ <view> <view></view> <view></view> <view></view> <view></view> </view> /*demo.wxss*/ .demo-view{ display: flex; background-color: #ffffff; height: 100%; flex-direction: row; } .bc_green{ background-color: #00...继续阅读

...

// 在光标处插入字符串 // myField    文本框对象 // myValue 要插入的值 function insertAtCursor(myField, myValue) { //IE support if (document.selection) { myField.focus(); sel            = document.selection.createRange(); sel.text    = myValue; sel.select(); } //MOZILLA/NETSCAPE sup...继续阅读

...
建站服务