写在前面

1.每一篇文章都希望您有所收获，每一篇文章都希望您能静下心来浏览、阅读。每一篇文章都是作者精心打磨的作品。

2.如果您觉得二郎神杨戬有点东西的话，作者希望你可以帮我点亮那个点赞的按钮，对于二郎神杨戬这个暖男来说，真的真的非常重要，这将是我持续写作的动力。您只需要小手轻轻一点，带来的却是温暖了这个作者，给予他前进的动力。
3.除了本文案例，结合多年开发经验我还整理出2020最新企业级高级实战视频教程包括 Vue3.0/Js/ES6/TS/React/node等想学的可进裙 519293536 免费获取，小白勿进哦！

前言

通过上一篇博客的学习，我们初步入门了Vue.js这个渐进式框架，简单的了解了一下声明式渲染、条件与循环、处理用户输入和表单、组件应用构建等相关内容。本篇博客将会延续上一篇博客的内容进行探索Vue.js。那么一起带着一颗平静的心和二郎神杨戬一起学习吧！

Vue实例

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：

const vm=new Vue({//选项
})
复制代码

当创建一个 Vue 实例时，你可以传入一个选项对象，常见的有：

data：对象或者函数
methods：方法，所有需要执行的方法都必须放在methods里面
el：挂载DOM的根元素
computed：计算属性
Vue生命周期的钩子函数：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、activated、deactivated、beforeDestory、destoryed
watch：监听属性

数据和方法

当一个 Vue 实例被创建时，它将 data对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时，视图将会产生**“响应”**，即匹配更新为新的值。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title>
</head>
<body>
<div id="app"></div>
<script src="../js/vue.js"></script>
<script>//  我们的数据对象const data={obj:1}//  该对象被加入到一个vue实例中const vm=new Vue({el:'#app',data:data});console.log(vm.obj===data.obj);vm.obj=10;console.log(data.obj);  //  10data.obj=100;console.log(vm.obj);    //  100
</script>
</body>
</html>复制代码

当这些数据改变时，视图会重新渲染。

注意：

只有当实例被创建时就已经存在于data中property才是响应式的，如果时创建成功之后再重新添加是无法形成响应式的。

1、添加默认初始值

如果我们后期可能需要用到某些数据、并且这些数据需要响应式的，那么我们就可以在data中先定义一些数据，并设置初始值。

data:{name:'',age:0,sex:''
}
复制代码

除了数据 property，Vue 实例还暴露了一些有用的实例 property 与方法。它们都有前缀 $，以便与用户定义的 property 区分开来：

const data={a:1
}
const vm=new VUe({el:'#app',data:data,
});
console.log(vm.$data===data); // true
console.log(vm.$el===document.getElementById("#app"));复制代码

实例属性

vm._uid // 自增的id
vm._isVue // 标示是vue对象，避免被observe
vm._renderProxy // Proxy代理对象
vm._self // 当前vm实例vm.＄parent // 用于自定义子组件中，指向父组件的实例
vm.＄root // 指向根vm实例
vm.＄children // 当前组件的子组件实例数组
vm.＄refs vm._watcher = null
vm._inactive = null
vm._directInactive = false
vm._isMounted = false // 标识是否已挂载
vm._isDestroyed = false // 标识是否已销毁
vm._isBeingDestroyed = false // 标识是否正在销毁vm._events // 当前元素上绑定的自定义事件
vm._hasHookEvent // 标示是否有hook:开头的事件vm.＄vnode // 当前自定义组件在父组件中的vnode，等同于vm.＄options._parentVnode
vm._vnode // 当前组件的vnode
vm._staticTrees // 当前组件模板内分析出的静态内容的render函数数组
vm.＄el // 当前组件对应的根元素vm.＄slots // 定义在父组件中的slots，是个对象键为name，值为响应的数组
vm.＄scopedSlots = emptyObject
// 内部render函数使用的创建vnode的方法
vm._c = (a, b, c, d) => createElement(vm, a, b, c, d, false)
// 用户自定义render方法时，传入的参数
vm.＄createElement = (a, b, c, d) => createElement(vm, a, b, c, d, true)vm._props // 被observe的存储props数据的对象
vm._data // 被observe的存储data数据的对象
vm._computedWatchers // 保存计算属性创建的watcher对象
复制代码

实例方法

vm.$watch // 观察 Vue 实例上的一个表达式或者一个函数计算结果的变化
vm.$set  // 向响应式对象中添加一个 property，并确保这个新 property 同样是响应式的
vm.$delete // 删除对象的 property。如果对象是响应式的，确保删除能触发更新视图
vm.$on  // 监听当前实例上的自定义事件
vm.$once // 监听一个自定义事件，但是只触发一次。一旦触发之后，监听器就会被移除
vm.$off  // 移除自定义事件监听器
vm.$emit // 触发当前实例上的事件。附加参数都会传给监听器回调
vm.$mount // 手动地挂载一个未挂载的实例
vm.$beforcepdate// 迫使 Vue 实例重新渲染
vm.$nextTick // 将回调延迟到下次 DOM 更新循环之后执行
vm.$destory  // 
复制代码

实例参数vm.＄options

vm.＄options其实也就是我们new Vue(options)options这个选项对象可传入的属性

declare type ComponentOptions = {// datadata: Object | Function | void;  // 传入的data数据props?: { [key: string]: PropOptions }; // props传入的数据propsData?: ?Object;  // 对于自定义组件，父级通过`props`传过来的数据computed?: {  // 传入的计算属性[key: string]: Function | {get?: Function;set?: Function;cache?: boolean}};methods?: { [key: string]: Function }; // 传入的方法watch?: { [key: string]: Function | string };  // 传入的watch// DOMel?: string | Element;  // 传入的el字符串template?: string;  // 传入的模板字符串render: (h: () => VNode) => VNode;  // 传入的render函数renderError?: (h: () => VNode, err: Error) => VNode;staticRenderFns?: Array<() => VNode>;// 钩子函数beforeCreate?: Function;created?: Function;beforeMount?: Function;mounted?: Function;beforeUpdate?: Function;updated?: Function;activated?: Function;deactivated?: Function;beforeDestroy?: Function;destroyed?: Function;// assetsdirectives?: { [key: string]: Object }; // 指令components?: { [key: string]: Class<Component> }; // 子组件的定义transitions?: { [key: string]: Object };filters?: { [key: string]: Function }; // 过滤器// contextprovide?: { [key: string | Symbol]: any } | () => { [key: string | Symbol]: any };inject?: { [key: string]: string | Symbol } | Array<string>;// component v-model customizationmodel?: {prop?: string;event?: string;};// miscparent?: Component; // 父组件实例mixins?: Array<Object>; // mixins传入的数据name?: string; // 当前的组件名extends?: Class<Component> | Object; // extends传入的数据delimiters?: [string, string]; // 模板分隔符// 私有属性，均为内部创建自定义组件的对象时使用_isComponent?: true;  // 是否是组件_propKeys?: Array<string>; // props传入对象的键数组_parentVnode?: VNode; // 当前组件，在父组件中的VNode对象_parentListeners?: ?Object; // 当前组件，在父组件上绑定的事件_renderChildren?: ?Array<VNode>; // 父组件中定义在当前元素内的子元素的VNode数组（slot）_componentTag: ?string;  // 自定义标签名_scopeId: ?string;_base: Class<Component>; // Vue_parentElm: ?Node; // 当前自定义组件的父级dom结点_refElm: ?Node; // 当前元素的nextSlibing元素，即当前dom要插入到_parentElm结点下的_refElm前
}
复制代码

更多内容请参考Vue文档之API

Vue的生命周期和钩子函数

每一个Vue实例在创建时都需要经过一系列的初始化过程，例如：设置数据监听、模板编译、将实例挂载到DOM并在数据变化时更新DOM等。同时也会运行一些叫做生命周期钩子的函数。

如果有些朋友学过Java的话，那么对于Servlet的生命周期应该不陌生吧！(扯远了)，没有学过的朋友也没有关系，毕竟我们主要讲的Vue的生命周期和在它生命周期里的一些钩子函数。

为了更好的讲解Vue的生命周期。我从官网偷了一张图献给大家。

这张图对于Vue的生命周期和钩子函数说的非常的明白。下面我们看一张关于Vue生命周期中出现的钩子函数示意图。

在这里我主要讲解常用的八个生命周期的钩子函数。其它的了解一下就可以了

beforeCreate(实例创建前)

实例组件刚开始创建，元素dom和数据都还没有初始化
应用场景：可以在这加个loading事件

created(实例创建后)

数据data已经初始化完成，方法也已经可以调用，但是dom为渲染，在这个周期里面如果进行请求是可以改变数据并渲染，由于dom未挂载，请求过多或者占用时间过长会导致页面线上空白
应用场景：在这结束loading，还做一些初始化，实现函数自执行

beforeMoute(元素挂载前)

dom未完成挂载，数据初始化完成，但是数据的双向绑定还是{{}}，这是因为vue采用了虚拟dom技术

mouted(元素挂载后)

数据和dom都完成挂载，在上一个周期占位的数据把值渲染进去，一般请求会放在这个地方，因为这边请求改变数据之后刚好能渲染

beforeUpdate(实例更新前)

只要是页面数据改变了都会触发，数据更新之前，页面数据还是原来的数据，当你请求赋值一个数据的时候就会执行这个周期，如果没有数据改变不执行

updated(实例更新后)

只要是页面数据改变了都会触发，数据更新完毕，页面的数据是更新完成的

beforeUpdated和updated要谨慎使用，因为页面更新数据的时候都会触发，在这里操作数据很影响性能和死循环

beforeDestory(实例销毁前)

实例销毁之前调用，在这一步，实例仍然完全可用

destory(实例销毁后)

Vue实例销毁后调用，调用后，Vue实例指示的所有内容都会解除绑定，所有的事件监听器都会被移除，所有的子实例也会被销毁

讲一下开发者经常会犯的错误，就是关于Vue的钩子函数中使用箭头函数的问题。这个问题觉得有必要提出来，毕竟自己在开发过程中，经常会踩这些坑。

生命周期钩子的 this 上下文指向调用它的 Vue 实例

不要在选项 property 或回调上使用箭头函数，比如

created()=>console.log('a')或者vm.$watch('a',newValue=>this.myMethod())，因为箭头函数并没有this，this会作为变量一直向上级词法作用域查找，直至找到为止。

经常出现如下错误

Uncaught TypeError: Cannot read property of undefined
Uncaught TypeError: this.myMethod is not a function

这一点需要非常注意。

控制台输出福利

console.log支持的格式标志有:

示例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title>
</head>
<body>
<script>const tom={name:"杨戬", age:18}console.group("开始");console.group("第一组");console.log("%c%s%o","background:red;color:yellow;",'对象是：',tom);console.groupEnd();console.group("第二组");console.log("%c%s%o","background:red;color:yellow;",'对象是：',tom);console.groupEnd();console.group("第三组");console.log("%c%s%o","background:red;color:yellow;","对象是:",tom)
</script>
</body>
</html>
复制代码

结果：

接下来通过两个示例对Vue的生命周期进行解析

Vue生命周期示例一

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div id="app"><input type="text" v-model="msg">{{msg}}</div>
<button onclick="destroy()">销毁</button>
<script src="../js/vue.js"></script>
<script>const vm=new Vue({el:'#app',data:{msg:"Vue"},beforeCreate:function () {console.log("Vue实例创建前："+this.msg,this.$el);//  数据data和dom都没有初始化},created:function () {console.log("Vue实例创建后:"+this.msg,this.$el);//  数据data初始化完成，dom还没有初始化完成},beforeMount:function () {console.log("Vue实例挂载前"+this.msg,this.$el);},mounted:function () {console.log("Vue实例挂载后:"+this.msg,this.$el);},beforeUpdate:function () {console.log("Vue实例更新前:"+this.msg,this.$el);},updated:function () {console.log("Vue实例更新后:"+this.msg,this.$el);},beforeDestroy:function () {console.log("Vue实例销毁前:"+this.msg,this.$el);},destroyed:function () {console.log("Vue实例销毁后:"+this.msg,this.$el);}})function destroy() {vm.$destroy();}
</script>
</body>
</html>复制代码

Vue生命周期示例二

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div id="app">{{name}}
</div>
<button onclick="destroy()">销毁</button>
<script src="../js/vue.js"></script>
<script>const vm=new Vue({el:'#app',data:{name:"杨戬",age:18},beforeCreate:function () {console.group("Vue实例创建前");console.log("数据是:"+this.$data);console.log("挂载的元素是:"+this.$el);console.groupEnd();},created:function () {console.group("Vue实例创建后");console.log("数据是:"+JSON.stringify(this.$data));console.log("挂载的元素是:"+this.$el);console.groupEnd();},beforeMount:function () {console.group("Vue实例挂载前");console.log("数据是:"+JSON.stringify(this.$data));console.log(this.$el);console.groupEnd();},mounted:function () {console.group("Vue实例挂载后");console.log("数据是:"+JSON.stringify(this.$data));console.log(this.$el);console.groupEnd();},beforeUpdate:function () {console.group("Vue实例更新前");console.log("数据是:"+JSON.stringify(this.$data));console.log(this.$el);console.groupEnd();},updated:function () {console.group("Vue实例更新后");console.log("数据是:"+JSON.stringify(this.$data));console.log(this.$el);console.groupEnd();},beforeDestroy:function () {console.group("Vue实例销毁前");console.log("数据是:"+JSON.stringify(this.$data));console.log(this.$el);console.groupEnd();},destroyed:function () {console.group("Vue实例销毁后");console.log("数据是:"+JSON.stringify(this.$data));console.log(this.$el);console.groupEnd();}});function destroy() {vm.$destroy();}
</script>
</body>
</html>复制代码

通过两个实例的学习，对Vue的生命周期有一定的了解，可能有些朋友没有领悟到其精髓，但是随着深入学习，我想大家会慢慢领悟到的。

接下来总结一下：

beforeCreate()：此时$el、data 的值都为undefined，即el 和 data 并未初始化
created()：此时可以拿到data的值，但是$el依旧为undefined，即data完成了数据的初始化，el没有
beforeMount()：$el的值为“虚拟”的元素节点，dom未完成挂载，数据初始化完成，但是数据的双向绑定还是{{}},这是因为vue采用了虚拟dom技术
mounted()：数据和dom都完成挂载，在上一个周期占位的数据把值渲染进去，一般请求会放在这个地方，因为这边请求改变数据之后刚好能渲染

Vue实例的手动挂载和调用事件

vm.＄mount( [elementOrSelector] ) 如果 Vue 实例在实例化时没有收到 el 选项，则它处于“未挂载”状态，没有关联的 DOM 元素。可以使用 vm.＄mount() 手动地挂载一个未挂载的实例，学习手动挂载和调用事件之前，我提取了一些vue实例常用的属性和方法，带有前缀＄便于与代理的data区分

vm.＄el：类型（HTMLElement）挂载元素，Vue实例的DOM根元素。即vm.$el===document.getElementById('节点')，注意：相等的情况必须是实例创建之后才行，也就是created之后
vm.＄data：类型（Object），Vue实例观察的数据对象
vm.＄props：类型（Object），当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象属性的访问。
vm.＄options：类型（Object），用于当前 Vue 实例的初始化选项。需要在选项中包含自定义属性时会有用处
vm.＄parent：类型（Vue实例），父实例，如果当前实例有的话
vm.＄root：类型（Vue实例），当前组件树的根 Vue 实例。如果当前实例没有父实例，此实例将会是其自己。
vm.＄children：类型（Array(Vue实例)），当前实例的直接子组件。需要注意 $children 并不保证顺序，也不是响应式的。如果你发现自己正在尝试使用 $children 来进行数据绑定，考虑使用一个数组配合 v-for 来生成子组件，并且使用 Array 作为真正的来源。

手动挂载

接下来是介绍手动挂载和调用事件的常用方法，共有三个

var MyComponent = Vue.extend({
template: '<div>Hello!</div>'
})// 创建并挂载到 #app (会替换 #app)
new MyComponent().＄mount('#app')// 同上
new MyComponent({ el: '#app' })// 或者，在文档之外渲染并且随后挂载
var component = new MyComponent().＄mount()
document.getElementById('app').appendChild(component.＄el)
复制代码

实例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div id="app"></div>
<button onclick="handleMount1()">手动挂载方式一</button>
<button onclick="handleMount2()">手动挂载方式二</button>
<button onclick="handleMount3()">手动挂载方式三</button>
<script src="../js/vue.js"></script>
<script>const vm=new Vue({data:{name:'杨戬'},template: "<h2>{{name}}</h2>"});//  调用手动挂载方式一function handleMount1() {//  手动挂载到指定DOM元素vm.$mount("#app")}//  调用手动挂载方式二function handleMount2() {//  手动挂载，触发编译vm.$mount();//将编译要生成的内容元素添加到要挂在的DOM元素中，作为子元素document.getElementById("app").appendChild(vm.$el);}//  调用手动挂载方式三function handleMount3() {//  扩展出一个新的Vue构造器const Component=Vue.extend({template:"<h2>{{name}}</h2>"});const vm01=new Component({el:'#app',data:{name:"杨戬"}})}
</script>
</body>
</html>复制代码

大家可以尝试点击按钮试试，看下实例是否挂载成功。

销毁实例

vm.＄destroy() 完全销毁一个实例。清理它与其它实例的连接，解绑它的全部指令及事件监听器，

这是实例的时候有写的到这个方法，大家可以回过头去看。

强制更新

vm.＄forceUpdate() 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。
最后注意

除了vue案例，结合多年开发经验我还整理出2020最新企业级高级实战视频教程包括 Vue3.0/Js/ES6/TS/React/node等想学的可进裙 519293536 免费获取，小白勿进哦！
本文的文字及图片来源于网络加上自己的想法,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

HF-Net ： VISUAL LOCALIZATION USING SPARSE SEMANTIC 3D MAP && 2019
作者：Tianxin Shi⋆†Shuhan Shen⋆†Xiang Gao⋆†Lingjie Zhu 研究机构：中科院自动化所，中国科学院大学自己的想法：本文使用图像检索、SFM进行3D建模、语义分割、RANSAC求解等技术提出了一个相机定位的混合pipeline，达到了SOTA的性能论文提到目前可用的数据集有NLCT，…...
2024/4/27 21:41:38
Redis个人学习总结
本文章是在慕课网上学习Redis数据库后，所作的自行总结。课程链接Redis学习总结Redis的数据结构Key定义的注意点：字符串String哈希Hash链表List集合Set有序集合 Sort SetKeys的通用操作Redis的特性多数据库Redis事务Redis的持久化的概述RDBAOF Redis的数据结构 Key定义的注意…...
2024/4/27 22:15:52
短信发送倒计时
<input type="text"> <button>发送</button><script>var btn=document.querySelector(button) var time =3;btn.addEventListener(click,function(){this.disabled = truevar times =setInterval(function(){if (time==0) { //清除定时器复…...
2024/4/20 3:19:43
《基础会计学》|绪论一
学习目标：了解会计的产生和发展；理解会计的本质、职能和会计目标；理解会计的方法；了解会计学科的基本分类和发展趋势；文章目录一. 会计的产生二. 关于会计含义的不同学术观点1. 管理工具论2. 信息系统论3. 管理活动论现代会计的含义三. 会计的职能1. 会计的核算职能2. …...
2024/4/15 4:43:48
织梦cms系统TAG标签和分页伪静态设置教程,小超辅助网
织梦cms系统TAG标签和分页伪静态设置教程现在好多CMS系统都有TAGS标签这项功能，知名的DEDECMS也有，但是它的标签功能很差，不利于seo优化，同时也有很多问题，比如：当前页不存在上一页时，链接为“-1”的问题，还有出现“系统无此标签，可能已经移除”的问题。今天小编就教大…...
2024/4/24 12:09:32
HotRing: A Hotspot-Aware In-Memory Key-Value Store 阅读报告
一、主要内容概要作者认为内存中键值存储（In-memory key-value stores）的热点问题被忽视了，并提出了一种名为HotRing的热点可感知的KV数据结构，它具有以下的特性：基于有序环哈希索引结构，通过让头节点更靠近热点数据来提高热点数据的访问速度提供轻量、运行时的热…...
2024/4/24 12:09:38
局域网内ntpdate 无法将时间与指定的IP时间同步
ROS系统中各个设备大多是在不接外网的局域网内进行通讯。树莓派等微处理器设备，因为不像PC带供时钟工作的电池，断电后微处理器的时间就停止了，又因为是在不接外网的局域网内工作，所以无法自动通过外网更新时间。这样就可能导致ROS系统中各个设备的时间不一致，出现异常。刚…...
2024/4/24 12:09:36
NDIS协议驱动学习三——协议与网卡的绑定
协议与网卡的绑定协议与网卡之间的绑定和之前章节中设备对象之间的绑定不同一般来说协议和网卡的绑定不是一对一的，而是一对多的，同一个协议是会在同一台主机的所有网卡生效。当然一张网卡也可以绑定不同的多个协议，但是实际上这是没有任何意义的，因为一般来说一个数据包只…...
2024/4/24 12:09:30
一线互联网“P7”面试题
junit 用法，before,beforeClass,after, afterClass 的执行顺序分布式锁 nginx 的请求转发算法，如何配置根据权重转发用 hashmap 实现 redis 有什么问题（死锁，死循环，可用 ConcurrentH ashmap）线程的状态线程的阻塞的方式 sleep 和 wait 的区别 hashmap 的底层实现一…...
2024/4/24 12:09:28
3.5 集束搜索的误差分析-深度学习第五课《序列模型》-Stanford吴恩达教授
集束搜索的误差分析 (Error analysis in beam search) 在这五门课中的第三门课里，你了解了误差分析是如何能够帮助你集中时间做你的项目中最有用的工作，束搜索算法是一种近似搜索算法（an approximate search algorithm），也被称作启发式搜索算法（a heuristic search algor…...
2024/4/24 12:09:27
华清远见——嵌入式设计中添加802.11n无线连接的基础知识
周围数十亿个电子设备和系统中的每个嵌入式系统都可以满足非常广泛的应用中的特定专用目的，例如医疗诊断，地质分析，电子监控，收银机，列表几乎无穷无尽。他们都使用微控制器来实现其功能的一部分，并且大多数都与外界进行通信-与其他设备或控制系统或人机界面。通过无线方…...
2024/4/24 12:09:33
前端基础网络
前端基础网络1、什么是同源2、url是什么3、域名解析4、dns5、当你在浏览器里输入一个url发生什么6、TCP/UDP（传输层协议）7、三次握手：建立TCP连接8、四次挥手：断开TCP连接9、应用层协议：http https等10、请求方法GET和POST的区别11、状态码12、常用状态码13、解决跨域问题…...
2024/4/24 12:09:30
Java课程设计开发项目火车运营管理系统
先看一下题目： 1、一列火车在 WA——WB之间行驶，两地相距 110公里，之间还有等距的 10 个站点，如下： WA-W1-W2-W3-W4-W5-W6-W7-W8-W9-W10-WB 当火车到达 WB 时反向行驶（即返航），当到达 WA 后火车还会正向行驶； 2、火车匀速行驶 60 公里/小时； 3、系统在每 30 分钟在下…...
2024/4/24 12:09:32
vue移动端项目在IOS上点击输入框失效，需要点击多次
1. 近期发现项目中关于输入框在ios上点击失效，多次点击才可以获取焦点的问题，那么导致这个问题所在的原因是因为项目中引入了FastClick 这个是解决移动端延迟300毫秒的优化 2.当使用FastClick 时，输入框在ios上点击输入调取手机自带输入键盘不灵敏，有时候甚至点不出来。而安…...
2024/4/24 12:09:26
代码中特殊的注释技术——TODO、FIXME和XXX的用处
转载自博客：http://blog.csdn.net/reille/本文内容概要：代码中特殊的注释技术——TODO、FIXME和XXX的用处。前言：今天在阅读Qt Creator的源代码时，发现一些注释中有FIXME英文单词，用英文词典居然查不到其意义！实际上，在阅读一些开源代码时，我们常会碰到诸如：TODO、…...
2024/4/24 12:09:22
【分享故事会】互联网之编程开发的道道
简要：今年（2020）2月份，一家小公司邀请我去给他们的技术/美工等人员做分享会，理由是在学校图书馆听了我的专题讲座（小程序90分钟开发）后觉得不错，想让我深入分享一下有关经验，我欣然接受了，并且做了有关准备。下文是我的文字框架稿，文末附上了演示文档（ppt），供各位…...
2024/4/24 12:09:24
ndn挖坑记(完)
文章目录前言相关工作PSyncdata structure两个阶段参考文献最后前言 ε=ε=ε=(~￣▽￣)~ 总算完事了，简单总结一下关于NDN中订阅发布模式，为了防止给自己留坑，只记录未写入部分。以下为个人观点，仅供参考，如有需要(错误)，请看文献&代码。这里的订阅发布模式其实就…...
2024/4/15 4:44:03
Go,冲了
Go! 文章目录Go!变量定义变量常量基本数据类型intfloatboolstringbyterune修改字符串strconv流程控制forfor rangeswitchgoto数组切片基于数组定义切片基于切片再切片关于切片的长度和容量本质make()创建一个切片append()copy()从切片中删除元素sort包复合数据类型map函数函数定…...
2024/4/15 4:44:02
公众号营销借势热点要学会找到角度新奇的切入点
互联网的高速发展，越来越多的企业开始选择利用网络宣传自己的产品。而在网络营销中软文营销一直深受众多广告主的青睐。软文营销的第一步就是写好一篇好的软文。而写好软文的第一步，不是拟一个漂亮的标题，而是想一个好的创意。那么什么是软文的创意呢？说白了就是软文的写作…...
2024/4/15 4:44:00
网络
网络1、什么是同源2、url是什么3、域名解析4、dns5、当你在浏览器里输入一个url发生什么6、TCP/UDP（传输层协议）7、三次握手：建立TCP连接8、四次挥手：断开TCP连接9、应用层协议：http https等10、请求方法GET和POST的区别11、状态码12、常用状态码13、解决跨域问题的几种办…...
2024/4/18 10:07:45

Vue学习总结之Vue的生命周期是怎么运用操作的？本文详解