meta标签

(转)CMDB介绍

半城伤御伤魂 提交于 2019-12-02 07:07:23
原文: https://www.cnblogs.com/xuecaichang/p/10265936.html 目录 传统运维与自动化运维的区别 CMDB包含的功能 CMDB实现的四种方式 1、agent方式: 2、 ssh类(parmiko, frbric,ansible) 3、saltstack方式 saltstack的安装和配置 1安装和 配置 2、授权 3、执行 命令 AES介绍: CMDB数据表的设计: 图表的设计 前端代码的实现 1、相关文件的引入 2、代码初始化 3、Js代码 CMDB https://lupython.gitee.io/2018/05/05/CMDB%E4%BB%8B%E7%BB%8D/ 尚泽凯博客地址 Top 传统运维与自动化运维的区别 传统运维: ​ 1、项目 上线: ​ a.产品经理前期调研(需求分析) ​ b.和开发进行评审 ​ c.开发进行开发 ​ d.测试进行测试 ​ e.交给运维人员进行上线 上线: ​ 直接将代给运维人员,让业务运维人员把代码放到服务器上 痛点 : ​ 曾加运维人员的成本 改进: ​ 搞一个自动分发代码 的系统 ​ 必须的条件: ​ 1、服务器的信息(ip,hostname等 ) ​ 2、 能不能把报警自动化 ​ 3、 装机系统: ​ 传统的装机和布线: idc运维: ​ 用大量的人力和物力,来进行装机 自动化运维:

VUE-组件

北城以北 提交于 2019-12-02 06:59:17
原先结构: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="app"> <header id="header">这里是头部</header> <div id="content">这里是内容区域</div> <footer id="footer">这里是底部区域</footer> </div> </body> <script src="vue.js"></script> <script> new Vue({ el: '#app' }) </script> </html> 抽离头部组件(可读性差): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

前端基础习题一

[亡魂溺海] 提交于 2019-12-02 06:49:21
面试问题答案综合版 在线预览 http://blog.poetries.top/FE-Interview-Questions 第一部分:基础篇 第二部分:进阶篇 第三部分:高级篇 第四部分:通识篇 第五部分:精华篇 第六部分:精简篇 第七部分:综合篇 第一部分:基础篇 一、HTML、HTTP、web 综合问题 1 前端需要注意哪些 SEO 合理的 title 、 description 、 keywords :搜索对着三项的权重逐个减小, title 值强调重点即可,重要关键词出现不要超过 2 次,而且要靠前,不同页面 title 要有所不同; description 把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面 description 有所不同; keywords 列举出重要关键词即可 语义化的 HTML 代码,符合 W3C 规范:语义化代码让搜索引擎容易理解网页 重要内容 HTML 代码放在最前:搜索引擎抓取 HTML 顺序是从上到下,有的搜索引擎对抓取长度有限制,保证重要内容一定会被抓取 重要内容不要用 js 输出:爬虫不会执行 js 获取内容 少用 iframe :搜索引擎不会抓取 iframe 中的内容 非装饰性图片必须加 alt 提高网站速度:网站速度是搜索引擎排序的一个重要指标 2 <img> 的 title 和 alt 有什么区别

前端之Jquery

痞子三分冷 提交于 2019-12-02 04:55:08
前端之Jquery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫

前端之HTML

橙三吉。 提交于 2019-12-02 04:54:21
前端之HTML 1.0HTML介绍 1.1 Web服务的本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 1.2 HTML是什么? 超文本标记语言(Hyoertext Markup Language,HTML)是一种用于创建网页的标记语言 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm 1.3 HTML不是什么? HTML是一种标记语言(markup language),他不是一种编程语言 HTML使用标签来描述网页 1.4 HTML文档结构 <!DOCTYPE html> <html lang="zh

Django实现博客项目

穿精又带淫゛_ 提交于 2019-12-02 03:40:26
一、项目概述 项目运行环境 Python3.6+ Django 1.11 MySQL 5.7 其他插件(图片处理、分页、验证码....) 项目详细功能介绍 前台功能 项目首页展示 轮播图 博客推荐 最新发布 博客分类 最新评论文章 widgets小插件 搜索功能 博客分类功能 博客标签查询 友情链接 博客分页功能 博客详细 最新评论文章 发表评论 评论展示 评论数 阅读数 登录功能 注册功能 邮箱验证功能 注销功能 页面模板 标签云功能 读者墙功能 后台功能 用户维护 权限管理 博客分类维护 标签维护 友情链接 轮播图维护 项目演示 项目演示 项目代码演示 代码展示 二、开发环境搭建 使用virtualenv 和 virtualenwrapper MySQL 5.7 sudo apt install mysql-server mysql-client 安装mysql驱动 pip install pymysql 安装Django pip install django==1.11 三、创建项目 创建项目和应用 创建项目 django-admin startproject django-blog 创建应用 python manage.py startapp userapppython manage.py startapp blogapp 配置数据库 在settings中配置数据库

Vue初体验

限于喜欢 提交于 2019-12-02 03:34:21
Vue特点   易用:HTML/CSS/JavaScript   灵活:不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩   高效:20kB min+gzip 运行大小 超快虚拟DOM 最省心的优化   渐进式:如果之前页面全是jQ写的,那么我们想改进单个或多个页面,可以单独提取出来进行改进 安装   方式一:直接CDN引入   1 <!-- 开发环境版本,包含了有帮助的命令行警告 --> 2 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 3 4 <!-- 生产环境版本,优化了尺寸和速度 --> 5 <script src="https://cdn.jsdelivr.net/npm/vue"></script>   方式二:下载和引入 1 开发版本 2 https://cn.vuejs.org/js/vue.js 3 生产版本 4 https://cn.vuejs.org/js/vue.min.js   方式三:NPM安装 1 # 最新稳定版 2 $ npm install vue Vue的MVVM 了解更多MVVM https://zh.wikipedia.org/wiki/MVVM View层:   视图层:前端开发中,通常就是DOM层   给用户展示各种信息 Model层:

[Next] 04.next自定义内容

我与影子孤独终老i 提交于 2019-12-02 02:12:32
自定义 head 这是默认的 head 这样的 head 并不能满足我们的需求.next 公开了一个内置组件,用于将元素追加到 <head> 标签的.我们可以通过这个自定义 head 新建 components/Head.js import { Fragment } from "react"; import Head from "next/head"; function MyHead() { return ( <Fragment> <Head> <meta charset="utf-8"></meta> <meta name="referrer" content="origin"></meta> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"></meta> <meta name="keywords" content="next.js,react.js"></meta> <meta content="next 简介 next.js作为一款轻量级的应用框架,主要用于构建静态网站和后端渲染网站。 next 特点 默认情况下由服务器呈现 自动代码拆分可加快页面加载速度 简单的客户端路由(基于页面) 基于"></meta> <title>蓝猫</title> </Head>

jQuery

这一生的挚爱 提交于 2019-12-01 20:16:47
前端之jQuery 1. jQuery简介 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“ 2. jQuery优势 一款轻量级的JS框架。 jQuery核心js文件才几十kb,不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。 链式表达式。 jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。 事件、样式、动画支持。 jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。 Ajax操作支持。 jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。 jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。 jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫

前端之Jquery

懵懂的女人 提交于 2019-12-01 19:14:37
jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫