3 线性渐变实例 一、颜色从顶部向底部渐变 制作从顶部到底部直线渐变有三种方法，第一种是起点参数不设置，因为起点参数的默认值为“top”；第二种方法起点参数设置为“top”；第三种起点参数使用“-90deg”关键词。为top_bottom设置从顶部向底部的渐变，三种方法的CSS代码如下： 第一种方法 ...
分类：
Web程序 时间：
2019-11-25 09:40:46
阅读次数：
86
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/KRbXGe 可交互视频教程 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 htt ...
分类：
Web程序 时间：
2019-11-24 00:05:31
阅读次数：
83
如上图所示：要实现这样一个切掉一角的边角。 思路就是：先用一个跟背景类似的一块区域盖住那个角，然后再画一条线，接在缺口处。 css代码： .bian{ height:200px; width:500px; position:relative; border:2px solid #6ca2f6; ba ...
分类：
Web程序 时间：
2019-11-21 16:55:11
阅读次数：
279
性能优化基本是BAT等一线互联网公司程序员必备的技能，以下为大家完整揭晓性能完整的优化方案和方法：包含web网站调优、数据库、JVM调优、架构调优等方案。
第一：Web网站调优
1、尽可能减少HTTP请求：图片合并 （css sprites），Js脚本文件合并、css文件合并。
2、减少DNS查询
3、将css放在页面最上面，将js放在页面最下面
4、压缩js和css
减少文件体积，去除不必要的空白符、格式符、注释（即对代码进行格式化）
5、把js和css提取出来放在外部文件中
这一条要灵活运用，把js和css提取出来放在外部文件的优点是：减少html体积，提高了js和css的复用性，提高日后的可维护性
缺点：增加了http请求，不过这一点可以通过缓存来解决。
什么情况下将js和css写在页面内呢，可以分为几种情况：js和css代码比较少；这个页面不怎么会访问
6、避免重定向
重定向就是用户请求的页面被转移到了别的地方，浏览器向服务请请求一个页面，服务器告诉浏览器请求的页面已经被转移到另外一个页面，并告知另一个页面地址，浏览器就再发送请求到重定向的地址。这样会增
分类：
数据库 时间：
2019-11-21 09:42:17
阅读次数：
103
页面自适应 自适应是指页面内容自动适应屏幕大小，实现自适应的方法有多种： 1.简易场景实现自适应：浮动、页面居中、元素宽度不写固定而设置百分比自动匹配大小。这样在页面宽度发生变化时，能利用以上特性实现简易的自适应效果。2.如果实际开发中有复杂场景的需求，一般通过编写多套CSS代码，然后用媒体查询技术 ...
分类：
其他好文 时间：
2019-11-17 18:06:27
阅读次数：
108
[toc] CSS 层叠样式表 Cascading Style Sheet 注释 单行注释 多行注释 CSS的语法结构 选择器 {属性1: 属性值1} CSS的三种使用方式 通过link标签映入外部CSS文件 `` 直接在head内通过style标签写CSS代码 行内式 , 通过在body内的标签内 ...
分类：
Web程序 时间：
2019-11-13 22:22:10
阅读次数：
129
GitHub中有更加详细的介绍 https://github.com/daLeiStrive/devtools-docs Chrome DevTools中的Coverage标签可帮助您查找未使用的JavaScript和CSS代码。删除未使用的代码可以加快页面加载速度， 图1。分析代码覆盖率。 总览 ...
分类：
编程语言 时间：
2019-11-13 11:03:45
阅读次数：
128
CSS创意与视觉表现 CSS代码： .cover { padding: 36% 50%; background: linear-gradient(to right, white 50%, black calc(50% + 1px)); position: relative; font-size: 2 ...
分类：
Web程序 时间：
2019-11-09 14:08:21
阅读次数：
143
文章目录 简介 实现效果 html主要代码 css代码 js代码 文章目录 简介 实现效果 html主要代码 css代码 js代码 文章目录 简介 实现效果 html主要代码 css代码 js代码 简介 实现效果 html主要代码 css代码 js代码 简介 实现效果 html主要代码 css代码 ...
分类：
Web程序 时间：
2019-11-01 16:51:08
阅读次数：
108
