impress.js,用写代码的方式来制作 PPT, 逼格极高.DEMO. 使用##初始化 创建一个 id 为 impress 的 div, 之后的所有文稿都会放在这个 div 里面. 引入 impress.js <script type="text/javascript" src="impress.js"></script> <script type="text/javascript"> impress().init() </script> 创建幻灯片每张幻灯片都放在 cl ...
检测浏览器类型&判断 IE 版本
JS 获取浏览器信息浏览器代码名称:navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本号:navigator.appVersion 对Java的支持:navigator.javaEnabled() MIME类型(数组):navigator.mimeTypes 系统平台:navigator.platform 插件(数组):navigator.plugins 用户代理:navigator.userAgent 各大浏览器的 userAgent 值各大浏览器输出 navigator.userAgent 的值: IE 8:Mozilla/4.0 (c ...
实现文字与图片并排显示
<div> <img src="images/pic.png"> <span>content</span> </div> 实现方式: css: img{ vertical-align:middle } "vertical-align" 这个属性只适用于 inline 和 inline-block, 对其他 postion 属性无效.
CSS 伪类与 CSS 元素
伪类与伪元素伪类和伪元素是用来修饰不在文档树中的内容. 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户的行为而动态变化的,比如说当用户悬停在指定的元素时,我们可以添加:hover来描述这个元素的状态.虽然和普通的 css类相似,可以为已有的元素添加样式,但是它只有处于 dom tree无法描述的状态下才能为元素添加样式,所以将其称为伪类. 伪元素用于创建不在文档树中的元素,并为其添加样式.比如说,我们可以通过:before来在一个元素前增加一些文本,并为这些文本添加样式。虽然用户可以看到这些文本,但是这些文本实际上不在文档树中. 伪类和伪元素的区别伪类的操作对象是文 ...
滚动监听
在进行网页设计的时候,有一个需求就是在网页滚动到指定位置时执行特定的操作,这时候就需要用到滚动监听. scrollTopJavaScript 的原生方法,获取滚动距离: var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; console.log("滚动距离" + scrollTop); 为保证兼容性.使用document.documentElement.scrollTop || document.body.scrollTop ScrollWatch使用ScrollWat ...
门户设计
门户设计视频作为网页背景#zglyvideo{ position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; } 将视频的位置设置为 fixed, min-width/min-height设置为 100% ,同时 z-index 设置为 -100. animate.css使用 animate.css 设置动画: <h4 class=""animated fadeInUp>f ...
HTTP 协议
HTTP 简介HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。 HTTP 基于 TCP/IP 通信协议来传递数据. HTTP 协议工作在客户端,服务端架构上,浏览器作为 HTTP 客户端通过 URL 向 HTTP 服务端 ,即 web 服务器发送所有请求, web 服务器接收到请求后,向客户端发送响应信息. 主要特点 简单快速:客户端向服务端请求服务时,只需传送请求方法和路径,请求方法常用的有 GET,HEAD,POST.由于 HTTP 协议简单,是的 ...
熟悉 docker
什么是 docker?docker 属于 linux 容器的一种封装. 什么是 Linux 容器Linux 容器不是模拟一个完整的操作系统,而是对进程进行隔离。或者说,在正常进程的外面套了一个保护层。对于容器里面的进程来说,它接触到的各种资源都是虚拟的,从而实现与底层系统的隔离。 由于容器是进程级别的,相比虚拟机有启动快,资源占用少,体积小的优势. docker 的用途 提供一次性的环境; 提供弹性的云服务; 组建微服务架构. docker 的架构 docker 镜像(images)Docker 把应用程序及其依赖,打包在 image 文件里面。只有通过这个文件,才能生成 Docker 容器 ...
ES6语法
模板字符串语法`string text` `string text line 1 string text line 2` `string text ${expression} string text` tag `string text ${expression} string text` 描述模板字符串使用反引号 (` `) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(${expression})的占位符。占位符中的表达式和周围的文本会一起传递给一个默认函数,该函数负责将所有的部分连接起来,如果一个模板字符串由表达式开头,则该字符串被称为带标签的模板字符串,该表 ...
在不同电脑更新hexo博客
在github 仓库部署hexo静态博客,可以参考我这篇文章,本篇文章讲述的是把博客文件和网站文件放在同一仓库的不同分支上,并实现在不同的电脑上更新博客的方法. 创建 hexo 分支在原博客的仓库创建hexo分支,并设为默认,用来存放博客文件; 清空远程仓库的 hexo 分支 git clone 把远程仓库clone到本地; 进入仓库,删除除.git文件夹以外的所有文件和文件夹; git add . ,git commit -m “-“ , git push origin hexo 清空远程仓库hexo分支; 上传本地博客文件 把上述 .git文件夹复制到本机博客目录下; 将本机博客them ...