随笔分类 -  html+css

在Angular1.X中使用CSS Modules
摘要：在Angular1.5中，增加了一个Component方法，并且定义了组件的若干生命周期hook，在代码规范中也是推崇组件化开发，但是很遗憾的是，CSS模块化组件化的问题并没有得到解决，大部分项目的打包方式还是将所有CSS打包成一个完整的CSS文件，然后插入到html中，这样做的坏处显而易见，如果团 阅读全文
posted @ 2016-09-11 15:24 myzhibie 阅读(2845) 评论(0) 推荐(4)
css水平垂直居中总结
摘要：在网页布局中，垂直居中对齐总是一个绕不过的话题，而且这两种对齐方式由于浏览器渲染方式的不同，也存在很多不同的场景，本文试图将这些场景一一列举并给出解决方案，也是对这个知识点的一点回顾和总结。1.水平居中水平居中这个问题首先要搞清楚存在两个条件才能够称之为水平居中，即父元素必须是块级盒子容器，父元素宽... 阅读全文
posted @ 2015-04-04 21:21 myzhibie 阅读(20727) 评论(9) 推荐(8)
CSS3之Flexbox布局
摘要：CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局，它具有很强大的功能，可以很轻松实现很多复杂布局，在它出现之前，我们经常使用的布局方式是浮动或者固定宽度+百分比来进行布局，代码量较大且难以理解。为了更好理解flexbox布局，这里首先要介绍几个概念：如果所示：（1）主轴（... 阅读全文
posted @ 2015-03-06 17:50 myzhibie 阅读(32126) 评论(4) 推荐(3)
css3实现色子自动翻转效果
摘要：css3使我们能够跳出2d空间，实现3维空间的动画效果，这里给出一个自动翻转的3d色子动画效果制作过程。第一步，首先进行HTML的布局，对于3D效果，布局有一定的规律，代码如下： . .. ... .... ..... ... 阅读全文
posted @ 2014-12-21 16:55 myzhibie 阅读(2693) 评论(1) 推荐(0)
javascript中的对象创建与继承
摘要：js是一门基于原型的面向对象语言，与传统的面向对象如Java，C#相比，它在对象创建及继承上有自己独特的实现方式，本文主要描述js中对象创建及继承的一些实践。1.对象创建方式一：工厂模式创建对象 这种方式就是将对象属性作为参数传入函数，然后在函数中创建一个新对象再返回给外部使用，属于典型的输入处理... 阅读全文
posted @ 2014-12-10 15:27 myzhibie 阅读(436) 评论(0) 推荐(0)
HTML5服务器推送事件
摘要：目前客户端（浏览器）和服务端交互大致有以下几种方式：1）form表单提交方式，适合访问量不大，对用户体验要求不高的web系统开发，或者页面整体刷新无伤大雅的场合，通信方向是客户端提交给服务端，是客户端主动发起；2）Ajax方式，特点是用户体验好，无需页面整体刷新，对服务器压力也小，有利于客户端和服务... 阅读全文
posted @ 2014-11-29 19:00 myzhibie 阅读(3334) 评论(1) 推荐(0)
使用html+css实现三角标示符号
摘要：我们平常打开某个网站的时候，常常会发现网页上很多导航或者指示条会使用一个三角符号去指向内容，效果简洁美观，甚至很多前端面试中也会提及如何在网页上实现一个三角符号，这里给出一个很简单使用的实现方式。首先看看哪些网站都使用了这种方式：淘宝（注意到右边那个三角符号）网易（导航条三角符号应用）搜狐这种例子多... 阅读全文
posted @ 2014-11-17 15:45 myzhibie 阅读(19265) 评论(0) 推荐(0)