案例:阿里百秀移动端首页 技术选型 方案:我们采取响应式页面开发方案 技术:bootstrap框架 设计图:本设计图采用1280px设计尺寸 页面布局分析 屏幕缩放发现 中屏...
案例:阿里百秀移动端首页 技术选型 方案:我们采取响应式页面开发方案 技术:bootstrap框架 设计图:本设计图采用1280px设计尺寸 页面布局分析 屏幕缩放发现 中屏...
一、移动端web开发 1.1、响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。设备的划分情况: 小于768的为超小屏幕(手机)...
为什么工作干得越好,越不给升职加薪呢?我有个侄子,昨天他找到我,他现在是部门的主管。他跟我说,手上的项目要么是自己研发带头做起来的,要么是老板直接派发的。最近一年,手上项目很...
一、CSS3的新特性 1.1、CSS3盒子模型 css3中可以通过来指定盒子模型,有2个值:即可指定为、,这样我们计算盒子大小的方式就发生了改变。可以分为两种情况: box-...
一、CSS3的新特性 1.1、伪元素选择器(重点) 伪元素选择器可以帮助我们利用CSS创建新标签元素,而不需要HTML标签,从而简化HTML结构。 选择符简介::before...
一、CSS3的新特性 1.1、CSS的现状 新增的CSS3特性有兼容性问题,ie9+才支持。 移动端支持优于PC端。 不断改进中。 应用相对广泛 现阶段主要学习:和以及CSS...
一、HTML5的新特性 的新增特性主要是针对于以前的不足,增加了一些、和等。这些新特性都有兼容性问题,基本是IE9+以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用...
一、常见布局技巧 1.1、margin负值运用 1.让每个盒子margin往左侧移动 -1px 正好压住相邻盒子边框。2.鼠标经过某个盒子的时候,提高当前盒子的层级即可(如果...
一、溢出的文字省略号显示 1.1、单行文本溢出显示省略号---必须满足三个条件 1.2、多行文本溢出显示省略号 多行文本溢出显示省略号,有较大兼容性问题,适合webkit浏览...
vertical-align CSS的属性使用场景:经常用于设置图片或者表单(行内块元素)和文字垂直对齐。官方解释:用于设置一个元素的,但是它只针对于行内元素或者行内块元素有...
一、CSS三角 网页中常见的一些三角形,使用CSS直接画出来就可以了,不必做成图片或者字体图标。一张图,你就知道CSS三角是怎么来的了,做法如下: 1.1、京东三角 二、CS...
一、精灵图 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大...
案例:土豆网鼠标经过显示遮罩 练习元素的显示与隐藏 练习元素的定位核心原理:原先半透明的黑色遮罩看不见,鼠标经过大盒子,就显示出来。遮罩的盒子不占有位置,就需要用绝对定位和d...
类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现!本质: 1. display属性 display属性用于设置一个元素应如何显示。 display:no...
一、效果图 二、布局解析 大盒子我们类名为:tb-promo 淘宝广告 里面先放一张图片。 左右两个按钮 用链接就好了。左箭头 prev 右箭头 next 底侧小圆点ul继续...
二、具体操作 2.1 初始状态 Spring使用commons-logging日志包。打印的日志是下面这样的。不用细看,截图放在这是为了和后面日志打印的情况对比。 2.2 加...
一、目标与思路 1.1、 目标 adminMapper通过IOC容器装配到当前组件中后,就可以直接调用它的方法,享受到框架给我们提供的方便。 1.2、思路 二、操作清单 在子...
一、变量概述 1.1、什么是变量 白话:变量就是一个装东西的盒子;通俗:变量是用于存放数据的。我们通过获取数据,甚至数据可以修改。 1.2、变量在内存中的存储 本质:变量是程...
一、初始JavaScript 1.1 JavaScript历史 布兰登·艾奇(Brendan Eich,1961年~)。 神奇得大哥在1995年利用10天完成得JavaScr...