content | 易学教程

Python3 获取系统资源

阅读更多关于 Python3 获取系统资源

cpu disk mem import osimport psutilos.chdir(os.getcwd()) #cpu def get_cpu_info(): cpu_percent=psutil.cpu_percent(interval=1) cpu_info="used cpu perence is : %0.2f%%" % cpu_percent, #print("used cpu perence is : %0.2f%%" % cpu_percent) return cpu_info #memory def get_memory_info(): virtual_memory = psutil.virtual_memory() used_memory = virtual_memory.used / 1024 / 1024 free_memory = virtual_memory.free / 1024 / 1024 memory_percent = virtual_memory.percent #print("memory perence is:%0.2f%%" % memory_percent,"usedmemory is:%0.2f M" % used_memory) mem_info="memory perence is:%0.2f%%" % memory

vue组件化编程应用

阅读更多关于 vue组件化编程应用

写几个小案例来理解vue的组件化编程思想,下面是一个demo. 效果图示: 功能: Add组件用于添加用户评论 ,提交后右边评论回复会立马显示数据.Item组件点击删除可以删除当前用户评论 .当List组件中用户评论为空时,会提示"暂无评论，点击左侧添加评论". 项目目录: 代码: 1.index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue_demo</title> <link rel="stylesheet" href="./static/css/bootstrap.css"> </head> <body> <div id="app"></div>  </body> </html> 2.main.js import Vue from 'vue' import App from './App' new Vue({ el: '#app', components: { App }, template: '<App/>' }) 3.App.vue <template>

HTML主体标签

阅读更多关于 HTML主体标签

HTML标签在HTML结构代码中可以看到非常多的 <> ，这就是html的标签。整块html代码几乎就是由各种各样的标签与标签内容构成，每一个标签对应一个网页上的一个小模块，如一段文字1，一张图片。对于一个网页来说，学习一些常用的标签，90%的网站都可以慢慢搭建出来。 head标签的组成 meta meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 http-equiv 在html4.01版本中，我们使用下面配置来规定HTML 文档的字符编码。 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 但在html5版本中，我们使用更简化的方式来规定HTML 文档的字符编码。 <meta charset="UTF-8"> 我们用meta标签可以声明当前这个html文档的字库，但是一定要和保存的类型一样，否则乱码！ name 主要用于页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’号隔开，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。 <meta name="Keywords" content="腾讯,邮箱,游戏,新闻,体育,娱乐,论坛

css float浮动详解

阅读更多关于 css float浮动详解

css float浮动详解 @(css float)[hasLayout|clear float|妙瞳] css float的定义和用法 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。默认值：none；继承性：no；版本：CSS1 JavaScript 语法：object.style.cssFloat="left"；可能的值值描述 left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动，并显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值。简单示例这里用到了float:left;我们把 ul 元素和 a 元素浮向左浮动。 clear float clear float 是什么？很多人习惯的把clear float 翻译成“清除浮动”，我觉得针对我们由于浮动造成的问题，我们要做的是清楚浮动所造成的影响，而不单单只是清除浮动，还包括闭合浮动，让浮动不要影响其他的元素。为什么要clear

front-end-checklist-4

阅读更多关于 front-end-checklist-4

Based on https://github.com/thedaviddias/Front-End-Checklist 8. Language attribute 1 <html lang="en"> (1) lang 属性规定元素内容的语言。 (2) HTML5中强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵守的规则等等。 9. Social meta 1234567891011121314151617181920 <meta property="og:type" content="website"><meta property="og:url" content="https://example.com/page.html"><meta property="og:title" content="Content Title"><meta property="og:image" content="https://example.com/image.jpg"><meta property="og:description" content="Description Here"><meta property="og:site_name" content="Site Name">

laravel-admin后台框架基本使用

阅读更多关于 laravel-admin后台框架基本使用

建立控制器在app/Admin/Controllers新建对应的控制器来管理某个数据表。控制器例子： <?php namespace App\Admin\Controllers; use Encore\Admin\Form; use Encore\Admin\Grid; use Encore\Admin\Facades\Admin; use Encore\Admin\Layout\Content; use App\Http\Controllers\Controller; use Encore\Admin\Controllers\ModelForm; class ExampleController extends Controller { use ModelForm; /** * Index interface. * * @return Content */ public function index() { return Admin::content(function (Content $content) { $content->header('header'); $content->description('description'); $content->body($this->grid()); }); } /** * Edit interface. * * @param

html、css 高级

阅读更多关于 html、css 高级

表格元素及相关样式 1、<table>标签：声明一个表格 2、<tr>标签：定义表格中的一行 3、<td>和<th>标签：定义一行中的一个单元格，td代表普通单元格，th表示表头单元格表格相关样式属性 border-collapse 设置表格的边线合并，如：border-collapse:collapse; <style> .table01{ width:500px; height:200px; border:1px solid black; /* 设置表格的边线合并 */ border-collapse:collapse; /* 设置表格水平居中 */ margin:0px auto; } .table01 th{ border:1px solid black; background:lightskyblue; color:white; } .table01 td{ border:1px solid black; /* 设置文字水平居中 */ text-align:center; } </style> <body>  <table class="table01"> <tr> <th>序号</th> <th>姓名</th> <th>性别</th> <th>年龄</th> <th>班级</th> </tr> <tr> <td>1<

React练习 13：02_07_简易选项卡

阅读更多关于 React练习 13：02_07_简易选项卡

在线效果浏览：需求：mouseover 标签时，自动切换内容解析：设定一个boolean值，用于切换类的添加/删除，来显示/隐藏对应内容 import React,{useState} from 'react'; import ReactDOM from 'react-dom'; import './index.css'; function Simplecard(props){ const [lessons,setLesson]=useState(props.lessons); const handleOver=function(index){ var newlessons=[...lessons]; for(var i=0;i<newlessons.length;i++) newlessons[i].isActive=false; newlessons[index].isActive=true; setLesson(newlessons); } return( <div id="outer"> <ul id="tab"> {lessons.map((lesson,index)=> <li key={lesson.name} className={lesson.isActive ? 'current' : ''} onMouseOver={()=>handleOver

Elasticsearch 7.x文档基本操作（CRUD）

阅读更多关于 Elasticsearch 7.x文档基本操作（CRUD）

官方文档： https://www.elastic.co/guide/en/elasticsearch/reference/current/docs.html 1.1 添加文档（1）指定文档ID PUT blog/_doc/1 { "title":"1、VMware Workstation虚拟机软件安装图解", "author":"chengyuqiang", "content":"1、VMware Workstation虚拟机软件安装图解...", "url":"http://x.co/6nc81" } Elasticsearch服务会返回一个JSON格式的响应。 { "_index" : "blog", "_type" : "_doc", "_id" : "1", "_version" : 1, "result" : "created", "_shards" : { "total" : 2, "successful" : 1, "failed" : 0 }, "_seq_no" : 0, "_primary_term" : 2 } 响应结果说明： _index：文档所在的索引名 _type：文档所在的类型名 _id：文档ID _version：文档的版本 result：created已经创建 _shards： _shards表示索引操作的复制过程的信息。 total

UEditor粘贴word

阅读更多关于 UEditor粘贴word

公司做的项目要用到文本上传功能。网上找了很久，大部分都有一些不成熟的问题，终于让我找到了一个成熟的项目。 1.前台页面引用代码 <%@page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ page contentType="text/html;charset=utf-8"%><%@ page import="org.apache.commons.lang.StringUtils" %><% /* 更新记录： 2013-01-25 取消对SmartUpload的使用，改用commons-fileupload组件。因为测试发现SmartUpload有内存泄露的问题。 */ //String path = request.getContextPath(); //String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; String clientCookie = request.getHeader("Cookie"); %> <html> <head> <metahttp-equiv="Content-Type" content="text/html

订阅 content