山海之屿-CSDN博客

山海之屿

码龄6年

IP 属地：广东省

查看详细资料

个人成就

获得33次点赞
内容获得7次评论
获得171次收藏
代码片获得158次分享

TA的专栏

兴趣领域设置

前端

javascriptcss前端框架
网络与通信

https

创作活动更多

新星杯·14天创作挑战营·第9期

这是一个以写作博客为目的的创作活动，旨在鼓励大学生博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧！我们一起发掘写作的魅力，书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛！注： 1、参赛者可以进入活动群进行交流、分享创作心得，互相鼓励与支持（开卷），答疑及活动群请见 https://bbs.csdn.net/topics/619626357 2、文章质量分查询：https://www.csdn.net/qc

473人参与去参加

搜TA的内容

TypeScript 导入模块报错

初学TypeScript的模块，使用export时编辑器没有报错，但浏览器报错：Uncaught ReferenceError: exports is not defined原因是浏览器不支持export和require，想要测试代码的正确性，可以使用node运行js

发布博客 2020.07.11 ·

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 ·

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 ·

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 ·

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 ·

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 ·

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 ·

Router.use() requires a middleware function错误提示

路由文件中加上：module.exports = router;

发布博客 2020.06.06 ·

原生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 ·

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 ·

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 ·

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 ·

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 ·

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 ·

Cisco Packet Tracer 路由器配置串口

添加路由器关闭电源WIC-2T添加串口，打开电源查看

发布博客 2020.10.06 ·

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 ·

原生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 ·

原生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 ·

jQuery 访问符号

释放jQuery的$的使用权如果自己写的js文件或者使用了其他的js的框架，$符号都被使用，这时侯可以释放jQuery的$的使用权jQuery.noConflict(); 释放jQuery的$的使用权释放操作必须在其他jQuery之前写释放后不能再使用$，改为使用jQuery// 1. 释放jQuery的$的使用权jQuery.noConflict(); // 释放jQuery的$的使用权jQuery(function () { alert("1");});修.

发布博客 2020.05.26 ·

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 ·