- 博客(17)
- 资源 (1)
- 收藏
- 关注
原创 Vue的计算属性computed
computed <div id="app"> <p>{{ num }}</p> <p>{{ cnum }}</p> <button @click="change">加1</button> </div><script src="js/vue.js"></script> <script> new
2020-07-21 11:47:03
198
原创 Vue 插槽 slot的简单实用
插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的<slot></slot>标签。参考资料:vue_插槽的理解和使用...
2020-07-21 10:37:12
158
原创 Vue组件间传值
props实例一 通过props向子组件传递数据 <div id="app"> <component1 :cnum="num"></component1> </div> <template id="comp1"> <h1>{{ cnum }}</h1> </template><script src="js/vue.js"></sc
2020-07-19 23:30:35
127
原创 Vue组件注册与组件的特性
全局组件 <div id="app"> <my-component></my-component> </div> <div id="app2"> <my-component></my-component> </div> //全局组件 Vue.component('my-component', { template: `
2020-07-19 20:33:20
268
原创 整理了几种 Vue.set() 的使用情况
<div id="app"> <button @click="change()">修改</button> <p>{{ arr }}</p> <p>{{ user }}</p> <p>{{ userInfo }}</p></div><script src="js/vue.js"></script>
2020-07-19 14:27:57
244
原创 Vue 内部指令整理
Vue指令文本显示隐藏1. v-show2. v-if v-else循环3. v-for在上篇文章《Vue入门 文本输出》中介绍的 v-text 和 v-html 是Vue指令中的其中两个,接下来继续学习Vue的其他指令。文本显示隐藏1. v-show <div id="app"> <div v-show="isShow">The example of "v-show"</div> <div v-if="isIf">The
2020-07-19 13:07:48
712
原创 Vue入门 文本输出
Vue入门文本输出的三种方式1. 大括号{{}}2. v-text 和 v-html文本输出的三种方式1. 大括号{{}}<div id="app"> {{msg}}</div><div id="app2"> {{msg}}</div><script src="js/vue.js"></script> <script> new Vue({ el:
2020-07-18 12:44:48
1833
原创 H5-CSS预处理语言 Less&Sass——Sass
Sass和ScssSass入门1. 安装ruby2. 测试Ruby3. 安装Sass4. 测试Sass5. 编译Sass5. Sass和CSS语法格式比较ScssSass入门也是CSS的预处理语言,必须依赖Ruby脚本。Ruby和Sass的安装教程可以直接看Sass官网教程:https://www.sass.hk/install/1. 安装ruby因为Sass是基于Ruby的,所以要先安装Ruby。下载地址:http://www.ruby-lang.org/zh_cn/downloads/
2020-06-28 13:12:21
301
原创 H5-CSS预处理语言 Less&Sass——Less
这里写自定义目录标题Less入门1. 什么是Less?Sass入门功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入Less入门1. 什么是Less?Less是一门CSS预处理语言,它扩充了CSS语言,增加了诸如变量、混合(Mi
2020-06-28 13:07:35
1112
原创 AR交互设计基础概念学习
1. 什么是AR增强现实(Augmented Reality,简称AR)是指透过摄像机影像的位置和角度精算并加上图像分析技术,让屏幕上的虚拟世界和现实世界场景进行结合和交互的技术。特点:现实和虚拟结合、即时交互、三维。2. 如何做AR的交互设计(1)增强对现实世界信息的增强包括现实信息的增强和增强现实的增强(2)清晰内容无歧义状态可见显示合理(3)一致性延续现有的交互规则和设计规范,如空间的反馈、手势等,在基础交互层面较多的保持一致(4)灵活自由在场景需求下,所有对象都具有可变性
2020-06-08 10:13:00
1261
转载 CSS布局(一) —— 居中布局
注:wrap 为父级元素,content为子级元素。水平居中布局方案一: 定位 + transform解释:定位使子级元素左上角坐标位于父级元素水平方向中心,设置transform使子级元素向左移动自身宽度的一半,从而使元素居中。注意:transform是CSS3的内容,存在浏览器兼容问题。.wrap {width: 500px;height: 500px;background-color: red;position: relative;}.content {width: 200p
2020-06-06 00:27:32
180
原创 p5.js 交互应用实战 —— 音乐可视化(案例)
案例一 将振幅转化为图形准备工作:打开编辑器左边菜单,upload mp3音乐素材(不超过5m)//定义变量//Sound–声音, amplitude–振幅let Sound, amplitude;//1.预读器(新建函数用来读取上传的音频)function preload(){Sound = loadSound(‘sound.mp3’);}//2.初始化function setup(){createCanvas(400,400);amplitude = new p5.Amplit
2020-05-21 00:53:03
6275
5
原创 p5.js 基础学习
p5.js1. 简介2. 草图3. 编程结构4. 案例一 鼠标描边5. 画布与基本形状6. 绘图顺序和颜色填充7. 案例二 画两个小动物8. 案例三 随机换色盘1. 简介p5.js是一种易懂的、针对没有编程基础的艺术家和设计师做的编程语言,可以制作网页的图象、动画和交互作品,实现了web端的互动艺术创作,释放出互联网创意变成的魅力,以Processing为基础的JavaScript框架。p5.js 官网下载地址: https://p5js.org/2. 草图在p5.js创作中,草图十分重要,不建
2020-05-21 00:39:47
5814
原创 Vue.js not detected 解决办法
问题描述:在谷歌安装了Vuejs Devtools扩展程序,但是运行自己写的页面,vue图标没有亮起来,控制台也没有Vue选项,悬浮右上角Vue Devtools小图标显示“Vue.js not detected”。检查检查Vuejs devtools扩展程序是否已经生效,检查方法如下:打开一个使用vue的网站,随便在网上找一个或者直接点开这个手机搜狐网 https://m.sohu.com/limit/如果你的vue图标变亮了就说明扩展程序生效的,所以可能是浏览器设置问题导致图标不会亮找
2020-05-12 12:29:24
23379
7
原创 7天入门02 - Node.js
代码的组织和部署使用NodeJS编写程序之前,为有良好的开端,首先要准备好代码的目录结构和部署方式,就好像修房子要先搭脚手架。模块路径解析规则已知,require()支持 / 或者 D: 开头的绝对路径,也支持 ./开头的相对路径。但是这两种路径在模块之间建立了耦合关系,一旦某个模块文件的存放位置需要变更,使用该模块的其他模块代码也需要变更,牵一发动全身。因此require()支持第三种形...
2020-04-13 09:09:01
138
原创 7天入门01 - Node.js
安装:方法一:官网下载:https://nodejs.org/en/在cmd下查看node是否安装成功E:是安装Node的时候选择的盘,有版本号出现表示安装成功。方法二:Windows 二进制文件 (.exe)安装32 位安装包下载地址 : http://nodejs.org/dist/v0.10.26/node.exe64 位安装包下载地址 : http://nodejs.or...
2020-04-11 13:53:41
107
原创 JAVA开发环境常见错误
“Javac不是内部或外部命令,也不是可运行的程序或批处理文件。”有同学问这种错误怎么处理,我的第一反应是环境变量(Path,CLASSPATH,JAVA_HOME)没有配置正确,但是他说配置没有问题,而且在dos窗口中用“set path”命令检查,是有配置正确的。我之前也有遇到过类似的问题,但是我以为是JRE的原因,因为我第一次下载JDK的时候没有也安装JRE,所以我又重新安装了JDK和...
2020-04-09 19:34:58
303
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人