修改openssl的库名 /** * prism.js Github theme based on GitHub's theme. * @author Sam Clarke */ code[class*="language-"], pre[class*="language-"] { color: #333; background: none; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.4; -moz-tab-size: 8; -o-tab-size: 8; tab-size: 8; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* Code blocks */ pre[class*="language-"] { padding: .8em; overflow: auto; /* border: 1px solid #ddd; */ border-radius: 3px; /* background: #fff; */ background: #f5f5f5; } /* Inline code */ :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; background: #f5f5f5; } .token.comment, .token.blockquote { color: #969896; } .token.cdata { color: #183691; } .token.doctype, .token.punctuation, .token.variable, .token.macro.property { color: #333; } .token.operator, .token.important, .token.keyword, .token.rule, .token.builtin { color: #a71d5d; } .token.string, .token.url, .token.regex, .token.attr-value { color: #183691; } .token.property, .token.number, .token.boolean, .token.entity, .token.atrule, .token.constant, .token.symbol, .token.command, .token.code { color: #0086b3; } .token.tag, .token.selector, .token.prolog { color: #63a35c; } .token.function, .token.namespace, .token.pseudo-element, .token.class, .token.class-name, .token.pseudo-class, .token.id, .token.url-reference .token.variable, .token.attr-name { color: #795da3; } .token.entity { cursor: help; } .token.title, .token.title .token.punctuation { font-weight: bold; color: #1d3e81; } .token.list { color: #ed6a43; } .token.inserted { background-color: #eaffea; color: #55a532; } .token.deleted { background-color: #ffecec; color: #bd2c00; } .token.bold { font-weight: bold; } .token.italic { font-style: italic; } /* JSON */
在我们日常的开发中，经常会把一些样式写在body上，比如页面的最小宽度，最小高度，以及初始化的一些属性
最好的记笔记工具 /** * prism.js Github theme based on GitHub's theme. * @author Sam Clarke */ code[class*="language-"], pre[class*="language-"] { color: #333; background: none; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.4; -moz-tab-size: 8; -o-tab-size: 8; tab-size: 8; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* Code blocks */ pre[class*="language-"] { padding: .8em; overflow: auto; /* border: 1px solid #ddd; */ border-radius: 3px; /* background: #fff; */ background: #f5f5f5; } /* Inline code */ :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; background: #f5f5f5; } .token.comment, .token.blockquote { color: #969896; } .token.cdata { color: #183691; } .token.doctype, .token.punctuation, .token.variable, .token.macro.property { color: #333; } .token.operator, .token.important, .token.keyword, .token.rule, .token.builtin { color: #a71d5d; } .token.string, .token.url, .token.regex, .token.attr-value { color: #183691; } .token.property, .token.number, .token.boolean, .token.entity, .token.atrule, .token.constant, .token.symbol, .token.command, .token.code { color: #0086b3; } .token.tag, .token.selector, .token.prolog { color: #63a35c; } .token.function, .token.namespace, .token.pseudo-element, .token.class, .token.class-name, .token.pseudo-class, .token.id, .token.url-reference .token.variable, .token.attr-name { color: #795da3; } .token.entity { cursor: help; } .token.title, .token.title .token.punctuation { font-weight: bold; color: #1d3e81; } .token.list { color: #ed6a43; } .token.inserted { background-color: #eaffea; color: #55a532; } .token.deleted { background-color: #ffecec; color: #bd2c00; } .token.bold { font-weight: bold; } .token.italic { font-style: italic; } /* JSON */ .lan
在wordpress中使用markdown语法来进行写作，是很多wordpress博主都要想到的一点。虽然说现在wordpress已经“原生”支持wordpress语法，但是还是有很多的瑕疵，也并不实用，当然也有众多的markdown的插件：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <input type="text" id="btn"> <script type="text/javascript"> btn.onchange=fu
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。 就是没有关闭标签的空元素（ 标签定义换行）。 在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。 在开始标签中添加斜杠，比如 ，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。 即使 在所有浏览器中都是有效的，但使用 其实是更长远的保障。
最近一直构思着写篇关于<html>标签的文章，虽说之前处理过<html>标签，也解决过不少棘手的问题，但是对其理解还不是很透彻，很多原理都是自己推测的。
测试一： <HTML> <HEAD> <TITLE> New Document </TITLE> <Script type="text/javascript"> </Script> </HEAD> <BODY> </BODY> </HTML> 测试二： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LA
快速认识JavaScript 熟悉JavaScript基本语法 窗口交互方法 通过DOM进行网页元素的操作 学会如何编写JS代码 运用JavaScript去操作HTML元素和CSS样式
主要讲解了ES6对字符串的拓展，包括includes，startsWith和endsWith，另外增加了字符串模板。
简介：本文分上下篇，将以概念加代码块加实战的方式速刷html，部分资料来源于网络。
css基础知识点整理 代码规范 放置规范 格式规范 代码规范 示例演示 基本选择器 元素选择器 类选择器 ID选择器 基本选择器的组合方式 层级关系 边框属性 border width height 代码演示： backgroud-color 布局 float---浮动属性 转换 dispaly 字体 font-size 字体的大小 color 字体的颜色 css中的盒子模型 什么是盒子模型 边框 内边距 padding 外边距---margin css和html的结合方式 行内样式 <
HTML（Hypertext Markup Language），中文名超文本标记语言，是一种用于结构化 Web 网页及其内容的标记语言。
我们可以使用以下示例从带有 JavaScript 的字符串中删除 HTML 标签 -
核心；相反的，title代触碰到图片显示的是什么 alt代表图片不能显示的时候出现的是什么
<!DOCTYPE html> <html> <body> 这是第一个段落。 </body> </html>
这是第一个段落。
注意：一些 HTML 元素没有内容（如 元素）。这些元素称为空元素。空元素没有结束标签！
字体标签包含：h1~h6、、、、、、
** 通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。**
第二章：文本(book) 知识点： 1. \\：（HTML）==下划线==，用来显示已经插入文档中的内容。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> My favorite color is blue red! </body> </html> 2.\\<
My favorite color is blue red!
HTML语言是一种标签语言，它不需要编译，可以直接由浏览器执行。在标准网页设计中HTML负责填充网页的内容，HTML编写的超文本文档（文件）称之为HTML文档（网页），它包含了一些html元素，使用html或者htm为文件名后缀，能独立于各种操作系统平台，如Unix、Windows等
PHP 向它运行的任何脚本提供了大量的预定义常量。很多常量都是由不同的扩展库定义的，只有在加载了这些扩展库时才会出现，或者动态加载后，或者在编译时已经包括进去了。
CSS是一种样式表语言，描述了一个HTML（或XML）文档演示。CSS描述了元素是怎样渲染到屏幕、纸上或其他媒体的。内部样式和外部样式的定义顺序(引入顺序)决定了优先级高低，后指定的优先级高；内联样式优先级最高。
JS事件相关知识点整理 JS事件的驱动机制 常见JS事件 点击事件---onclick 焦点事件 获取焦点事件---onfocus 失去焦点事件----onblur 域内容改变事件---onchange 加载完毕事件----onload 表单提交事件---onsubmit 键位弹起事件---onkeyup 常用鼠标事件 鼠标移入事件----onmouseover 鼠标移出事件---onmouseout JS事件的两种绑定方式 元素事件句柄绑定 优缺点 DOM绑定方式 示例演示 优缺点 ----
vue-mvvm模式，vue是一种轻量级的前端框架，主要为模板渲染，数据同步，组件化，模块化，路由等。
catch 其实是 then(undefined, () => {}) 的语法糖：
HTML 是用来描述网页的一种语言，超文本标记语言，不是一种编程语言，而是一种标记语言，是一套标记标签，使用标记标签来描述网页。
前言 gulp-file-include是gulp插件,它提供了一个 include 方法让我们可以像后端模板那样把公共部分的页面导入进来，实现 html 复用。 环境准备 gulp-file-include 是gulp的插件，所以需要先安装gulp npm install -g gulp npm install gulp --save-dev npm install gulp-file-include --save-dev gulp 版本目前是4.0.2 include 使用 目录结构 index.
两个新方法 1：startsWith（判断开头） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> let str="wqfge" //判断字符串是否是以w开头的，返回true则代表是的，返回false代表不是 console.log(s
作者：陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主 文章目录 JavaScript charAt() 方法 JavaScript charCodeAt() 方法 JavaScript concat() 方法 JavaScript endsWith() 方法 JavaScript fromCharCode() 方法 JavaScript indexOf() 方法 JavaScript includes() 方法 JavaScript lastIndexOf() 方法
选择器 1.标签上直接设置style属性 直接标签里面写 2.id选择器 <style> #i1{ color: green; } </style> </head> <body> 以#开头命名 </body> 3.class选择器 <style> .c1{ color: green; }
直接标签里面写
以#开头命名
通过 JavaScript 和 DOM 操作 可以获取上述两个 html 和 body 特殊标签 元素 ;
HTML概念及编写规范 html叫做超本文标记语言，注意它只是标记语言，不是编程语言。 编写规范： 由标记（html, div, p, h1等）组成 标记成对出现（<html>...</html>），也有例外，比如、 标记有层级关系 <html> <head> </head> <body> </body> <html> 标记有内容文本或属性 <title>这是一个标签</title> <meta name="" content=""></m
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。 ---- <script> 标签 如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。 <script> 和 </script> 会告诉 JavaScript 在何处开始和结束。 <script> 和 </script> 之间的代码行包含了 JavaScript: <script> alert("我的第一个 JavaSc
相信做过网页的对Css都不是很陌生，它可以帮助我们重铸网页中很多绚丽的特效，尤其是现在Css已经发展3.0版本，很多功能更是丰富多彩，让我们的开发时间不仅大大缩短，而且还可以轻松做出许多华丽的特效，需要注意的是，Css相当于Html的一个美化装置，所以它必须依赖于Html才能发挥作用，那么今天我们就来深入了解下它吧。
如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。
4.img中的其它属性 width: 宽度 height: 高度 所以在img标签中width/height这两个属性的作用, 就是用来告诉img标签将来需要显示的图片有多宽有多高 如果img标签没有指定需要显示的图片的宽高, 那么系统会按照图片默认的宽高来显示 如果img标签指定的宽高, 那么系统会按照指定的宽高来显示
JS之DOM对象常用知识点整理 DOM树的介绍 获取元素对象的四种方式 通过元素ID获取对应元素对象---getElementByid(); 通过name属性获取所有需要的对象---getElementsByname() 通过标签名获取符合要求的所有元素 通过class属性获取所有符合要求的元素 获取节点对象的注意事项 元素对象常见属性 value属性 className属性 checked属性 innerHtml属性 ---- DOM树的介绍 ---- 获取元素对象的四种方式
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
注释: 您将在本教程的下一章中学习更多有关属性的内容。 嵌套的 HTML 元素 大多数 HTML 元素可以嵌套（HTML 元素可以包含其他 HTML 元素）。 HTML 文档由相互嵌套的 HTML 元素构成。 HTML 文档实例
下面对常用标签进行简单的试例，详情见http://www.w3school.com.cn
作者：陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主 文章目录 JavaScript concat() 方法 JavaScript copyWithin() 方法 JavaScript entries() 方法 JavaScript Array every() 方法 JavaScript fill() 方法 JavaScript Array filter() 方法 JavaScript find() 方法 JavaScript findIndex() 方法 JavaS
如何实现盒子居中问题，要让盒子实现水平居中，要满足是快级元素，而且盒子的宽度要定义。然后数值为auto即可。
执行主模版时也要给主模版一个名称,执行时调用的是ExecuteTemplate()方法
已搞完，代码下面。。。 这里的代码的核心我之后会发
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以通过点击这些内容来跳转到新的文档或者当前文档中的某个部分。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
