谢西顾-CSDN博客

原创 VLSM

VLSM（可变长子网掩码）（只是为了个人理解所做笔记，如有错误，多谢指出~）一、解决问题1.IP不足2.企业内部网段划分问题二、子网掩码子网掩码分为网络位和主机位，网络位即为网段，主机位即为主机ip。主机位数量为2的n次方-2（去头网络号和去尾广播ip），剩下的即为主机可用ip。三、可变长子网掩码实质：网络位向主机位借ip背景：企业拥有ip...

2020-04-06 11:24:56 744

原创基础课第二十天到第二十一天，事件委托、定时、Sprite

一、事件委托事件冒泡DOM0DOM2addEventListenerattachEvent把事件添加在父元素上，减少交互次数palette.onclick=function(e){ var e=e||window.event; var target=e.target||e.srcElement; if(target.nodeName.toLowerCase...

2018-08-02 20:28:44 161

原创 js day（6）函数下

一、构造函数，凡是能够产生对象的函数就是构造函数1.function Person(){ var obj=new Object(); obj.name=null;//稍后自己赋值 obj.age=null; obj.study=function(){ console.log(this.name+"在学习");//this，this所在的函数在哪个对象中，t...

2018-07-19 13:43:23 212

原创 js day（5）函数上

一、debuggerfunction start(){ console.log("000");}debugger;//调试器步进start();二、函数三种声明方式//1.函数声明方式/*first();function first(){ console.log("000");}//2.函数表达式声明方式var second=function(){ cons...

2018-07-16 14:14:11 201

原创 js day（4）数组常用方法

一、join（）转成字符串var arr=["djf","时代峰峻",5446];var str=arr.join();console.log(arr.join());console.log(arr.join("****"));console.log(arr.join(""));console.log(typeof str);结果：二、栈：push（）、pop（）var arr=["dj...

2018-07-15 15:40:49 262 1

原创 js day（3）各种小样例

一、图片隐藏（点击图片可选择是否显示该图片）五、滑过被隐藏的图片也仍然显示图片二、模拟相册（点击哪个图片，呈现哪个图片在大屏幕上）六、滑过哪个图片，呈现哪个图片在大屏幕上七、点击哪个图片，哪个图片变成背景（如果想让div和浏览器没有距离，要自己设置一下margin，marg默认值不是0.调用body标签可以直接使用document.body） PS：由于同步异步问题，...

2018-07-11 16:15:59 186

原创 js day（2）（display:none、getElementsBy、父子兄节点，增删节点、复制节点、节点属性）

一、使这个模块里面的东西全部没有box.style.display="none";二、获取id、class、标签document.getElementsByClassName//类名document.getElementsByIddocument.getElementByTagName//标签名，eg：p、diveg：var x=document.getElementsByTagName('...

2018-07-10 16:20:10 390

原创 js day（1）（DOM、事件、字符串内置对象、时间）

一、Dom1.改变内容如文字内容或改变html内容标签属性如href里面的网址var x=document.getElementById('lin');x.href="https://www.sogou.com";x.innerHTML="搜狗";2.改变css内容var x=document.getElementById('box');x.style.backgroundColor=...

2018-07-09 16:27:30 210

原创 vue,js入门（实战项目：在线翻译器）

这里主要讲概念，因为运用之前的知识是完全可以弄起来的首先我们要在components下建立两个组件，一个是translate组件，一个是show组件，第一个组件用来输入你要翻译的内容，第二个组件输出你要展示的内容效果大致这样这里的重点是，子向父传值，父向子传值我们当前先实现一个小功能，就是在translate模块输入要翻译的内容，也就是说要把translate.vue的值传送到app.vue文件，...

2018-05-23 19:33:33 2537 2

原创 vue.js补充

1.name是什么，调用的标签名就是name名2.对于p标签的内容也可以写成<p v-text="sendmessage"></p>3.placeholder：placeholder 属性提供可描述输入字段预期值的提示信息（hint），该提示会在输入字段为空时显示，并会在字段获得焦点时消失。4.之前我们讲过出栈，也就是删除一个数组是用pop（），现在来讲讲添加进入数组pus...

2018-05-22 16:38:40 412

原创 vue.js入门（24）路由和Http

我们之前实现的页面跳转，都是通过<a>标签来进行页面跳转的路由所实现的功能是一样的，只是a标签要一直刷新请求，而路由是直接跳转到页面去，更加优化要使用路由，首先要安装路由模块...

2018-05-21 21:25:23 652

原创 vue.js（23）生命周期（构造函数）

图片来源于vue官网，注释是我自己加的，另外，红色

2018-05-21 10:29:44 722

原创 vue.js入门（22）事件传值（子向父传值）

上一节讲的是父向子传值首先我们在Header.vue文件先加入一个方法来改变title值，首先注册一个事件methods:{ changetitle:function() { this.$emit("titlechange","子向父传值");//事件名要给它传的内容 } }然后通过点击button<button v-on:click="chang...

2018-05-20 16:10:09 579 1

原创 vue.js入门（21）传值和传引用

传值：string number boolean传引用：object（对象） array（数组）引用：一旦你某个地方发生删除或者添加，整个都会进行改变！（不要忘记基础知识）1.传值，现在我们想要，App.vue里面的一个数值传到Header.vue文件里面首先我们先给App.vue里面一个String值data(){ return{ sendmessage:"传值用法，string...

2018-05-20 15:30:25 6482

原创 vue.js入门（20）实战demo（组件嵌套）

模拟一个网页，有头部，内容，尾部，先对头部进行编码（并进行css稍微修饰一下），创建一个Header.vue文件//Header.vue<template> <header> <h1>{{ title }}</h1> </header></template><script>export defa

2018-05-20 15:02:24 324

原创 vue.js入门（19）组件css作用域

还是刚刚的文件，App.vue和User.vue现在两个里面都有style样式模块，我们在App.vue里面加入<style>h1{ color:purple;}</style>然后发现，App.vue和User.vue里面，h1标签的字体全部都变成了紫色然后我们在User.vue里面加入<style >h1{ color:green;}&l...

2018-05-20 14:01:01 279

原创 vue.js入门（18）组件嵌套

养成一个习惯，components下的组件，首字母都大写，组件名是什么，class名，name名就是什么这个时候写好User.vue文件<template> <div class="user"> <ul> <li v-for:"user in user">{{ user }}</li> </u

2018-05-20 13:45:17 776

原创 vue.js入门（17）介绍src文件流程及根组件

public/index.html为入口文件，然后进入main.jsimport Vue from 'vue'import App from './App'Vue.config.productionTip = falsenew Vue({ el:'#app', template:'<App/>', compo...

2018-05-19 23:58:32 684

原创 vue.js入门（16）搭建脚手架CLI

1.首先要到node.js官网下载2.下载之后安装，这里不细说，基本上都是默认3.然后运行终端，分别运行node -vnpm -v来查看是否安装成功，如下图就算安装成功4.这个时候移步到vue.js官网，安装-cli命令行看到如下图所示点击cli文档查看先输入第一句，然后vue --version查看结果然后第二句话是创建项目了，会创建在路径处，所以这里，我们首先路径定位，定位在自己所想要存放的文...

2018-05-19 10:17:24 297

原创 vue.js入门（15）初始组件的应用

//index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vu

2018-05-18 20:58:52 146

原创 vue,js入门（14）实例化多个vue对象

//index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/cs

2018-05-18 14:19:19 14090

原创 vue.js入门（13）实战demo

//index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/cs

2018-05-18 13:44:36 1331

原创 vue.js入门（12）v-for循环指令

//index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/cs

2018-05-17 21:05:11 1898

原创 vue.js入门（11）条件渲染v-if

//index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/cs

2018-05-17 13:06:26 179

原创 vue.js入门（10）动态绑定css样式

//index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/cs

2018-05-17 10:50:36 5395