话不多说，先上效果图 本demo没使用JavaScript，纯CSS3实现，下面是完整代码 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>时钟</title> 5 <style type="text/css"> 6 .screen{ 7 wi ...
分类：
Web程序 时间：
2020-07-18 15:52:50
阅读次数：
82
一 动静分离概述 1.1 动静分离介绍 为了提高网站的响应速度，减轻程序服务器（Tomcat，Jboss等）的负载，对于静态资源，如图片、js、css等文件，可以在反向代理服务器中进行缓存，这样浏览器在请求一个静态资源时，代理服务器就可以直接处理，而不用将请求转发给后端服务器。对于用户请求的动态文件 ...
分类：
其他好文 时间：
2020-07-18 15:25:13
阅读次数：
71
使用HTML+CSS+javascript实现简易计算器 奉上在javascript学习期间写的小程序（简易计算机） 一、先上图： 二、实现过程： 1.页面结构如下： <body> <div id="sDiv"> <div id="show"><div id="showme"></div></div ...
分类：
编程语言 时间：
2020-07-18 11:30:30
阅读次数：
75
在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯css实现渐变文字了。下面就介绍3中实现方式供大家参考！ 基础样式： .gradient-text{text-align: left;text-indent:30px;lin ...
分类：
Web程序 时间：
2020-07-18 11:27:54
阅读次数：
77
当我们在网站中引入外部链接的时候往往使用的是 <a href="" target="_blank"></a> 大家都喜欢target="_blank", 因为新页面打开不影响原来的页面。但是这个存在安全问题, 由target="_blank"打开的页面, 可以通过window.opener访问原来的 ...
分类：
Web程序 时间：
2020-07-18 11:27:41
阅读次数：
169
css样式： <style> * { padding: 0; margin: 0; font-family: "微软雅黑"; font-size: 14px;} ul,li { list-style: none; } a { text-decoration: none; color: black; ...
分类：
其他好文 时间：
2020-07-18 11:26:07
阅读次数：
91
这篇文章主要为回答这个问题：“做响应式网页，如何让一个div的高和宽保持比例放大或是缩小？”，这里不介绍媒体查询的实现。 那么css如何实现高度height随宽度width变化保持比例不变呢？即给定可变宽度的元素，它将确保其高度以响应的方式保持成比例(即，其宽度与高度的比率保持恒定)。 下面以高宽 ...
分类：
Web程序 时间：
2020-07-18 00:58:58
阅读次数：
146
在使用过一段时间的SVG动画之后，我相当清楚如何利用它来制作动画片段或者网页布局。一些动画库平台，例如Greensock，和原生的css动画简直是绝配。于是我便打算深入地研究一下，看看我能否用这些来制作一款简单的游戏。就像一个精美的工艺品一样，好的游戏拥有许多细致的动画细节。有一天夜里，我的脑海中突 ...
分类：
其他好文 时间：
2020-07-18 00:34:27
阅读次数：
117
创建一个没有背景的圆，然后声明透明度为0.1的黑色边框(看起来是灰色)，修改左侧边框颜色。此时会有一个静态的看起来只有左边框有颜色的空心圆。然后声明一个该元素逆时针旋转360度的动画，并让该动画无限播放(infinite)即可。 使用的css3 特性: transform属性的 rotate，共一个 ...
分类：
Web程序 时间：
2020-07-18 00:31:25
阅读次数：
112
有时候，我们需要使页面内容不可选择。首先想到的是一个css属性：user-select。user-select有两个值： none：用户不能选择文本 text：用户可以选择文本 禁用选择代码实现 html: <p>你可以选择我。</p> <p class="noselect">你不能选择我！</p> ...
分类：
Web程序 时间：
2020-07-18 00:30:12
阅读次数：
109
