【Vue学习笔记-基础】列表渲染&数据监视
列表渲染基本列表v-for指令
用于展示列表数据
语法:<li v-for="(item, index) of items" :key="index">,这里key可以是index,更好的是遍历对象的唯一标识
可遍历:数组、对象、字符串(用的少)、指定次数(用的少)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<title>基本列表</title><script type="text/javascript" src="../js/vue.js"></script><div id="root"> <!-- 遍历数组 --> <h3>人员列表(遍历数组)</h3> <ul> <li v-for="(p,index) ...
【Vue学习笔记-基础】绑定样式&条件渲染
绑定样式class样式
写法::class="xxx",xxx 可以是字符串、数组、对象
:style="[a,b]"其中a、b是样式对象
:style="{fontSize: xxx}"其中 xxx 是动态值
○ 字符串写法适用于:类名不确定,要动态获取
○ 数组写法适用于:要绑定多个样式,个数不确定,名字也不确定
○ 对象写法适用于:要绑定多个样式,个数确定,名字也确定,但不确定用不用
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192<script type="text/javascript" src="../js/vue.js"></ ...
【Vue学习笔记-基础】计算属性&侦听属性
计算属性差值语法实现12345678910111213141516171819<title>姓名案例_插值语法实现</title><script type="text/javascript" src="../js/vue.js"></script><div id="root"> 姓:<input type="text" v-model="firstName"> <br /> 名:<input type="text" v-model="lastName"> <br /> 全名:<span>{{ firstName }}-{{ lastName }}</span></div><script type=&quo ...
【Vue学习笔记-基础】MVVM模型&数据代理&事件处理
MVVM 模型
MVVM模型
M:模型 Model,data中的数据
V:视图 View,模板代码
VM:视图模型 ViewModel,Vue实例
观察发现
data中所有的属性,最后都出现在了vm身上
vm身上所有的属性 及Vue原型身上所有的属性,在 Vue模板中都可以直接使用
12345678910111213141516171819202122232425262728<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <t ...
Chrome强制解除网站禁止复制等限制插件
Chrome强制解除网站禁止复制等限制插件我们平时在互联网访问某些公共文档时,文档会设置为禁止复制,我们只能看不能复制文档的内容,但是你又想复制他的文档内容怎么办呢?比如下面的语雀平台示例。
这个时候就可以安装下面的插件来解决大部分网站的限制。
进入正题,插件脚本的详细信息以及介绍在这 点击我查看 ,先用chrome浏览器打开,其实还有超级多其他功能的浏览器脚本 进入首页 搜索脚本安装即可使用 超级牛逼。
打开站点后点击安装此脚本
安装完成后chrome中会有这样一个插件
此时我们在去原来限制复制的文档,去执行复制你会发现可以复制文档内容了(有时站点还是提示禁止复制,实际内容已经复制到粘贴板了)。
【Vue学习笔记-基础】模板语法&数据绑定&el及data写法
模板语法Vue模板语法包括两大类
1、插值语法
功能:用于解析标签体内容
写法:{{xxx}},xxx 是 js 表达式,可以直接读取到 data 中的所有区域
2、指令语法
功能:用于解析标签(包括:标签属性、标签体内容、绑定事件…)
举例:<a v-bind:href="xxx">或简写为<a :href="xxx">,xxx 同样要写 js 表达式,可以直接读取到 data 中的所有属性
备注:Vue中有很多的指令,且形式都是 v-xxx,此处只是拿v-bind举例
123456789101112131415161718192021222324252627282930313233343536<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>模板语法</title> <!-- 引入Vue ...
【Js学习笔记】Js操作DOM
Js操作DOM获取页面元素id名获取元素12345678910<body> <div id="time">2022-06-01</div> <script> // 因为页面是从上往下加载,所有要先有标签,所以script写到标签下面 // 返回的是一个元素对象 var timer = document.getElementById('time') // console.dir 打印我们返回的元素对象 更好的查看里面的属性和方法 console.dir(timer) </script></body>
标签名获取元素123456789101112131415161718192021222324252627282930<body> <ul> <li>测测,测试1</li> <li>测测,测试2</li> <li>测测,测试3&l ...
【Vue学习笔记-基础】简介&初识
Vue 简介官网 ● 英文官网
● 中文官网
介绍与描述●Vue 是一套用来动态构建用户界面的渐进式JavaScript框架
○构建用户界面:把数据通过某种办法变成用户界面
○渐进式:Vue可以自底向上逐层的应用,简单应用只需要一个轻量小巧的核心库,复杂应用可以引入各式各样的Vue插件
● 作者:尤雨溪
Vue 的特点
遵循MVVM模式
编码简洁,体积小,运行效率高,适合移动/PC端开发
它本身只关注 UI,可以引入其它第三方库开发项目
采用组件化模式,提高代码复用率、且让代码更好维护
声明式编码,让编码人员无需直接操作DOM,提高开发效率
使用虚拟DOM 和 Diff算法,尽量复用DOM节点
与其他 JS 框架的关联
借鉴 angular 的 模板 和 数据绑定 技术
借鉴 react 的 组件化 和 虚拟DOM 技术
Vue 周边库
vue-cli:vue 脚手架
vue-resource(axios):ajax 请求
vue-router:路由
vuex:状态管理(它是 vue 的插件但是没有用 vue-xxx 的命名规则)
v ...
esxi6.5 vsphere安装黑群晖DSM-6.2
环境文件准备
下载链接: https://pan.baidu.com/s/1YCLsSgjzOeuFFBhYW8knIg 提取码: ikjm
准备下载好两个文件
DSM_6.2.1_ds3617_synoboot.zip(ovf模版,黑群晖的引导文件)
DSM_DS3617xs_25426.pat(群晖的系统安装包)
synology-assistant-6.2-24922.exe(Windows用户-局域网搜索工具)
synology-assistant-6.2-24922.dmg(Mac用户-局域网搜索工具)
群晖的安装包也可以自行去群晖官网下载,由于我们的引导文件是ds3617xs的引导文件,所以下载安装包的时候机器型号需要选择ds3617xs点我下载
创建ESXI虚拟机在ESXi上新建虚拟机,选择“从OVF或OVA文件部署虚拟机”
将DSM_6.2.1_ds3617文件下的两个文件拖进去,输入虚拟机名称
选择DSM虚拟存放的数据存储位置
选择虚拟网络,磁盘置备选择“精简”,取消勾选“自动打开电源”
确认配置后,点击“完成”
虚机创建完毕后,选择DSM虚机,点击 ...
黑群晖 激活Active Backup for Business套件激活方法
1、首先我们先安装好Active Backup for Business套件。
2、我们到【控制面板】 – 【信息中心】 找到【产品序列号】并记下来。
3、浏览器输入如下地址,显示如下信息即可进行下一步:(IP地址替换为NAS的地址,登陆用户名和登陆密码就是你登陆群晖的时候所使用的)
1https://IP地址:5001/webapi/auth.cgi?api=SYNO.API.Auth&method=Login&version=1&account=登陆用户名&passwd=登陆密码
4、浏览器输入如下地址,显示如下信息即可进行下一步:(IP地址替换为NAS的地址,序列号就是刚才信息中心的产品序列号)
1https://IP地址:5001/webapi/entry.cgi?api=SYNO.ActiveBackup.Activation&method=set&version=1&activated=true&serial_number=序列号
5、这样我们就完成了Active Backup for Busine ...