- 博客(34)
- 收藏
- 关注
RSS订阅原创 Flask 小项目——可视化数据
准备工具：Navicat for mysql（熟悉mysql的操作也可以不用）pyCharm（可以用其他的编辑器）数据：historydetailshotsearch项目：获取数据的过程：在main.js中用ajax请求数据，url是app.py中的路由由app.py中指定的路由下的def函数处理utils.py传来的数据utils.py负责连接数据库和获取数据main.js// 获取时间function getTime() { $.ajax({
2020-10-06 21:09:06
882
原创 Cisco Packet Tracer 访问控制ACL
三层交换机配置ACL，禁止VLAN20对VLAN40中的服务器192.168.40.2的访问。Switch3 (config)# access-list 101 deny ip 192.168.20.0 0.0.0.255 host 192.168.40.4Switch3 (config)# access-list 101 permit ip any anySwitch3 (config)# interface vlan 40Switch3 (config-if)# ip access-group
2020-10-06 21:05:25
2609
原创 Cisco Packet Tracer 自动获取IP地址
配置VLAN20和VLAN30的主机从VLAN40中的Inside dhcp server自动获得对应的ip地址。即VLAN20的主机获得192.168.20.0/24范围内的地址，而VLAN30的主机获得192.168.30.0/24范围内的地址。(注意可分配的地址要去掉虚接口VLAN20和VLAN30使用的地址)1.DHCP server配置IP地址：192.168.40.22.DHCP Server添加地址池3.三层交换机配置Switch3 (config)# interface vlan
2020-10-06 21:05:05
6880
原创 Cisco Packet Tracer 静态路由
PC0：ip：192.168.30.2/24默认网关：192.168.30.1Router0：F0/0：192.168.30.1/24S2/0:192.168.1.1/24Router1：F0/0：172.16.1.1/24S2/0：192.168.1.2/24Server：ip：172.16.1.2/24默认网关：172.16.1.1Router0：静态路由：ip route 172.16.1.0 255.255.255.0 192.168.1.2Router1：静态路由：.
2020-10-06 21:04:45
394
原创 TypeScript 导入模块 报错
初学TypeScript的模块，使用export时编辑器没有报错，但浏览器报错：Uncaught ReferenceError: exports is not defined原因是浏览器不支持export和require，想要测试代码的正确性，可以使用node运行js
2020-07-11 12:46:34
693
原创 Vue 自定义属性
自定义属性 data-id<tr v-for="(item, index) in userList" :key="index"> <td>{{item.id}}</td> <td>{{item.username}}</td> <td>{{item.tel}}</td> <td>{{item.role}}</td> <td>{{item.status === 0 ? '
2020-07-05 22:02:15
607
原创 Vue 跳转带参数
传参 id<router-link class="glyphicon glyphicon-edit" :to="{path: '/user_edit', query: {id: item.id}}"></router-link>获取<script> created() { this._id = this.$route.query.id; }</script>
2020-07-05 21:59:35
835
原创 Cisco Packet Tracer VTP协议
将三层交换机设定为vtp server，其它交换机都是vtp client，vtp domain为senya。使用VTP协议管理整个网络的VLAN，可以让client模式的交换机学习到server模式的交换机的vlan配置。三层交换机Switch3(config)# hostname Switch3Switch3# vlan databaseSwitch3(vlan)# vtp domain senyaSwitch3(vlan)# vtp server二层交换机Switch2(config
2020-07-05 11:35:25
451
原创 Router.use() requires a middleware function错误提示
路由文件中加上：module.exports = router;
2020-06-06 11:10:36
2349
原创 Cisco Packet Tracer 基本命令
用户模式 >特权模式 #全局模式 (config)#接口配置模式 (config-if)#VLAN模式 (config-vlan)#退出 exit退至特权模式 end进入特权模式 >enable#全局配置模式 #configure terminal接口配置模式 #inteface fastEthernet 0/1显示交换机初始启动的状态#show version#show running-config配置主机名#hostname xxx配置交换机管理IP地址#i
2020-06-02 09:43:55
3690
原创 Form 提交 出现异常 拒绝解析script
method=“post” 拒绝解析scriptRefused to execute inline script because it violates the followingContent Security Policy directive: “default-src ‘self’ data: gap:https://ssl.gstatic.com ‘unsafe-eval’”. Either the ‘unsafe-inline’keyword, a hash(‘sha256-F
2020-06-02 09:43:04
931
原创 Cisco Packet Tracer NAT/反向NAT
静态NAT将内网地址192.168.20.2和192.168.30.2地址转换为公网地址133.1.1.1RouterA(config)# ip nat inside source static 192.168.20.2 133.1.1.1 RouterA(config)# ip nat inside source static 192.168.30.2 133.1.1.1RouterA(config)# interface FastEthernet 0/0RouterA(config-if)#
2020-06-02 09:40:35
1251
原创 Cisco Packet Tracer 交换机上划分vlan端口
已有vlan20、vlan302960-2>enable2960-2#configure terminalEnter configuration commands, one per line. End with CNTL/Z.2960-2(config)#interface FastEthernet 0/22960-2(config-if)#switchport mode access2960-2(config-if)#switchport access vlan 202960-2(c
2020-06-02 09:39:17
979
原创 Cisco Packet Tracer 交换机上创建/删除vlan
创建vlan10、vlan20、vlan30Switch>Switch>enableSwitch#configure terminalEnter configuration commands, one per line. End with CNTL/Z.Switch(config)#vlan 10Switch(config-vlan)#exitSwitch(config)#vlan 20Switch(config-vlan)#exitSwitch(config)#vlan 3
2020-06-02 09:38:07
5152
2
原创 原生JS 读取图片文件，并显示预览
<div class="form-group"> <label for="exampleInputFile">文章封面</label> <input name="cover" type="file" id="file"> <div class="thumbnail-waper"> <img class="img-thumbnail" src="" id="preview"> </div></d
2020-06-02 09:36:12
3623
原创 jQuery each方法和map方法的区别
each默认的返回值，遍历什么就返回什么map的默认返回值是一个空数组each不支持在回调函数中对遍历的数组进行处理map可以在回调函数中通过return对遍历的数组进行处理，然后返回一个新的数组返回var map = $.map(obj, function (value, index) { console.log(index, value); return value + index;});console.log(map);var each = $.each(obj, fu
2020-05-26 11:49:40
202
原创 原生JS map方法 和 jQuery map方法
var arr = [1,2,3,4,5];var obj = {0:1, 1:3, 2:5, 3:7, 4:9};原生js的map第一个参数：当前遍历的元素第二个参数：当前遍历的索引第三个参数：当前遍历的数组不能遍历伪数组arr.map(function (value, index, array) { console.log(index, value, array)});jQuery的map：第一个参数：当前遍历的数组第二个参数：每遍历一个元素之后执行的回调函数回调函数
2020-05-26 11:47:56
182
原创 原生JS forEach方法 和 jQuery each方法
第一个参数：当前遍历到的索引第二个参数：遍历到的元素原生js的forEach方法只能遍历数组，不能遍历伪数组var arr = [1,2,3,4,5];var obj = {0:1, 1:3, 2:5, 3:7, 4:9};arr.forEach(function (value, index) { console.log(index, value);});obj.forEach(function (value, index) { console.log(index, val
2020-05-26 11:34:37
230
原创 jQuery 访问符号
释放jQuery的$的使用权如果自己写的js文件或者使用了其他的js的框架，$符号都被使用，这时侯可以释放jQuery的$的使用权jQuery.noConflict(); 释放jQuery的$的使用权释放操作必须在其他jQuery之前写释放后不能再使用$，改为使用jQuery// 1. 释放jQuery的$的使用权jQuery.noConflict(); // 释放jQuery的$的使用权jQuery(function () { alert("1");});修.
2020-05-26 11:23:46
200
原创 Vue radio显示性别
<div class="form-group"> <label>性别：</label> <label class="radio-inline sex"> <input type="radio" name="sex" id="man" value="0" v-model="sex"> 男 </label> <label class="radio-inline"> <
2020-05-26 09:22:24
2213
原创 Vue 保存登录状态和拦截器的使用
登录状态sessionStorage方法//返回当前 sessionStorage 对象的第index序号的key名称。若没有返回nullsessionStorage.key(int index) //返回键名(key)对应的值(value)。若没有返回nullsessionStorage.getItem(string key) //该方法接受一个键名(key)和值(value)作为参数，将键值对添加到存储中；如果键名存在，则更新其对应的值sessionStorage.setItem(stri
2020-05-25 23:58:45
423
1
原创 HBuilder X APP项目运行到MuMu模拟器
常用模拟器的端口夜神模拟器 端口号 ：62001海马玩模拟器 端口号：26944网易mumu模拟器端口号：7555天天模拟器 端口号：6555AndroidStudio自带模拟器 端口号: 5554以下使用的是网易MuMu模拟器运行APP项目打开模拟器在HBuilder X中运行到模拟器adb命令的使用找到HBuilder X 的目录找到HBuilder X 带的adb程序，将此程序在的路径复制，配置环境变量Path运行cmd查看 adb 的版本（测试是否能使用
2020-05-24 18:15:17
1600
原创 MuMu模拟器 安装电脑本地apk
打开模拟器在底栏选择文件共享，此时会打开一个文件夹将要安装的apk放到文件夹中双击文件夹中的apk文件，即可安装
2020-05-24 17:52:24
6199
原创 Echarts 词云图
引入 echarts.js 和 echarts-wordcloud.js/* 必须有宽高 */.chart { width: 400px; height: 300px;}<div class="chart"></div>// 1. 初始化实例let cloud_chart = echarts.init(document.querySelector(".chart"));// 2. 指定配置和数据let keywords = [ {"实时": 221.
2020-05-20 14:41:45
2379
原创 Echarts 基本使用
常见的数据可视化库：D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难)ECharts.js 百度出品的一个开源 Javascript 数据可视化库Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司所使用AntV 蚂蚁金服全新一代数据可视化解决方案 等等Highcharts 和 Echarts 就像是 Office 和 WPS 的关系ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行
2020-05-20 11:46:58
681
原创 虚拟机Linux设置静态路由且能上网
vi /etc/sysconfig/network-scripts/ifcfg-eth0vi /etc/resolv.conf网卡配置好后，重启网卡，执行命令: /etc/init.d/network restartvi /etc/resolv.conf网卡配置好后，重启网卡，执行命令: /etc/init.d/network restart
2020-05-20 00:11:29
980
原创 Python 爬虫工具——notebook
爬虫工具notebook安装与配置安装pip install notebook直接安装可能会失败，使用清华镜像安装pip install -i https://pypi.tuna.tsinghua.edu.cn/simple notebook-i表示临时使用cmd启动jupyter notebook修改工作目录cmd：jupyter notebook --generate-config根据cmd中显示的路径：C:\Users\xxx.jupyter\jupyter_noteb
2020-05-19 23:47:35
229
原创 Vue 实时获取页面宽度 控制元素的显示和隐藏
</template> <div> <ECharts v-if="isShow"/> </div></template><script> ... export default { name: "index", components:{ ... ECharts }, data() { return { ... isS
2020-05-19 14:08:48
1679
原创 Vue项目中使用ECharts的中国地图
准备创建vue项目安装依赖npm install echarts --saveman.jsimport echarts from 'echarts';Vue.prototype.$echarts = echarts; ECharts的图表需要在css指定width和height方法一：直接引用index.vue<template> <div id="chart"> <template>// 引入china.js<
2020-05-18 20:19:48
2030
1
原创 将node.js+express+mongoose项目部署到阿里云windows server服务器
首先必须要有一个windows服务器没有域名，直接用服务器公网ip地址访问准备工作配置端口号在云服务器ECS中网络与安全 =》安全组 =》安全组列表 =》配置规则 =》添加以下规则因为node.js项目设置了端口号为3000，所以要加上3000端口（不设置端口号，外网是访问不了的） 远程连接-登录在云服务器ECS中镜像与实例 =》实例 =》实例列表 =》远程连接 =》登录（登录名和密码是购买服务器的时候设置的）登录后最好先安装chrome浏览器IE浏览器可能设置了不能.
2020-05-16 17:02:38
745
1
原创 windows安装两个不同版本的mysql
下载mysql5.7和mysql8.0我的mysql5.7是wamp自带的（免安装，直接看mysql8.0的安装方法也可以）https://dev.mysql.com/downloads/mysql/ 下载mysql-8.0.11-winx64mysql5.7cmd，管理员开启进入mysql5.7下的bin目录如果没有data目录，有则不必mysqld --initialize-insecure --user=mysqlmysqld --initialize --console安装服务
2020-05-15 20:25:59
495
原创 Git-基本使用
上传文件到github的仓库中1、初始化：git init2、查看状态git status3、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件git add .4、用命令 git commit告诉Git，把文件提交到仓库。引号内为提交说明第一次提交的文件必须加git commit -m " "5、关联到远程库git remote add origin 你的远程库地址如：git remote add
2020-05-15 17:41:35
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人