自适应丨Html5响应式(自适应)网页设计 第一步:在网页代码的头部,加入一行viewport元标签 <meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意 ...
分类:
Web程序 时间:
2020-07-05 15:05:38
阅读次数:
112
HTML5 HTML 基本文档 <!DOCTYPE html> <html> <head> <title>文档标题</title> </head> <body> 可见文本... </body> </html> 基本标签(Basic Tags) <h1>最大的标题</h1> <h2> . . . </ ...
分类:
Web程序 时间:
2020-07-05 00:39:53
阅读次数:
82
Nginx动静分离时,访问jar包中的静态文件如css\js等,需要将 nginx 配置文件转发到对应的路径上 一下路径可以正确使用。 location ~ /druid/.*\.(woff|ttf|svg|eot|gif|jpg|jpeg|bmp|png|ico|txt|js|css|xml)$ ...
分类:
其他好文 时间:
2020-07-03 12:42:25
阅读次数:
117
CSS 中文开发手册 线性梯度 | linear-gradient (Image Values) - CSS 中文开发手册 linear-gradient()创建两种或多种颜色之间的线性,渐进转换。其结果是数据类型的一个对象,这是一种特殊的类型。 /* A gradient tilted 45 de... ...
分类:
Web程序 时间:
2020-07-02 00:10:43
阅读次数:
91
SVG图片压缩 这是个通过借助npm包的一种方式去压缩svg的图片,由于阿里的图库自己创建的图标有大小的限制,当我们想要自己用自己的图标的时候就可以使用这种方式去完成对svg的图片压缩。 1、下载node.js (地址:https://nodejs.org/zh-cn/) 即前提,必须本地部署好np ...
分类:
Web程序 时间:
2020-07-01 20:03:14
阅读次数:
83
参考 Vue项目中使用svg图标 这篇软文质量不错, 依葫芦画瓢,也跑通了 1.慢慢在理解其中包含的知识 2. 把自己理解换一种方式表达一下 我们想在vue页面使用svg图标,例如 <template> <div> <h1>Svg实践,在页面中使用</h1> <svg-icon icon-class ...
分类:
其他好文 时间:
2020-06-29 15:33:21
阅读次数:
189
雪碧图 图片懒加载。【lazyload插件】 路由懒加载。【Vue】 webpack 压缩图片 使用cdn HTTP2 与 gzip压缩 Expires 模块的异步加载 缩小cookie体积 图标svg ...
分类:
其他好文 时间:
2020-06-29 13:43:29
阅读次数:
83
import './assets/css/style.css'; const app = document.getElementById('app'); app.innerHTML = ` <div class="todos"> <div class="todos-header"> <h3 clas ...
分类:
编程语言 时间:
2020-06-28 22:33:52
阅读次数:
62
1、确保绑定元素的正确性。尽量对一个图元进行绑定事件。 2、确保图层的顺序。例如,你编写了一个tooltip功能。mouseover元素A后,tooltip图层的z-index一定比当前元素A的z-index大的,这可能就形成tooltip组件对元素A的覆盖问题。鼠标稍微移动,会自动触发元素A的mo ...
分类:
其他好文 时间:
2020-06-28 18:40:21
阅读次数:
54