- 博客(19)
- 收藏
- 关注
RSS订阅原创 7. Vue的生命周期
一、实例生命周期实例生命周期如图所示：二、生命周期钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。钩子函数说明beforeCreate创建实例对象之前执行created创建实例对象之后执行beforeMount页面挂载成功之前执行mounted页面挂载
2021-02-04 12:55:11
390
原创 6. Vue组件（基础）
一、组件基本概念Vue可以进行组件化开发，组件是Vue的基本结构单元。 在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。组件主要以页面结构的形式存在，不同组件也具有基本交互功能，根据业务逻辑实现复杂的项目功能。组件只有注册后才能使用二、组件注册2.1 全局注册组件全局注册组件：Vue.component(id[,definition])<div id="app"> <my-component></my-component>
2021-02-04 08:55:45
766
原创 5. Vue事件
一、事件监听可以用v-on指令监听DOM事件，并在触发时运行一些JavaScript 代码或绑定事件处理方法。1.1 在触发事件时执行JavaScript代码<div id="app"> <button v-on:click="count=count+1">单击按钮</button> <p>上述按钮被单击{{count}}次</p></div><script src="https://cdn.jsdeli
2021-02-03 15:39:20
270
原创 4. Vue数据绑定
一、绑定样式Vue提供了样式绑定功能，可以通过绑定内联样式和绑定样式类这两种方式来实现。1.1 绑定内联样式在Vue实例中定义的初始数据data，可以通过v-bind将样式数据绑定给DOM元素。<div id="app"> <div v-bind:style="{backgroundColor:pink,width:width,height:height}"> <div v-bind:style="myDiv"></div>
2021-02-03 09:44:31
362
原创 2. 第1个Vue页面
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app">{{msg}}</div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></s
2021-01-29 10:30:39
96
原创 1.Vue基础知识
虚拟DOM技术Vue通过虚拟DOM技术来减少对DOM的直接操作支持单向或双向数据绑定MVVM模式Vue的数据驱动是通过MVVM模式实现的,MVVM主要包含三部分：Model（数据部分，主要负责业务数据）、View（视图部分，即DOM元素，负责视图处理）和ViewModel（是连接视图与数据的数据模型，负责监听Model或View的修改）。工作原理如下:在MVVM中，数据（Model）和视图（View）是不能直接通信的，视图模型（ViewModel）就相当于一个观察者，监控着双方
2021-01-29 08:31:22
230
原创 webstorm与GitHub链接与日常操作MAC版本
一、 git安装二、webstorm配置1、github账号设置打开webstorm的setting按钮，进入设置面板后，直接在左上角搜索github，然后填入你github的账户名和密码，然后按一下Test看看是否连接成功。成功连接后，就可以登录到GitHub账户了。2、git设置设置webstorm能够支持git操作，在安装完git后需要在webstorm中设置git的安装...
2019-01-18 17:45:11
696
原创 python（二）语法、数据类型和变量
语法Python的语法比较简单，采用缩进方式。#开头的语句是注释，解释器会忽略掉注释。其他每一行都是一个语句，当语句以冒号：结尾时，缩进的语句视为代码块。约定俗成的管理，应该始终坚持使用4个空格的缩进。（需设置tab自动转换为4个空格，确保Tab和空格不混用）Python程序事大小写敏感的数据类型和变量整数Python可以处理任意大小的整数，当然包括负整数，在程序中的表示...
2019-01-08 11:23:51
168
原创 Python（一）简介与安装
Python是解释型语言python代码不能加密Python是跨平台的，它可以运行在Windows、Mac和各种Linux/Unix系统上。在Windows上写Python程序，放到Linux上也是能够运行的。Python有两个版本，一个是2.x版本，一个是3.x版本，两个版本是不兼容的。3.7版本为基础学习。...
2019-01-08 09:46:11
153
转载 超链接
定义和用法<a>标签定义超链接，用于从一张页面链接到另外一张页面。<a>元素最重要的属性是href属性，它指示链接的目标。在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的提示和注释提示：如果不使用href属性，则不可以使用如下属性：download，hrefl...
2018-10-15 15:33:36
273
翻译 2.计算机的组成和工作原理
图灵机冯·诺伊曼计算机计算机的工作原理计算机的组成硬件系统计算机的主要部件计算机中的数据存储单位计算机系统的主要技术指标软件系统系统软件应用软件程序、进程和线程...
2018-09-13 15:37:03
2282
翻译 1.计算机诞生、发展与数制
计算机的诞生与发展计算工具的发展 算筹算盘计算尺加法器手摇式计算器差分机分析机MARK I 计算机 手摇式计算机：能够进行加、减、乘、除和开方运算，计算每一步都需要人工干预，没有摆脱手工操作的局限性。直到差分机和分析机的发明，计算工具才从手工操作到自动计算时代。 手动式或者机械式不能满足人们对于超算的渴求，知道电子计算机的诞生。 计算机的诞生...
2018-09-12 16:18:58
842
原创 jenkins跨主机部署docker
需求：Jenkins部署在服务器A，另有服务器B，现在需要将所有部署的项目均用Jenkins管理起来，但是Jenkins构建部署的docker容器跑在服务器B中。一、Jenkins设置-可执行远程shell命令安装插件：进入系统管理/插件管理，查询SSH，即可查的“SSH plugin”插件，安装插件后重启。配置SSH remote：重启完后，进入系统管理/系统设置界面，在“S...
2018-05-15 14:42:42
5121
1
原创 docker安装nginx
一、安装nginxdocker pull nginx二、启动nginx容器docker run --name nginx_test -d -p 8765:80 nginx访问nginx地址，可以看到nginx默认的欢迎界面。三、如何将nginx的默认页面使用自写的界面在 /srv 目录下新建nginx 目录，在nginx 目录下新建html 目录，将自己编写的首页，...
2018-02-23 16:51:07
6111
原创 Jenkins+GitLab+webhook自动构建代码
采用GitLab管理代码，Jenkins构建代码，每次代码更新后还需要手动构建，本文采用gitLab的webhook，用以自动构建。Jenkins安装插件Jenkins首页/系统管理/管理插件，在搜索框输入”gitlab”，找到“GitLab Plugin”，注意一下，这里我安装的版本为1.5.2Jenkins 配置Jenkins系统设置进入Jenkins，
2018-02-06 10:21:18
813
转载 docker部署gitLab
docker部署gitLab安装docker# yum update -y# yum install -y yum-utils# yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo# yum -y install docker-ce# systemctl ...
2018-02-05 11:11:31
3450
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人