随笔分类 - 作业
摘要：知识点： 构造函数：大写字母开头的函数是构造函数。 构造函数的扩展： var obj = new Object(); var a = new Array; var a = new Function(); 使用instaneof判断一个函数是否是一个变量的构造函数 a instanceof Objec
阅读全文
摘要：值类型和引用类型： 值类型（基本类型）：字符串（string）、数值（number）、布尔值（boolean）、undefined、null ； 引用类型：对象（Object）、数组（Array）、函数（Function）； 浅拷贝，深拷贝以及和他们之间的区别 浅拷贝是创建一个新对象，这个对象有着原
阅读全文
摘要：for循环其实除了这三种方法以外还有一种最原始的遍历，自Javascript诞生起就一直用的 就是for循环，它用来遍历数组 var arr = [1,2,3,4] for(var i = 0 ; i< arr.length ; i++){ console.log(arr[i]) } for循环中可
阅读全文
摘要：商品数量加减按钮 1 <div class="count"> 2 <div class="number">购买数量:</div> 3 <div class="button"> 4 <button @click="add">+</button> 5 {{count}} 6 <button @click
阅读全文
摘要：商品列表跳转商品详情页 商品列表界面 1 <temple> 2 <ul> 3 <li v-for="i in product.slice(0,3)"> 4 <router-link :to="`/details/${i.id}`"> 5 <img :src="'http://47.95.13.193
阅读全文
摘要：1 什么是Bootstrap？Bootstrap来自 Twitter，是目前最受欢迎的响应式前端框架。Bootstrap是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。2 为什么使用 Bootstrap？移动设备优先：自 Bootstrap3 起，框架包含了
阅读全文
摘要：1. Vue是什么？ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时
阅读全文
摘要：vue中使用api接口向后端要数据 现在文件夹中下载axios插件 npm i axios 在 api 文件夹中的index.js中 引入资源的接口地址 在页面之中script使用此接口 这样就引入资源里你需要的接口数据了 接下来在页面中你需要的地方引入数据 注意图片数据放置时前边要加上资源包的地址
阅读全文
摘要：新建Vue项目 安装Vue cli检查其版本 在任一文件夹下 可以使用下列任一命令安装这个新的包： npm install -g @vue/cli # OR yarn global add @vue/cli 用这个命令来检查其版本是否正确： vue --version 出现版本号表示安装成功(如下)
阅读全文
摘要：cookie、sessionStorage和localStorage的区别 都为常见的浏览器储存方式 webStorage webStorage是本地存储，存储在客户端，包括localStorage和sessionStorage localStorage生命周期是永久，这意味着除非用户显示在浏览器提
阅读全文
摘要：父页面内容 <div id="products"> <div id="article"> <h3>{{data.title}}</h3> <ul> {{each data.article}} <li> <a href="./subpage.html/?id={{$value.id}}" targe
阅读全文
摘要：一：什么是 input 标签 input，翻译过来就是 “输入” 的意思，在 HTML 中，大多数表单都是使用 input 标签来实现的。 说明：input 是自闭合标签，可以看到它是没有结束符号的。 二：input 标签中 type 属性取值 text 单行文本框 password 密码文本框 r
阅读全文
摘要：JS插件 简单说就是别人写好封装好的代码，我们可以直接拿过来用的。之前我们写的代码都是用纯js也就是原生js写的，使用js插件来实现一些常见的功能块，是很快就能实现的，同时还缩减了我们的代码量。 \1. 要想使用这个插件，首先得去官网下载需要得材料。swiper插件官方地址：https://www.
阅读全文
摘要：回到顶部（jQuery写法） 通过jQuery完成一个网页滚动回到顶端的功能： 实现代码如下： html部分+jQuery引入 <div id="backTop"></div><script src="../node_modules/jquery/dist/jquery.min.js"></scri
阅读全文
摘要：定义 POSITION是CSS中非常重要的一个属性，通过position属性，我们可以让元素相对于其正常位置，父元素或者浏览器窗口进行偏移。 position的属性值共有四个常用的：static、relative、absolute、fixed。 还有三个不常用的：inherit、initial、st
阅读全文
摘要：一、鼠标事件click：点击事件。 mousedown：鼠标指针移动到元素上方，并按下鼠标左键时，会发生 mousedown 事件。通常与 mouseup() 方法一起使用。 mousemove：鼠标指针在指定的元素中移动时，就会发生 mousemove事件。哪怕移动一个像素，就会发生一次 mous
阅读全文
摘要：块属性 div，p，ul，ol，li，h1-h6等 特点：1、可以设置宽高 2、不可以与别人共处一行 3、不设置宽度的情况下，宽度为100% 行内属性 span，a 特点：1、不可以设置宽高 2、可以与别人共处一行 3、其宽高由内容撑开 行内块属性 img,input 特点：1、可以设置宽高 2、可
阅读全文
摘要：圆角边框 border-radius: 20px 10px 50px 30px; 使用border-radius制作特殊图形： 圆形 利用border-radius属性制作圆形的两个要点： ① 元素的宽度和高度必须相同 ② 圆角的半径为元素宽度的一半，或者直接设置圆角半径值为50% #div1{ w
阅读全文
摘要：盒模型 定义 盒模型是布局网页的一种手段包括边框（border）、外边距（margin）、内边距（padding）、网页元素（content）、宽（width）、高（height）等元素。 边框border 边框颜色：border-color border-top-color 上边框 border-
阅读全文
摘要：动画（animation） 八大属性 animation-name 检索或设置对象所应用的动画名称 必须与规则@keyframes配合使用 animation-duration 检索或设置对象动画的持续时间 animation-duration:3s; 动画完成使用的时间为3s animation-
阅读全文
