![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
卑微->a闫
我是大佬
展开
-
vue写后端接口
1.分别执行以下代码 npm init -y npm i express npm i nodemon在pageage.json中吧scripts中的 text改成 “dev”: “nodemon index.js” 这样就可以热启动了2.//引入 expressconst express = require("express");const app = express();//news.json的路径const news = require("./json/news.json")原创 2021-04-26 20:13:29 · 2125 阅读 · 0 评论 -
前端面试题1
说一下URL回车后的过程1.读取缓存:搜索自身的 DNS 缓存。(如果 DNS 缓存中找到IP 地址就跳过了接下来查找 IP 地址步骤,直接访问该 IP 地址。)2.DNS 解析:将域名解析成 IP 地址3.TCP 连接:TCP 三次握手,简易描述三次握手客户端:服务端你在么?服务端:客户端我在,你要连接我么?客户端:是的服务端,我要链接。连接打通,可以开始请求来4.发送 HTTP 请求5.服务器处理请求并返回 HTTP 报文6.浏览器解析渲染页面7.断开连接:TCP 四次挥手关于原创 2021-04-25 20:36:31 · 254 阅读 · 0 评论 -
前端的三种存储方式的区别
前端有三种存储方式分别是:localStorage、sessionStorage、cookieslocalStorage:以键值对的方式存储存 储没时间限制 永不失效 除非自己删除记录cookies:数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识sessionStorage:当页面关闭后被清理与其他两个相比不能同源窗口共享 是会话级别的存储方式...原创 2021-04-23 21:47:16 · 2261 阅读 · 0 评论 -
nvm中 npm i -g @vue/cli启动失败
nvm中 nvm ls 可以看到版本号 但是 npm -v 失败 首先打开 https://nodejs.org/zh-cn/download/releases/下载一个 12.多的版本 找到 node-v12.2.0-x64.msi 下载后安装即可然后输入 npm -v 可以查看接着输入 npm i -g @vue/cli 就可以啦...原创 2021-04-21 11:23:43 · 408 阅读 · 0 评论 -
vue路由
路由:根据不同的url地址展示不同的内容或者页面引入vue 和router这个链接是引入链接 点击即可跳转https://www.runoob.com/vue2/vue-routing.html<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> <script src="https://unpkg.com/vue-router/dist/vue-router.js">原创 2021-04-09 18:35:29 · 75 阅读 · 0 评论 -
vue实现添加购物车
这里文件引入这个吧<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> <div id="app"> <ul> <li v-for="(item,index) in lists" ref="listArr"> <img width="200" height="180" :src原创 2021-04-08 18:44:58 · 1387 阅读 · 0 评论 -
vue动画实现飞入购物车功能
**引入js文件**<script src=https://cdn.jsdelivr.net/npm/vue/dist/vue.js></script>这里设置简单的css样式 .ball{ width: 50px; height: 50px; background: red; border-radius: 50%; } .shopcar{ position: a原创 2021-04-07 21:37:14 · 697 阅读 · 0 评论 -
vue中子组件像父组件传值
<div id="app"> <child ref="child"></child> <button @click="zizujian">获取子组件</button> </div> var idiv = document.getElementById("div") Vue.component("child", { data() { retu.原创 2021-04-01 20:00:49 · 67 阅读 · 0 评论 -
vue的一生(中文版)一部分
生命周期吧生命周期看成是一个自执行函数分为4个阶段分别是: 创建阶段,挂载阶段, 更新阶段, 销毁阶段创建阶段:创建前(beforeCreate) 和创建后(created)挂载阶段:挂载阶段前(beforeMount) 和挂载后 (mounted)更新阶段:更新前(beforeUpdate) 更新后(updated)销毁阶段: 销毁前(beforeDestroy) 销毁后(destroyed)...原创 2021-03-28 16:45:24 · 70 阅读 · 0 评论 -
vue创建组件的两种方式
组件的两种写法1. //组件 //优点: 吧原有的界面内容进行解耦 可以复用 高内聚,低耦合 //注册组件 vue.extend({}) //component组件 //template let com = Vue.extend( { template: `<div> <h2>这里是使用Vue.extend创建的组件,傻逼你能看到我吗</h2> <原创 2021-03-28 15:52:01 · 265 阅读 · 0 评论 -
使用vue实现分页
引入配置文件,两个都得引入<scriptsrc="https://cdn.bootcdn.net/ajax/libs/vue/2.6.1/vue.js"></script><script src="http://mockjs.com/dist/mock.js"></script>简单的style样式<style> .red{ background: red; color:white }</style原创 2021-03-26 19:36:00 · 224 阅读 · 0 评论 -
使用vue.js实现跑马灯效果
本次讲的是关于html5中使用vue.js实现跑马灯效果话不多说直接上代码。代码如下。页面代码 <div id="app"> <input type="button" value="开始" @click="start"> <input type="button" value="停止" @click="stop"> <h2 v-text="msg"></h2> </div>vue部分的代原创 2021-03-25 20:52:23 · 283 阅读 · 0 评论 -
使用vue实现简易购物车功能(功能暂未完善,有的功能没实现)。待更新
使用vue需要导入这个 我这个是本地js,可以吧vue.js下载导入自己的html,也可以去浏览器上选择vue.js 连接在下方https://cn.vuejs.org/v2/guide/<script src= "./vue.js"></script> //这个是导入vue.js//代码实现页 new Vue({ el:"#app", data:{ goods:[ {name:'苹果',pri原创 2021-03-22 20:42:29 · 140 阅读 · 0 评论 -
v-show v-else ,v-once ,radio 方法的使用
{{msg}} <h2>radio</h2> <label>男</label> <input type="radio" value="男" v-model="sex" /> <label>女</label> <input type="radio" value="女" v-model="sex" /> <p>{{sex}}...原创 2021-03-20 21:04:04 · 220 阅读 · 0 评论 -
通过vue里的list,在网页显示信息,methods获取随机年龄,remove删除信息
<head>//记得导入这个 <script src= https://cdn.staticfile.org/vue/2.2.2/vue.min.js></script></head><body>//div部分 <div id="app"> <input type="text" v-model="text" @blur="change()" /> <ul v-f原创 2021-03-19 19:19:20 · 231 阅读 · 0 评论 -
vue.js中如何填充数据
使用:fill()填充 用来给新建的Array填充数据var arr = [] //创建数组var arr1 = new Array(10); // 给数组定义10空间arr1.fill("张"); //数组的内容console.log(arr1); //打印输出效果图原创 2021-03-15 20:45:45 · 603 阅读 · 0 评论 -
如何将伪数组转为一个数组
from()此方法将伪数组(array-like Object) 转为一个数组function sum(){var arr = Array.from(arguments);arr.push("1111");console.log(arr);}sum(1,2);原创 2021-03-15 20:38:27 · 82 阅读 · 0 评论 -
vue.js中的绑定事件
1.**v-on:click="fn()" 绑定事件 ->语法糖:@click="fn()"2.v-bind:class="" 动态绑定 -> 语法糖class="" :href :src可以是 src class style title 其他属性**功能实现页 var vm = new Vue({ el:"#app", data: { msg:"haha", tag:"yellow",原创 2021-03-15 20:33:27 · 163 阅读 · 0 评论