web前端

css3反转动画,实现div反转技巧

CSS动画非常有趣; 它们的美妙之处在于,通过许多简单的属性,您可以创建任何东西,从优雅的淡入淡出到WTF-Pixar等让人引以为傲的效果。因为时翻转效果,因此在给定容器的正面和背面都有内容。本教程将向您展...

typescript学习笔记

模块与模型的区别模块是个物理概念上的划分模型是逻辑概念上的划分数组TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。 第一种,可以在元素类型后面接上 [],表示由此类型元素组成的一个...

《HTML5 移动开发指南》-记

目前基于HTML5移动Web框架存在两种不同的开发模式:基于传统web的开发和基于组件式的Web开发。Form属性在编写HTML5表单的过程中,表单各自的空间元素不再依赖与form元素的位置,完全可以既脱离form,又能保持从属...

css实现等比例缩放的小技巧

在做响应性布局的时候,为了自适应不同大小分辨率的设备屏幕,我门需要使用css3中的媒体查询来针对不同的分辨率设置宽度和高度,虽然这种方式是可以解决问题,但是解决方式并不是太好,并且很繁琐,当然我门也想...

angular2学习笔记-理论篇

1,组件是Angular应用的最小逻辑单元,模块则是在组件之上的一层抽象。组件以及其他部件,如指令,管道,服务,路由等都可以被包含到一个模块中。外部通过引用这个模块来使用一系列封装好的功能。2,理解angular...

npm用法以及更换到淘宝镜像的方法

1、安装nodejs1.1、说明:gulp是基于nodejs,理所当然需要安装nodejs;1.2、安装:打开nodejs官网,点击硕大的绿色Download按钮,它会根据系统信息选择对应版本(.msi文件)。然后像安装QQ一样安装它就可以了(安...

css3 @media 根据不同设备设置不同高度

使用bootstrap进行前端页面设计,对一个后端程序员来说是个利器,可以很方便的进行页面的布局构造,同时也能很好的适配不同设备;但是在实际使用中,发现不够灵活,比如在一横向列表页面展示图片时,由于原图的大...

教你实现图片的惰性加载

图片惰性加载 DEMO 地址 -> 图片惰性加载(放在了 Github 上,所以可能会慢,最好用 chrome)关于惰性加载在讲图片的惰性加载前,我们先来聊聊惰性加载。惰性加载又称为延迟加载、懒加载等,还有个好听的英文...

四,angular2 for javascript 开发指南-表单

流程参照官网angular2 for typescript 表单的开发流程来进行创建Hero模型类创建控制此表单的组件创建具有初始表单布局的模板使用ngModel双向数据绑定语法把数据属性绑定到每个表单输入控件往每个表单输入控件上添...

三,angular2 for javascript 类 替代方案

angular2 for typesript官网文档中显示数据的章节讲到:"在真实的应用中,大多是到一个对象数组的绑定。要将此绑定转换成使用对象,需要把这个英雄名字数组变成Hero对象数组。但首先得有一个Hero类."在...