01 2018 档案

CSS3不一样的下拉选择框
摘要：本例中包含两个下拉选择框的动画示例，本例中并未使用select标签。本例中第一个案例也可用于标题、导航栏等位置。 案例一： html布局 整体显示样式 下拉列表样式及动画 使用JavaScript实现点击事件 实现点击事件还需要引用jQuery插件 案例二： 案例二与案例一的html布局相似，只是在 阅读全文
posted @ 2018-01-30 20:56 小白知浅 阅读(297) 评论(0) 推荐(0)
CSS3实现3d菜单翻转
摘要：transform-style:flat | preserve-3d； 3d透视属性。针对子元素如何在3d空间相对其父元素渲染，这个属性声明在父元素上，并且他的子元素使用了transform才会有效。有两个属性值，一个是flat平面，这也是默认值；一个是preserve-3d当子元素使用transf 阅读全文
posted @ 2018-01-29 21:56 小白知浅 阅读(538) 评论(0) 推荐(0)
CSS3实现加载数据动画2
摘要：CSS3实现加载数据动画 ... 阅读全文
posted @ 2018-01-28 18:01 小白知浅 阅读(233) 评论(0) 推荐(0)
CSS3实现加载数据动画1
摘要：CSS3实现加载数据动画 ... 阅读全文
posted @ 2018-01-28 15:47 小白知浅 阅读(517) 评论(0) 推荐(0)
CSS3实现带阴影的弹球
摘要：实现div上下跳动时，底部阴影随着变化 阅读全文
posted @ 2018-01-27 16:54 小白知浅 阅读(386) 评论(0) 推荐(0)
背景颜色渐变
摘要：背景颜色线性渐变【 linear-gradient】 语法： background:linear-gradient(起点，起点颜色，过度色[可选]，终点颜色); 起点：top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。 过度色：可以插入多个，表示多种颜色的渐变 阅读全文
posted @ 2018-01-26 22:31 小白知浅 阅读(338) 评论(0) 推荐(0)
CSS3---滤镜
摘要：概念 CSS3滤镜（CSS3 Filters）是CSS3的新增的一个魔法属性，可以对网页元素添加神奇图像处理效果，类似Photoshop里面的滤镜。 滤镜可以实现图像、背景、边框的模糊、颜色调整，语法与IE的filter截然不同 设置元素的滤镜效果 语法 filter-element { filte 阅读全文
posted @ 2018-01-25 17:14 小白知浅 阅读(167) 评论(0) 推荐(0)
CSS3裁剪与遮罩解析
摘要：一、用途 CSS3裁剪与遮罩（Clipping and Masking）用来隐藏元素的一部分而显示另一部分 二、区别 CSS3裁剪与遮罩（Clipping and Masking）用来隐藏元素的一部分而显示另一部分 三、裁剪 3.1属性一览 3.1.1clip 语法 clip: auto | rec 阅读全文
posted @ 2018-01-24 22:34 小白知浅 阅读(901) 评论(0) 推荐(0)
CSS3---混合模式
摘要：概念 CSS3混合模式（ CSS Blend Modes ）是CSS3新增的一个魔法特性，可以允许多个背景或多个元素进行混合，类似于Photoshop的图层混合模式 CSS3混合模式属性一览 background-blend-mode background-blend-mode ： <blend-m 阅读全文
posted @ 2018-01-24 18:20 小白知浅 阅读(510) 评论(0) 推荐(0)
使用CSS3制作各种形状
摘要：CSS3的一个非常酷的特性是允许我们创建各种规则和不规则形状的图形，从而可以减少图片的使用。以前只能在Photoshop等图像编辑软件中制作的复杂图形现在使用CSS3就可以完成了。通过使用新的CSS属性，像transform和border-radius，我们可以创建非常漂亮和复杂的图形效果。 圆形 阅读全文
posted @ 2018-01-23 23:09 小白知浅 阅读(455) 评论(0) 推荐(0)
prefixfree.min.js 的用途
摘要：简单而言,这东西就是自动加前缀的,在link中，或是style中，或是dom元素的style中书写CSS3 code，或是jQuery .css()方法此脚本会自动补上需要的前缀，让响应的浏览器支持该CSS3属性 避免了一些老长的浏览器前缀兼容性,比如: 使用方法: 1.在文档开始头部调用; <sc 阅读全文
posted @ 2018-01-23 21:22 小白知浅 阅读(355) 评论(0) 推荐(0)
CSS3 Shape ---使用形状改变旁边内容的布局
摘要：注意 本文所实现的功能，在浏览器的支持上并不好，除chrome浏览器外其余的大部分浏览器均不支持，虽然可以使用polyfill解决，但也不能很好的支持，有时也会出错 polyfill使用方法 下载polyfill，将其放入工程中，然后引用就可以了：<script src='js/shapes-pol 阅读全文
posted @ 2018-01-23 21:04 小白知浅 阅读(467) 评论(0) 推荐(0)
CSS计数器（自定义列表）Demo
摘要：html css 注意：要将计数器应用在哪个元素上，就在其父元素定义计数器，如果并列有多个元素，那么在这几个元素共同的父元素定义计数器，如本例中有多个section，如果需要每个section都使用计数器，那么就需要将计数器定义在body上；再举个例，本例中给figure标签使用计数器，将计数器定义 阅读全文
posted @ 2018-01-21 17:34 小白知浅 阅读(293) 评论(0) 推荐(0)
CSS计数器（自定义列表）
摘要：概念 CSS3计数器（CSS Counters）可以允许我们使用css对页面中的任意元素进行计数，实现类似于有序列表的功能（自定义有序列表） 与有序列表相比，它的突出特性在于可以对任意元素计数，同时实现个性化计数 使用计数器步骤 计数器属性 counter-reset：定义计数器，包括初始值、作用域 阅读全文
posted @ 2018-01-21 17:32 小白知浅 阅读(302) 评论(0) 推荐(0)
响应式图片布局
摘要：响应式图片布局 picture source media srcset设置响应式图片 ... 阅读全文
posted @ 2018-01-20 16:46 小白知浅 阅读(316) 评论(0) 推荐(0)
响应式表格布局
摘要：通过css媒体查询捕捉浏览器的大小，来改变css样式，本例是改变表格的样式 html css 注意：由以上代码可以知道，使用position：absolute必须在其父元素中设置position：relative 阅读全文
posted @ 2018-01-20 11:16 小白知浅 阅读(4064) 评论(0) 推荐(0)
css媒体类型
摘要：all 用于所有的媒体设备。 aural 用于语音和音频合成器。 braille 用于盲人用点字法触觉回馈设备。 embossed 用于分页的盲人用点字法打印机。 handheld 用于小的手持的设备。 print 用于打印机。 projection 用于方案展示，比如幻灯片。 screen 用于电 阅读全文
posted @ 2018-01-19 15:54 小白知浅 阅读(166) 评论(0) 推荐(0)
html+css调用服务器端字体
摘要：在浏览网页时，由于客户端没有安装某些特殊字体，导致网页文字无法按设计正常显示，这时我们可以使用服务器字体来避免这种现象的发送 语法 使用 阅读全文
posted @ 2018-01-19 12:00 小白知浅 阅读(1287) 评论(0) 推荐(0)
CSS3 Flexbox（伸缩盒/弹性盒模型）可视化指南
摘要：在http://css.doyoe.com/（CSS参考手册）中，本文对应其中的伸缩盒 引入 Flexbox布局官方称为CSS Flexible Box Layout Module是一个CSS3新的布局模块，用于实现容器里项目的对齐、方向、排序（即使在项目大小位置、动态生成的情况）。flex容器最大 阅读全文
posted @ 2018-01-19 11:40 小白知浅 阅读(370) 评论(0) 推荐(0)
div+css实现双飞翼布局
摘要：本例通过div+css实现HTML金典布局双飞翼布局，该布局结构为上中下结构，上：header头；下：footer尾；中：内容，将内容分为了三个结构，左中右 下图是效果图 我们来看下代码 阅读全文
posted @ 2018-01-15 15:38 小白知浅 阅读(272) 评论(0) 推荐(0)
基于CSS多列实现瀑布流
摘要：css 阅读全文
posted @ 2018-01-13 20:39 小白知浅 阅读(194) 评论(0) 推荐(0)
div嵌套img高度不相同
摘要：div中嵌套img，如果div里嵌套一个img元素且div的高度是由img的高度来撑开，那么div的高度总会比img的高度多3px。 可以明显看到div实际高度高出img高度3px。为了解决此问题，我们只需要给img元素添加一个display : block ; 阅读全文
posted @ 2018-01-13 19:50 小白知浅 阅读(398) 评论(0) 推荐(0)
html---Web Storage存储
摘要：在HTML5中，除了Canvas元素之外，另一个新增的非常重要的功能是可以在客户端本地保存数据的Web Storage功能，之前可以使用Cookies在客户端保存如用户名等简单用户信息，但通过长期使用，人们发现Cookies储存永久数据存在几个问题 大小：Cookies的大小被限制在4kb 带宽：C 阅读全文
posted @ 2018-01-10 16:59 小白知浅 阅读(269) 评论(0) 推荐(0)
Dubbo
摘要：概念 Dubbo是一个分布式服务框架，致力于提供高性能和透明化的RPC远程服务调用方案，以及SOA服务治理方案。 同类型的框架 Apache：Thrift、Hessian；WebService；java：RMI；淘宝：HSF；京东：JSF Thrift对多语言的支持比较好，但是负载均衡和SOA服务治 阅读全文
posted @ 2018-01-09 10:00 小白知浅 阅读(225) 评论(0) 推荐(0)
RPC
摘要：概念 远程过程调用（RPC）是一个协议，程序可以使用这个协议请求网络中另一台计算机上某程序的服务而不需要知道网络细节 模式 C/S模式 基于传输层协议（例如TCP/IP） 事件处理模型（请求、计算、响应） 目的 调用非本机的方法 不同语言程序之间通信 不了解底层通信，像本地方法一样调用 应用 分布式 阅读全文
posted @ 2018-01-08 14:34 小白知浅 阅读(694) 评论(0) 推荐(0)
分布式服务架构
摘要：1.应用特点 多环境多系统的交互 多环境，一指的是包括语言环境，一般来说，整个企业级应用有主流开发语言，比如java、C++、.net等，整个企业还会根据不同的情况，往往会有不同的语言开发出来的服务，比如说，在一定需求的情况下，需要用PHP的代码来调用java写的http的接口或者因为安全性的问题j 阅读全文
posted @ 2018-01-08 10:43 小白知浅 阅读(739) 评论(0) 推荐(0)
MyBatis---缓存策略cache的使用
摘要：一般在查询时使用 使用步骤 1.配置config.xml，开启缓存 <setting name=”cacheEnabled” value=”true” /> 2.在Mapper文件头指定使用缓存 <cache readOnly=”true” size=”500” flushInterval=”120 阅读全文
posted @ 2018-01-07 16:25 小白知浅 阅读(3440) 评论(0) 推荐(0)
SpringMVC---springMVC配置文件（springweb.xml）简介
摘要：再web.xml中设置HTTP请求的中央调度处理器DispatcherServlet时，会指定SpringMVC配置文件，这里取名springweb.xml是因设置DispatcherServlet时指定了该文件名 阅读全文
posted @ 2018-01-06 15:24 小白知浅 阅读(246) 评论(0) 推荐(0)
SpringMVC---applicationContext.xml配置详解
摘要：... 阅读全文
posted @ 2018-01-06 15:08 小白知浅 阅读(2961) 评论(0) 推荐(0)
SpringMVC---web.xml配置详解
摘要：web.xml中需要配置的内容 1.配置监听器<listener> 它有两个监听器： 1). <!--配置文件加载监听器--> <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</list 阅读全文
posted @ 2018-01-06 14:56 小白知浅 阅读(9857) 评论(0) 推荐(1)
Maven---pom.xml配置详解
摘要：1.概述 pom中节点如下分布 2.基本配置 modelVersion：pom模型版本，maven2和3只能为4.0.0 groupId：组ID，maven用于定位 artifactId：在组中的唯一ID用于定位 version：项目版本 packaging：项目打包方式，有以下值：pom, jar 阅读全文
posted @ 2018-01-06 13:52 小白知浅 阅读(19575) 评论(1) 推荐(4)
MyBatis---自动创建表
摘要：该项目基于Maven实现 该项目实现了在项目启动时，对数据库表进行操作 源码下载 实现步骤： 1.向pom.xml文件添加maven依赖 2.在项目资源文件夹中创建autoCreateTable.properties（数据库表操作配置）文件 3.修改applicationContext.xml文件 阅读全文
posted @ 2018-01-05 20:18 小白知浅 阅读(31148) 评论(2) 推荐(0)
SpringMVC + MyBatis简单示例
摘要：该项目基于Maven开发，该项目中包含了MyBatis自动创建表的功能，具体实现查阅MyBatis 自动创建表 源码下载 配置 maven支持pom.xml web.xml配置 我这里将除pom、web之外的所有的配置文件均放在resources资源文件中。设置resources方法：在src/ma 阅读全文
posted @ 2018-01-05 20:15 小白知浅 阅读(1021) 评论(0) 推荐(0)
JSP---JSTL核心标签库的使用
摘要：JSTL 核心标签库标签共有13个，功能上分为4类： 1.表达式控制标签：out、set、remove、catch 2.流程控制标签：if、choose、when、otherwise 3.循环标签：forEach、forTokens 4.URL操作标签：import、url、redirect 使用标 阅读全文
posted @ 2018-01-02 11:27 小白知浅 阅读(300) 评论(0) 推荐(0)