01 2021 档案
摘要：1.vue：主要用来做SPA( 单页面应用：single-page application ) 单页面应用：访问首页的时候，所有的数据都可获取，只发送一次ajax请求； 饿了么、绝金、知乎、网易云音乐、豆瓣 vue在整个项目中，有自己的一套路由,有一个插件（vue-router）来处理路由的，相当于
阅读全文
摘要：通常父子组件之间是需要相互传数据的 一、父组件向子组件传数据 1，父组件App.vue传递menus数组给子组件的menu <!-- 父级往子级传值步骤： 1.在子组件的属性(props)验证--> 2.给父组件的子组件标签设置并绑定自定义属性 （首先在子组件中验证属性，属性名随意，想要一个数组在l
阅读全文
摘要：如下项目： 1.将子组件Vheader.vue嵌套在App.vue里面步骤： // 1、创建组件 // 2.导入组件 // 3.挂载组件(挂载到实例化对象中) // 4.使用组件 App.vue:父组件 <template> <!--template是模板，里边必须有一个！！div标签，且是！！包裹
阅读全文
摘要：在vue-cli中引入图片、音乐等文件，如下： <template> <!--组件结构 --> <div id="app"> <!--template是该组件的模板结构,里边必须有一个div标签，且是包裹的(即template里边必须有一个大的副盒子)--> <h3>{{msg}}</h3> <ul
阅读全文
摘要：在webpack-simple模板中，包括webpck模板，一个.vue文件就是一个组件。 为什么会这样呢？因为webpack干活了！webpack的将我们所有的资源文件进行打包。同时webpack还能将我们的html（template）、css、js文件通过模板编译的方式将这些文件打包成一个.vu
阅读全文
摘要：使用 vue-cli 快速创建 vue 项目步骤 GitHub地址是：https://github.com/vuejs/vue-cli 一、安装Nodejs 首先需要安装Node环境。安装完成之后，可以在命令行工具中输入node -v和npm -v,如果能显示出版本号，就说明安装成功。 注：注意cl
阅读全文
摘要：new Vue ({ el:'#id' 绑定元素 data: { 数据属性 }， methods: { 事件 就是原生js 操作dom } }) 1.模块语法{{只要你能想到的值，都能插}} ，{{}}也可以运算 <!-- 模板字符串可以放数据属性,也可以函数(直接放函数名)等,你能想到的都可以放
阅读全文
摘要：一、计算属性 鉴定数据属性的变化，数据属性一旦发生变化，会立马更新到视图，默认只有getter，在特殊情况下如果想用setter,也可以加 <script> var vm = new Vue({ el: '#example', data: { message: 'Hello' }, // 计算:方法
阅读全文
摘要：<style> * { padding: 0; margin: 0; } ul {list-style: none;} li { border-bottom: 1px solid yellow; } </style> </head> <body> <!-- 把一首歌作为一个对象(万事万物皆对象),他
阅读全文
摘要：1.对象的三大特性：封装 继承 多态 // 函数的作用:封装代码，使其可复用，解决代码的重用问题 // 继承:少写 特点:拥有父类的所有属性和方法,还可以有自己的属性和方法 // 多态:解决代码的可重性, 解耦合! 2.对象的单体模式 为了解决箭头函数this指向的问题 推出来一种写法 对象的单体模
阅读全文
摘要：注意事项 只有匿名函数才可以改写为箭头函数。 => 这个读“胖箭头” 不能用作构造函数 不能使用arguments 不能作为对象的方法调用，因为还是指向上下文，而不是调用的对象 如果需要this操作，不能用作addEventListener里传的参数 普通函数转化箭头函数步骤： function去掉
阅读全文
摘要：1.声明变量 1.1 变量提升 // 变量提升：a在{}中声明的，为局部作用域的，但是被提到一个全局作用域中，浏览器在解析时先声明a(var a,在{}上边)，在声明a=12（在{}中），最后在打印a, { /*作用域*/ var a = 12; } console.log(a); 1.2 let声
阅读全文
摘要：详见 初识node.js（通过npm下载项目依赖的包的过程）https://www.cnblogs.com/xihuanniya/p/9985489.html 1.找到E盘，选中红框处，输入cmd, 2.显示下图，在红框处输入node, 3.进入node; 4.进入成功 5.两次ctrl+c可退出n
阅读全文
摘要：1.相对定位：占位置 作用：1.父相子绝； 2.微调元素 比如：两个元素底边没有对齐，可设置以下 input{ font-size: 30px; } span { position: relative; top: 2px; } </style> </head> <body> <span>hahah<
阅读全文
摘要：html:结构 css:样式 js:行为 html:主要是标签（语义） div(division分割)：本身语义为分割，比如将整个网页分成导航，内容区域（侧边栏 轮播图）foot区域 span:可将div分割成的导航内左右区域等进一步划分成小区域 a：语义为超链接 h2：<h2>aaaa</h2>,
阅读全文
摘要：如果你已经安装vue-cli2，你需要先卸载：npm unstall -g vue-cli 安装 npm install -g @vue/cli安装好之后，全局就有一个vue命令注： 安装cnpmnpm install -g cnpm --registry=https://registry.npm.
阅读全文
摘要：一.安装node.js安装地址：https://nodejs.org/en/download/(参考安装步骤：http://www.runoob.com/nodejs/nodejs-install-setup.html) 安装后检查命令板里自己检测是否成功：运行cmd ,输入代码： node -v
阅读全文
摘要：1.定义超链接及热点区域 1.1 超链接 用通俗化的话来说，超链接就是比如说你在浏览网页的时候，网页里有个什么地方，你把鼠标放上去以后，鼠标箭头会变成一只小手，你点一下，就会转到另一个地方或是跳出一个新的网页的话，那么刚刚你鼠标点一下的那个地方，就是超链接。 <a href=""></a> <!--
阅读全文
摘要：1. 图像标签 使用<img>标签， 属性 值 说明 alt text 定义图片的替代文本 src URL 图片的路径 height Pixels、百分比 定义图片的高度 width Pixels、百分比 定义图片的宽度 2. 设置网页图像 2.1 设置图片路径 绝对路径：如：D:\demo\img
阅读全文
浙公网安备 33010602011771号