随笔分类 - html/css
摘要：Docker中部署tomcat相信大家也都知道，不知道的可以google 或者bing 一下。这里主要是为了记录在我们启动容器之后，tomcat需要直接定位到网站信息，而不是打开域名之后，还得加个blog后缀才能访问到我们的网站首页。 Docker exec -it [容器id] bash 进到/u
阅读全文
posted @ 2020-10-19 12:56
笑人
摘要：1、实现不等宽背景条纹 实现如上图所示的效果，代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> .cont{ width: 500px; height: 200px
阅读全文
posted @ 2020-10-19 12:54
笑人
摘要：具体需求： 有一个登陆页面， 上面有2个textbox, 一个提交按钮。 请针对这个页面设计30个以上的test case. 此题的考察目的： 面试者是否熟悉各种测试方法，是否有丰富的Web测试经验， 是否了解Web开发，以及设计Test case的能力，这个题目还是相当有难度的， 一般的人很难把这
阅读全文
posted @ 2020-10-19 12:52
笑人
摘要：本文介绍在html中使用 pdfjs插件在线预览PDF文件的方法。 下载 pdfjs 并引入项目中 到PDFJS官网 http://mozilla.github.io/pdf.js/getting_started/#download,下载pdfjs插件包，注意下载Stable稳定版的包。将下载的压缩
阅读全文
posted @ 2020-10-19 12:50
笑人
摘要：前端 index.html <!DOCTYPE html> <html> <head> <script src="jquery-3.4.1.js"></script> <meta charset="utf-8" /> <title>Ajax提交form</title> <script type="t
阅读全文
posted @ 2020-10-19 12:49
笑人
摘要：长度单位 像素 px 百分比 % em - 像素是我们在网页中使用的最多的一个单位，* 一个像素就相当于我们屏幕中的一个小点，* 我们的屏幕实际上就是由这些像素点构成的* 但是这些像素点，是不能直接看见。* - 不同显示器一个像素的大小也不相同，* 显示效果越好越清晰，像素就越小，反之像素越大。 -
阅读全文
posted @ 2020-10-19 12:48
笑人
摘要：前言 最近我正在公司做一个中后台管理系统的前端框架搭建工作，虽然说公司已经有现成的中后台框架可供选择，但是并不特别适合我们部门的项目，因此在借鉴原有框架的基础上融入了我的一些个人想法和思考在里面。 这篇文章便主要来谈谈在架构一个中后台系统的前端部分上我的实践点。 技术选型 不管是前端抑或后端，从零开
阅读全文
posted @ 2020-10-19 12:46
笑人
摘要：效果 效果图如下，纯css实现超酷炫的星级评分动画效果 实现思路 5个类型为radio的input，label标签修改样式背景图为星星 label标签给每个星星鼠标停留时加注名字 点击星星有放大旋转的动画 dom结构 用form实现 <form> <div class="star"> <input
阅读全文
posted @ 2020-10-19 12:45
笑人
摘要：meta元素有4个属性：name、http-equiv、content、charset.meta标签通过name属性来表述页面文档的元信息，通过http-equiv属性设置http请求指令，通过charset设置页面的字符编码。按照属性设置分类，meta可以分为三类: name属性和content属
阅读全文
posted @ 2020-10-19 12:44
笑人
摘要：前言 该篇文章会为您分享在前端性能优化中非常重要的一环-白屏时间，将从白屏时间的概念、重要性以及白屏的过程一一进行阐述，同时提供性能优化的策略与实践。 一、概念 白屏时间：即用户点击一个链接或打开浏览器输入URL地址后，从屏幕空白到显示第一个画面的时间。 白屏时间的长短将直接影响用户对该网站的第一印
阅读全文
posted @ 2020-10-19 12:41
笑人
摘要：基本概念 有信息交换就会产生编码、传输、解码三个过程。编码是信息从一种形式转变成另一种形式的过程，正如人类的语言通过声带编码，转换成声波。解码是编码的逆函数，耳膜接收声波，通过脑神经解码成人类文化所能理解的信息。字符集是一种文化上下文下的所有文字符号集合，它的作用是规定了某个文化下的所有字符，以及该
阅读全文
posted @ 2020-10-19 12:39
笑人
摘要：转换 改变元素在页面中位置，大小，角度以及形状的一种方式 2D转换：只在x轴和y轴上发生转换效果 3D转换：增加了z轴的转换效果 一、转换属性 transform 取值： （1）none，默认值，无任何转换效果 （2）transform-function 一个或多个转换函数，多个的话，中间用空格隔开
阅读全文
posted @ 2020-10-19 12:38
笑人
摘要：a标签点击事件方法汇总 <a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。这里的href="JavaScript:;"，其中javascript:是伪协议，它可以让我们通过一个链接来调
阅读全文
posted @ 2020-10-18 13:22
笑人
摘要：前言 作为程序员的我们，书写代码也需要大量的技巧。一份良好的代码能让人耳目一新，让人容易理解，同时也让自己成就感满满。因此，在这里简单的整理一些css开发技巧，希望能让你写出耳目一新、容易理解、舒服自然的代码。 本小结主要是围绕css对文字处理的技巧，有兴趣的小伙伴可以收藏一下。 文本对齐方式 CS
阅读全文
posted @ 2020-10-18 13:19
笑人
摘要：导致JavaScript效率低的两大原因：操作DOM和使用页面动画。 通常我们会通过频繁的操作 DOM的css来实现视觉上的动画效果，导致js效率低的两个因素都包括在内了在频繁的操作DOM和css时，浏览器会不停的执行重排和重绘，在PC版本的浏览器中，因为浏览器可用的内存比较大，用户肉眼几乎看不见页
阅读全文
posted @ 2020-10-18 13:18
笑人
摘要：1.URL - Uniform Resource Locator 当您点击 html 页面中的某个链接时，对应的 <a>标签指向万维网上的一个地址。 统一资源定位器（URL）用于定位万维网上的文档（或其他数据）。 2. ？ 1）连接作用：比如 http://www.xxx.com/Show.asp?
阅读全文
posted @ 2020-10-18 13:17
笑人
摘要：颜色 如果我们相给页面设置颜色可以采用多种方法进行设置： 一、命名颜色 假设在设置页面的颜色时觉得一部分很小的颜色集中就足够了，就可以直接给定颜色的名称。css称这些有名称的颜色为命名颜色。 命名颜色的关键字有限，css定义了17个标准色：浅绿色，黑色，蓝色，紫红色，灰色，橙色，绿色，石灰，栗色，海
阅读全文
posted @ 2020-10-18 13:16
笑人
摘要：该标签不是html3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果，该标签是个容器标签。 语法： <marquee></marquee> 以下是一个最简单的例子，代码如下: <marquee><font size=
阅读全文
posted @ 2020-10-18 13:15
笑人
摘要：处理指令（PIs）允许文档包含用于应用程序的指令。指令并不是文档字符数据的一部分，但是必须通过应用程序传递。 处理指令可以用于将信息传递给应用程序。处理指令可以出现在文档任意位置的标记外部。可以出现在序言中，包括文档的类型定义（DTD），文本内容或者文档之后。处理指令，允许文档中包含由应用程序来处理
阅读全文
posted @ 2020-10-18 13:13
笑人
摘要：结构元素不具有任何样式，只是使页面元素的的语义更加明确。 header元素 header元素是一种具有引导和导航作用的的结构元素，该元素可以包含所有通常放在页面头部的内容。header元素通常用来放置整个页面或页面内的一个内容区块的标题，也可以包含网站Logo图片、搜索表单或者其他相关内容。 <he
阅读全文
posted @ 2020-10-18 13:12
笑人
浙公网安备 33010602011771号