- 博客(107)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue原理之侦听器如何实现的？
age 什么时候变的？变成了什么值？如何让这个数据变得可测，接下来就是我们聊的第一个点。 我们先说单个属性就是obj中只有一个属性比如name，只有这个属性没有其他属性，这个时候我们怎么监听变化呢？ 这里如果在想观测name属性则还是要敲一个 Object.defineProperty 这样的样式。很明显如果有很多个属性，这样子操作是不合适的。那么接下来，解决这个问题我们弄一个观测类。...
2022-07-03 14:36:11
784
1
原创 【vue、vue路由、vuex常见面试题】
目录vue常见面试题1.vue优点？2.vue父组件向子组件传递数据？3.子组件像父组件传递事件？4.v-show和v-if指令的共同点和不同点？6.的作用是什么?7.如何获取dom?8.说出几种vue当中的指令和它的用法？9. vue-loader是什么？使用它的用途有哪些？10.为什么使用key?11.axios及安装?12.v-modal的使用。13.请说出vue.cli项目中src目录每个文件夹和文件的用法？14.分别简述computed和wa
2022-05-31 14:14:51
1341
原创 双飞翼布局
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <l...
2022-05-30 12:30:52
675
原创 VS Code 报Windows找不到文件‘chrome‘. 请确定文件名是否正确后,再试一次。
chrome, google chrome, google-chrome, gc
2022-05-06 22:05:16
784
原创 vue通用后台管理（登录页面）
1.这里是一个form表单，有两个表单域 一个是 用户名，一个是 密码，还有一个底部的 button 按钮，点击button会将表单的内容提交到我们的后端。2.找到router下的index.js 新建一个路由3.view下面新建一个文件夹 Login/login.vue4.将第3中的login.vue组件写成1中的那个结构。表单则需要引入form，elementui的form,首先给form里面model这个数据呢给他起个名称叫做form即:model='' form ...
2022-04-27 18:20:21
3892
1
原创 splice()函數
var fruits = ["Banana", "Orange", "Apple", "Mango"];splice()返回的是被刪除的那元素var fruits = ["Banana", "Orange", "Apple", "Mango"];console.log(fruits.splice(2,1)) //['Apple']console.log(fruits.splice(2,0)) //[]array.splice（m,n）是索引为m的那个数开始，删除m之后的那个元素，m.
2022-04-23 11:36:55
523
原创 【web前端面试必问8】回流与重绘
元素样式的改变(但宽高、大小、位置不变)eg： visibility、color、background-color等 这就是所谓的重绘。如添加或删除可见的DOM元素； 元素的位置发生变化； 元素的尺寸发生变化； 内容发生变化（如文本变化或图片被另一个不同尺寸的图片所代替）； 页面一开始渲染的时候（无法避免）； 这就是所谓的回流。注意：回流一定会触发重绘，而重绘不一定会回流...
2022-04-11 22:36:09
562
原创 【web前端面试必问7】浅拷贝和深拷贝
一、先上面试的答案：浅拷贝：只拷贝源数据的第一层，修改拷贝的数据第一层，源数据也不会发生改变。修改拷贝的数据第二层源数据会发生改变。源数据的修改，拷贝的数据就会深拷贝：二、浅拷贝 浅拷贝的实现方式1 直接上案例分析function simpleClone(initalObj) { var obj = {}; //定义对象 obj 为空对象 for ( var i in initalObj) { //循环initalObj 里的每个键值对 赋值 给对象的obj对
2022-04-09 19:18:33
2219
2
原创 Web 前端基础知识面试大全 二
Web 前端基础知识面试大全 一 也是我主页里面，下面的链接地址。Web 前端基础知识面试大全_studyer网的博客-CSDN博客有一了为什么还要写这个二呢？因为有的面试时候只需要一些大概的内容不用计那么多。所以这里的面试大全主要目的是言简意赅，让面试的人知道你会即可。至于原理性的东西可以自己多去研究研究。这里以言简意赅为主。目录JS部分一、 js的数据类型有哪些？Vue部分一、JS部分一、 js的数据类型有哪些？基本数据类型number、string..
2022-04-09 00:23:20
1031
原创 【web前端面试必问6】什么是BFC?
BFC叫格式化上下文。我个人认为想要了解这个概念，先了解这个bfc可以解决什么问题？ 使用BFC来防止外边距折叠 由下面的图我们可以看出，正常情况下，apple 和 banana 应该有 40px的距离，因为apple 有下边距20px + banana上边距20px = 40px，然而实际中浏览器显示的只有20px。这就是所谓的哇编剧折叠的问题。两个外边距相聚在一起的时候，以最大的外边距作为最终的两个盒子之间的距离。如果apple下边距是40px，banana上边距是20px，则他们之间
2022-04-09 00:11:53
579
原创 【web前端面试必问4】JS防抖与节流
1、防抖什么叫防抖？防抖 =》 多次操作只执行最后一次操作防抖是游戏的回城卷轴，多次点击最后一次才有效。节流是英雄技能。 <h2>深入js防抖和节流</h2> <input type="text" placeholder="请输入电话" /> <script> // 防抖 => 将多次操作变成一次 类似游戏中的回城卷轴多次点击只有最后一次有效 let telInput = document
2022-04-05 22:48:57
3366
原创 【web前端面试必问3】什么叫宏任务？什么叫微任务？
本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。如果看懂了，请点击收藏，方便下次再来看，等你完全明白了在取消收藏。javascript是一门单线程语言，所以javascript是按语句的执行顺序执行的。你说执行就执行吧，还非要搞个专有名词，叫什么同步任务，异步任务。同步任务：就是先执行得大任务。比如画画，先画轮廓。这里得同步任务就是轮廓先画。服务器渲染时候先渲染整个页面得轮廓。如果某个局部比如图片加载过多复杂就暂时不加载，先跳过去。异步任务
2022-04-05 13:06:54
2329
2
原创 【web前端面试必问1】vue中 methods、computed、watch的区别
注意：如果像弄明白这个问题，必须得清楚methods，computed，watch 到底是上什么得问题？1、什么叫methods方法？<div>{{ num }}</div><button @click='addNum'> +1 <button><script> methods：{ addNum() { return this.num += 1 } }.
2022-04-05 01:34:49
1002
原创 【vue】 vue-router安装和配置方法
vue-router 是 vue.js 官方的路由插件，里面组件和 URL 的映射关系由 vue-route 帮我们管理。在 vue-router 的单页面应用中，页面的路径的改变就是组件的切换。第一步：1.正常初始化项目的时候，会有个 vue-router 供我们选择。2.如果你不知道插件俺没安装，看下图中是否有此信息即可，如有即存在。3.如果不存在则通过代码安装插件即可。代码：npm install vue-router --save这里要备注一下有的人安装的时候会报错，
2022-04-04 18:27:15
32642
4
原创 split()函数讲解
split（） 将数组转为字符串，默认是用逗号，隔开如果像换成其它分隔符，比如 and 链接数组转为的字符串，表达式为：split("and")const fruits = ["banana","apple","orange"]console.log(fruits.split("and"))输出结果：banana，apple，orange...
2022-04-04 14:04:22
913
1
原创 PowerShell中创建vue项目提示无法加载文件
跟着以上输入1. get-ExecutionPolicy2.set-ExecutionPolicy RemoteSigned3.选择Y
2022-04-03 10:58:52
680
1
原创 【Vuex】对Vuex的理解
1.什么是vuex？Vuex 是专门为 Vue.js 设计的状态管理库。这样就造成了一个问题，如果是多个组件共同使用的时候他们所使用的 state 状态中的数据源都是一样的，如果一个组件改变 state 初始状态数据源变化，就会导致其他的组件也会发生变化。2.安装 vuex3.vuex的核心就是 store（仓库）每一个 Vuex 应用的核心就是 store（仓库）。store 基本上就是一个容器，包含应用中大部分的 state（状态）。Vuex 和 单纯的全局对象的区别：
2022-04-03 00:05:09
1557
原创 Web 前端基础知识面试大全
一、HTML1.对 HTML 语义化的理解见标签知其意思 header main nav aside footer h1-h6 ul li优点：结构清晰、方便搜索引擎搜素（seo）、方便理解维护2.区别：src 和 hrefsrc比如常见的 <img src=""> 这里的 src 所指的是这个图片的所在的位置路径，script 和 iframe 也是，src 被解析的时候，会进行下载并编译，同时会暂停该文档其他资源的下载和处理，所以 js 文件的载入最好在 bod...
2022-04-01 18:29:37
13700
9
原创 Vue项目中如何在父组件中直接调用子组件的方法：
方案一：通过ref直接调用子组件的方法；//父组件中<template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div></template> <script>import Child from './child';exp.
2022-04-01 00:47:26
653
原创 【web前端面试必问8】var、let、const之间的区别和使用
1.varvar 可重复声明变量<script> var a = 6； var a = 8; consolog(a) //8</script>var 可用于块级<script> { var a = 66 } console.log(a) //66</script>var 可变量提升第一个输出a执行顺序 相当于 var a; console.log(a);
2022-04-01 00:32:39
733
原创 【JavaScript案例】js每隔一秒打印数组中的一个值？
注意这里的是 var i=0; <script> var arr = ['1', '2', 'a', 'b', 'cde', '888'] for (var i = 0; i < arr.length; i++) { setTimeout(function () { console.log(arr[i]) }, 1000 * i) } </script>此时控制..
2022-03-31 20:32:26
2605
原创 【JavaScript】如何用原生JS给一个元素绑定两个事件？
解决办法：var btn = document.getElementById('btn');btn.addEventListener('click',func1);btn.addEventListener('click',func2);这里的 addEventListener 叫事件监听addEventListener 事件监听怎么用呢？ 语法：addEventListener(event,function,useCapture).捕获阶段：事件...
2022-03-30 23:50:44
2118
原创 清除浮动的几种方式？
为什么要清除浮动？就会出现如下的这总情况，父亲的高度没有了，下面box2 盒子就会自动移动上来。解决的办法：1.给父亲盒子 box1 加 overflow：hidden；2.给父亲加一个高度值；3.给孩子2后面再加一个空div 样式中设置 clear：both;4.给添加还在2后面加的空div加个height 值。...
2022-03-30 23:39:37
254
原创 【JavaScript】案例解析说明
1.如果一串代码比较长，在编辑器中想换行，可以在要输入的字符串内容中使用斜杠 \ 来进行换行不报错。\n 表示里面的内容换行document.write("你好\n世界！"); 你好 会显示一行 世界！ 会显示一行<script> document.write("你好世界！"); //封号表示结束 document.write("你好森林砍伐睡觉了四六级分数雷锋精神了方式登录发射点立刻反击四点\世界！") </script>2. <...
2022-03-28 20:51:10
1276
原创 比较时间大小，判断是否过期
比较年月日var timestamp1 = new Date("2019-03-22").getTime(); //结束时间var timestamp2 = new Date().getTime(); //现在时间var d = timestamp1 - timestamp2; // d<0时间已经过了 d>0 没到时间 比较年月日时分秒var timestamp1 = new Date("2019-03-22 10:07:46").getTime();var times
2022-03-27 19:25:00
1045
原创 【vue】---子组件如何渲染到父组件中的?
APP 父组件 中 引入 Left 子组件 效果如下步骤：001.在父组件中导入子组件002.注册组件003.在结构中使用组件 组件的名称就是 命名的 Left.vue 中的 Left
2022-03-27 12:53:44
1440
1
原创 【vue---ref用法】
1.什么是ref？引用ref 用来辅助开发者在不依赖于jQuery 的情况下，获取DOM 元素或组件的引用。每个vue 的组件实例上，都包含一个$refs 对象，里面存储着对应的DOM 元素或组件的引用。默认情况下，组件的$refs 指向一个空对象。2. 使用ref 引用DOM 元素如果想要使用ref 引用页面上的DOM 元素，则可以按照如下的方式进行操作：3. 使用ref 引用组件实例如果想要使用ref 引用页面上的组件实例，则可以按照如下的方式进行操作：穿插知识：组件中如何.
2022-03-27 03:42:35
1062
原创 【elementUI】---添加用户功能实现
1.首先要点击 添加用户 按钮，弹出 添加用户 的对话框。这个对话框会用到 element 中 Dialog 对话框组件。 所以接下来要看一下 Dialog 对话框怎么使用。2.在 element.js的文件中，按需导入 Dialog 组件。 import { Dialog } from ‘element-ui’ 然后进行一下全局的注册 Vue.use(Dialog)3.把elementUI 中的Dialog 对话框的最基本的 UI 结构，给粘到项目中。:visible.s...
2022-03-27 03:19:42
1548
原创 【el-elementUI】表单禁用、验证规则、修改表单重置和提交验证
1.el-input 复选框 禁用状态2.表单中填写的邮箱和手机符合的规则required： true 表示必填选项trigger：blur 触发时机：失去焦点的时候 去验证是否符合要求的格式validator: checkEmail 验证规则校验我们输入的邮箱是否合法，通过validator去指定checkEmail的验证规则3.修改表单，重置操作表单关闭以后，再次打开表单的时候，里面的信息回复到最初的默认状态，相当于变比窗口，然后重置表...
2022-03-25 20:16:13
4444
4
原创 【前端面试大全】
1.如何让一个盒子水平居中？例子：如何让box1 中的内容123456 和 盒子 box2 在盒子 box1 内居中显示？<body> <div class="box1"> 123456 <div class="box2">789</div> </div></body>解决办法：style 样式编辑如下方法一：给盒子box1 的样式 添加 display:fle
2022-03-25 01:05:55
136
原创 vue---组件如何通过路由渲染到根组件App中的？
根组件 App.vue script 部分需要暴露 export default { name: "app" }
2022-03-24 22:39:21
831
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人