- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 组件传值（父传子）
<div id="app"> <p>这是父组件{{parentData}}</p> // 3.吧祖册过的子组件放到页面上 parentval名字自定义parentData这是父组件的值吧他赋值给子组件 <child :parentval="parentData"></child></div> //1.通过Vue.component去创建子组件， child名字随意Vue.component("chil
2021-06-15 18:46:54
178
原创 git 基本操作 以及提交仓库的方法和 分支以及提交
git 的基本操作-git clone 这是地址 https://gitee.com/yan-ah/vue_news.git克隆-git config --global user.name "你的名字" 全局配置username-git config --global user.email "你的邮箱" 全局配置邮箱-git cofig --list 查看配置项-git init 初始化仓库-git add 在终端打开输入即可提交 git add . 提交所有-git commit -m
2021-05-09 19:00:10
339
原创 flex制作筛子
1点 wrap是ul上面的属性 <div class="box"> <ul class="wrap"> <li>1点</li> </ul> </ul></div> ul>li { display: block; width: 100px; height: 10
2021-05-07 22:05:39
152
原创 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
2131
原创 前端面试题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
258
原创 前端的三种存储方式的区别
前端有三种存储方式分别是:localStorage、sessionStorage、cookieslocalStorage：以键值对的方式存储存 储没时间限制 永不失效 除非自己删除记录cookies：数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识sessionStorage：当页面关闭后被清理与其他两个相比不能同源窗口共享 是会话级别的存储方式...
2021-04-23 21:47:16
2268
原创 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
413
原创 nvm的安装与配置
1.什么是nvmnvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。下面列出下载、安装及使用方法。2、下载点击这个网址进入 添加链接描述选择 nvm-setup.zip 进行下载，一直默认下一项即可 安装路径记一下需要配置环境变量3.配置安装前确保 node已经卸载 不然的话会出现冲突导致安装失败输入 nvm -v 查看是否已经安装成功 这个代表安装成功 以通过 nvm ls availab
2021-04-20 17:37:44
317
原创 关于nodemon启动报错解决问题
1.nodemon不是内部命令也不是外部命令解决方案：npm install nodemon -g全局安装 （注意检查环境变量的配置）2.nodemon : 无法加载文件 因为在此系统上禁止运行脚本解决方案：管理员身份打开powerShell——>输入Set-ExecutionPolicy -Scope CurrentUser——>然后输入RemoteSigned——> 输入A 回车即可在这里插入图片描述然后在 终端输入 nodemon 文件名字即可...
2021-04-12 17:21:54
805
原创 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
77
原创 vue的4道面试题
1.子组件能不能修改父组件的值(子组件能不能通过v-model=“修改的值” 去修改父组件的值)？答： 能修改 通过this.$emit(“input”,修改的值。2.vue中数据传递有哪些？答：$emit $props $refs $attrs $listeners 路由。3.ref是什么？答：ref可以看成一个钩子 获取真实dom节点 子组件的注册信息Vuecomponent。vue 不建议你去频繁的去操作真实dom 外部的echars。**4.$attrs listenetr的区别？
2021-04-08 18:50:51
63
原创 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
1394
原创 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
701
原创 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
69
原创 vue的一生（中文版）一部分
生命周期吧生命周期看成是一个自执行函数分为4个阶段分别是： 创建阶段，挂载阶段， 更新阶段， 销毁阶段创建阶段:创建前(beforeCreate) 和创建后(created)挂载阶段:挂载阶段前(beforeMount) 和挂载后 (mounted)更新阶段:更新前(beforeUpdate) 更新后(updated)销毁阶段: 销毁前(beforeDestroy) 销毁后(destroyed)...
2021-03-28 16:45:24
74
原创 vue创建组件的两种方式
组件的两种写法1. //组件 //优点: 吧原有的界面内容进行解耦 可以复用 高内聚，低耦合 //注册组件 vue.extend({}) //component组件 //template let com = Vue.extend( { template: `<div> <h2>这里是使用Vue.extend创建的组件，傻逼你能看到我吗</h2> <
2021-03-28 15:52:01
267
原创 使用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
231
原创 使用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
287
原创 使用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
145
原创 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
221
原创 通过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
238
原创 vue.js中如何填充数据
使用:fill()填充 用来给新建的Array填充数据var arr = [] //创建数组var arr1 = new Array(10); // 给数组定义10空间arr1.fill("张"); //数组的内容console.log(arr1); //打印输出效果图
2021-03-15 20:45:45
611
原创 如何将伪数组转为一个数组
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
85
原创 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
166
原创 vue.js中var let const区别
首先都是一个变量var：可以重复声明 并且有变量提升let：不能重复声明(值可以修改) 没有变量提升 块级作用域{}在块级作用域里会形成一个暂存性死去变量值不会立即销毁const： 通常声明常量 不能重复声明(值不可以修改如果修改必须是一个对象)...
2021-03-15 20:16:22
473
原创 什么是原型链
每个函数身上都有一个prototype的原型并且有一个__proto__的指针指向下一级原型当_proto_指针为null 则形成一个链条，这个链条叫做原型链
2021-03-14 20:49:33
249
原创 什么是变量提升
变量提升 创建阶段 var a = “undefined”function 声明并赋值1.变量提升在创建阶段:js 找到 var 和 function如果是var 的话 给其声明 但未赋值 在执行阶段才为其赋值如果是function 那么会进行声明赋值2.变量对象: 在js当中 所有的变量都被保存到变量对象中varirable(变量) Object =vo 变量对象环境分为:全局环境的变量 也可能是 函数内的变量...
2021-03-14 20:48:26
2321
原创 html中如何打断点
function a(){ debugger; //打断点 b(); } function b(){ c(); } function c(){ console.log("end"); } a();
2021-03-14 20:43:42
1516
原创 什么是闭包
两种回答1.在执行上下文中A 在A里面创建一个函数B 这个B可以访问A里面的变量这时候就会产生一个闭包2.闭包就是能够读取其他函数内部变量的函数
2021-03-14 20:41:18
69
原创 html中的常见事件
注意： 事件前面加on事件大致分为(onclick点击、 mousemove 鼠标移动、 mouseup 鼠标抬起 、mousedown鼠标按下、 mouseout鼠标移动到边界)onclick 点击 var oapp = document.querySelector("#app"); oapp.onclick = function(){ alert('傻逼'); };，mousemove 鼠标移动oapp.onmousemove = function()
2021-03-14 20:33:43
747
原创 翻转数组中的每个元素
reverse 实现字符串翻转var num = [1,2,3,4,5]; num.reverse() console.log(num)
2021-03-14 20:17:56
192
原创 数组去重，数组截取，数组翻转元素，迭代器
数组去重 var arr = [1,1,2,2,3,3,4,4];function unique(arr){ return Array.from(new Set(arr));}console.log(unique(arr))2.数组截取 var arr2 = [2,4,6,8,10,12]; var result = arr2.slice(1,5) console.log(result)3.数组翻转元素 var num = [1,2,3,4,5];.
2021-03-12 20:49:50
91
原创 一号店和代码
ps：没上传css样式需要的关注我我发css样式 <body> <!--顶部广告区--> <div class="top_ad"> <div class="wrap top_ad_pic"> <a href="#"><img src="images/topAdPic.png"></a> <a href="#" class="close_btn">X</a> &l
2021-03-11 00:16:28
964
2
原创 html的三种定位
前端开发中比较常用的定位有三种：相对定位，绝对定位，固定定位。**相对定位position:relative **1.它可以在四个方向分别或者同时进行偏移2.定义时它的参照物是父元素（没有时为浏览器本身）3.偏移后元素的原来位置还是被占着，并没有空出来4.当父元素和子元素同时定义时，他们的参照物是父元素，且占据原来的位置绝对定位position:absolute它可以在四个方向分别或者同时进行偏移2.单独定义时它的参照物是浏览器本身，且不占据原来的位置3.当父元素和子元素
2021-03-10 22:48:42
954
原创 前端部分面试题 以及答案
1、什么是盒子模型?在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容(content)，元素的内边距(padding)，元素的边框(border)，元素的外边距(margin)四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。2、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素：a、b、span、img、input、strong、select、label、em、button、
2021-03-10 22:31:43
133
1
原创 关于电脑开机出现，bootmgr is missing press ctrl+alt+del to restart解决问题
错误往往发生在以下情况：1、您意外或者故意删除了一些重要系统文件。2、文件被病毒或恶意软件损坏或摧毁。3、不适当的BIOS模拟等导致不能访问桌面环境。4、不正确的重装系统或者是C盘系统奔溃。解决方案有两个：1、用U盘pe复制这个文件掉C盘根目录。2、直接重装系统...
2021-03-10 09:18:49
9672
5
原创 web代码合集js数据类型，强制转换，运算符，计算闰年， 实例化声明，构造函数声明，函数的嵌套，函数的自调用
1. js 行为dom（document obiect model）文档对象模型dom（document obiect model）浏览器对象模型ECMAScript Ecme 标准var box = domdocument.getElementById("box") consike.log(box) var a = "1111s";2.js数据类型面试题 基本数据类型： String Number Boolean Null undefined面试题 引用数据类型: obj
2021-03-08 19:02:11
118
原创 为什么JavaScript是单线程？
JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？因为单线程效率高，多线程会影响效率。JavaScript作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。如果JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？为了利用多核CPU的计算能力，HTML5提出Web Wo
2021-03-08 10:10:05
407
4
原创 会话cookie
coolie在设置的时候如果不设置过期时间的话，就表示是一个会话cookie，在多数情况下macOS系统或者ios系统中，关闭浏览器并不会清楚会话cookie，结束浏览器进程才行。
2021-03-08 09:30:41
68
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人