前端
文章平均质量分 59
geekmice
我信命,但我不认命,我认为命运还是掌握自己手里比较好
展开
-
前端面试题
title: 前端面试题abbrlink: ‘20802113’date: 2021-11-19 14:09:14index_img: https://w.wallhaven.cc/full/m9/wallhaven-m9y9j1.jpgbanner_img: https://w.wallhaven.cc/full/o3/wallhaven-o3jde9.jpgcomment: valinetags:categories:前端开发HTML,CSS相关简要描述一下盒模型盒子从里.原创 2021-11-24 15:10:13 · 1589 阅读 · 1 评论 -
vue-cli3+ts 脚手架
vue-cli3+ts 脚手架文章目录vue-cli3+ts 脚手架安装流程安装说明安装流程安装vue-cli3// 全局安装vue-cli3npm install -g @vue/cli创建vue项目脚手架// ts-temp是项目名vue create tstemp 选择创建模式,如图我门选择第二个自定义创建手动选择特性(上下箭头移动,空格选择,回车完成)接下来会选择一些配置(y-是,n-否)是否使用类样式组件语法?选择y是否将babel与typescrip原创 2021-11-11 00:24:43 · 348 阅读 · 0 评论 -
js高级之对象高级
js高级之对象高级文章目录js高级之对象高级1、对象创建模式1.1、object构造函数模式1.2、对象字面量1.3、工厂模式1.4、自定义构造函数模式1.5、构造函数+原型的组合模式2、继承模式2.1、原型链继承2.2、借用构造函数继承2.3、组合继承1、对象创建模式1.1、object构造函数模式* 套路: 先创建空Object对象, 再动态添加属性/方法* 适用场景: 起始时不确定对象内部数据* 问题: 语句太多<!DOCTYPE html><html lang="e原创 2021-10-13 20:59:57 · 215 阅读 · 0 评论 -
ES6新语法
文章目录ES6新语法1、let关键字2、const常量声明3、变量的解构赋值4、模板字符串5、简化对象写法6、箭头函数7、rest参数获取实参8、**spread** 扩展运算符9、Map10、Class类11、数值扩展ES6新语法1、let关键字let关键字用来声明变量,新特性如下特点不允许重复声明块儿级作用域不存在变量提升不影响作用域应用场景以后声明变量使用let就对了案例说明对应的特点<!DOCTYPE html><html lang="en">原创 2021-10-13 17:29:52 · 321 阅读 · 0 评论 -
vue项目自定义组件实现组件通信
文章目录vue项目实现自定义组件和组件之间通信1、自定义组件2、组件通信vue项目实现自定义组件和组件之间通信1、自定义组件1、在src/components文件夹中新建一个SonNode 组件,组件内容可自定义<template> <div> <h1>{{ msg }}</h1> </div></template><script>export default { name: "sonNod原创 2021-10-12 18:13:48 · 166 阅读 · 0 评论 -
vue结合mockjs实现模拟axios请求
文章目录1、创建vue项目2、准备工作,下载依赖3、创建mockjs信息目录4、main.js引入mockjs5、主页app.vue发送请求6、效果图数据1、创建vue项目vue create 项目名称2、准备工作,下载依赖// 下载安装mockjsnpm install mockjs --save// 下载安装axiosnpm install axios3、创建mockjs信息目录import Mock from "mockjs";const url = { // 自定义原创 2021-10-12 17:59:05 · 463 阅读 · 0 评论 -
2、js高级之函数高级(原型,执行上下文,作用域,闭包)
文章目录1、原型与原型链1.1、原型(prototype)1.2、显式原型和隐式原型1.3、原型链1.4、探索instanceof1.5、面试题2、执行上下文和执行上下文栈2.1、变量提升和函数提升2.2、执行上下文2.3、执行上下文栈2.4、面试题3、作用域与作用域链3.1、作用域3.2、作用域和执行上下文3.3、作用域链3.4、面试题4、闭包4.1、引入,循环遍历监听4.2、理解闭包4.3、常见的闭包4.4、闭包的作用4.5、闭包的生命周期4.6、闭包的优缺点或者解决4.8、面试题1、原型与原型链1原创 2021-10-12 12:19:13 · 142 阅读 · 0 评论 -
vue创建路由项目
文章目录vue创建路由项目1、通过以下指令创建项目2、cd进入目录3、添加需要的依赖包,比如添加vue路由vue-router依赖包,可以使用 **npm install vue-router** , 或者 **vue add router**4、安装所有依赖包5、运行项目,查看package.json文件中的scripts脚本中的运行方式6、创建路由所需要的文件7、最终效果vue创建路由项目1、通过以下指令创建项目vue create vuerouter(项目名称)2、cd进入目录cd vue原创 2021-10-12 07:27:39 · 400 阅读 · 0 评论 -
vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本
问:vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本答:1、出现样图2、管理员方式运行powershell3、成功完事转载 2021-10-12 06:45:25 · 217 阅读 · 0 评论 -
vue学习之组件化开发
vue学习之组件化开发文章目录vue学习之组件化开发1、认识组件化1.1、什么是组件化1.2、Vue组件化思想2、组件化基础2.1、注册组件2.2、数据传递3、组件化高级3.1、插槽slot3.2、动态组件3.3、异步组件4、组件生命周期1、认识组件化1.1、什么是组件化人们面对复杂问题的处理方式任何一个人处理信息的逻辑能力都是有限的所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容但是我们有一种天生的能力,就是将问题进行拆解如果将一个复杂的问题拆分很多歌可以处理的原创 2021-10-07 19:55:17 · 328 阅读 · 0 评论 -
原生table表格实现行合并,列合并
文章目录1、效果图2、源码实现1、效果图2、源码实现<template> <div> <table border="1" center style="margin:200"> <tbody> <tr v-for="(item, index) in originData" :key="index"> <td rowspan="4">法定代表人</td>原创 2021-09-24 22:36:31 · 3429 阅读 · 0 评论 -
vuejs中v-for使用注意事项
1、v-for使用前注意事项原创 2021-09-24 22:33:11 · 147 阅读 · 0 评论 -
js中toFixed()方法
toFixed()方法var price = 324.12;var price1 = 324.16;var price2 = -324.19;/** * toFixed() * 方法说明 * 1、小数点后的位数。必须在0 - 20范围内,包括在内。 * 2、返回值 距离整数近的靠近 * 参数说明 * 1、fractionDigits :小数点位数 **/console.log(price.toFixed(1)); // 324.1console.log(price.to原创 2021-09-24 22:31:53 · 2203 阅读 · 0 评论 -
vuejs中过滤器使用
文章目录1、过滤器2、分类3、代码演示1、过滤器过滤器:被用于一些常见的文本格式化,一个通过输入数据,能够及时对数据进行处理并返回一个数据结果的简单函数;2、分类分类:全局过滤器和局部过滤器全局过滤器:定义创建的vue对象之前,全局即可使用;局部过滤器:定义在vue对象里面,只可在当前实例对象中使用;简要说明当有局部和全局两个名称相同的顾虑器时候,采用就近元素进行调用,即局部过滤器优先于全局过滤器;一个表达式可以使用多个过滤器啊,过滤器之间使用管道符|隔开,执行顺序从左往右;原创 2021-09-24 22:30:44 · 214 阅读 · 0 评论 -
vue学习之基础语法
文章目录1、差值运算1.1、Mustache1.2、v-once指令的使用1.3、v-html指令的使用1.4、v-text指令的使用1.5、v-pre指令的使用1.6、v-cloak指令的使用2、绑定属性3、计算属性4、事件监听5、条件和循环6、阶段案例7、表单绑定1、差值运算1.1、Mustache<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> &l原创 2021-09-24 17:00:18 · 214 阅读 · 0 评论 -
js数组方法之splice(start,deleteCount,others string)可以进行添加,删除,类似修改的操作
文章目录1、关于splice方法说明2、案例演示1、关于splice方法说明splice方法1、参数说明1、start 开始索引2、deleteCount 删除个数2、方法说明1、返回值是被删除的元素2、Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.3、删除元素,如果需要的话,也可以在其他位置插入一些原创 2021-09-24 11:02:14 · 569 阅读 · 0 评论 -
1、JS高级之基础总结深入
文章目录1、数据类型1.1、分类1.2、判断1.3、相关问题2、数据、变量和内存2.1、何为数据2.2、何为变量2.3、何为内存2.4、三者之间的关系2.5、相关问题3、对象3.1、何为对象3.2、属性的分类3.3、对象的组成3.4、如何访问对象内部数据3.5、特别的对象3.6、为什么使用对象3.7、相关问题4、函数4.1、何为函数4.2、为什么使用函数4.3、如何定义函数4.4、调用函数1、数据类型1.1、分类1、 基本(值)类型类型简要说明String任意字符串Num原创 2021-09-22 03:46:12 · 179 阅读 · 0 评论 -
5、尚硅谷-JavaScript基础-李立超-BOM
文章目录1、何为BOM2、Navigator对象2.1、简单介绍2.2、案例说明2.3、效果图3、Location对象3.1、简单介绍3.2、案例说明3.3、效果图4、History对象4.1、简单介绍4.2、案例说明4.3、效果图5、定时调用6、轮播图实现7、定时器1、何为BOMECMAScript无疑是JavaScript的核心,但是想要在浏览器中使用JavaScript,那么BOM才是真正的核心(浏览器对象模型)BOM提供了很多对象,用于访问浏览器的功能,这些功能和任何网页内容无关BOM将浏原创 2021-09-15 04:12:21 · 670 阅读 · 0 评论 -
p标签设置宽高问题
1、代码实现<!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"> <titl原创 2021-09-10 02:33:11 · 4609 阅读 · 0 评论 -
vue实现用户点击按钮右侧滑动页面
1、需求说明移动端开发中,用户点击标签元素实现右侧滑出页面2、效果图3、源码实现<template> <div id="app"> <!-- <img alt="Vue logo" src="./assets/logo.png" /> <HelloWorld msg="Welcome to Your Vue.js App" /> --> <button @click="nav = true">跳转&原创 2021-09-10 02:22:01 · 2702 阅读 · 1 评论 -
css基础之常用定位
文章目录1、何为定位2、定位有哪些2.1、相对定位2.2、绝对定位2.3、固定定位2.4、静态定位3、仓库地址1、何为定位定位指的是指定一个元素在网页上的位置,网页中行内元素在一行从左往右依次排列,块级元素垂直摆放,而定位呢就可以将其位置发生变化,上下左右均可移动,还可以脱离文档流,固定某个位置。2、定位有哪些2.1、相对定位特点使用属性position:relative表示参考元素:是自己,偏移量和最初的自己做对比不会脱离文档流,最初的位置,不会被其他元素填充尝尝和使用绝对定位的孩原创 2021-09-09 22:21:51 · 145 阅读 · 0 评论 -
vue中绑定class属性几种场景
文章目录1、在对象使用1.1、绑定单个属性1.2、绑定多个属性1.3、绑定表达式过长或逻辑复杂时,还可以绑定一个计算属性2、在数组使用3、在组件使用1、在对象使用1.1、绑定单个属性需求说明绑定class属性之后的div渲染结果如何源码实现1、创建vue项目vue create 项目名字<template> <div id="app"> <router-link to="/home">首页</router-link>原创 2021-09-09 18:25:49 · 1018 阅读 · 0 评论 -
em操作使用
文章目录1、简易说明2、代码展示3、效果图1、简易说明子元素字体大小的em是相对于父元素字体大小元素的width/height/padding/margin用em的话是相对于该元素的font-size2、代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="原创 2021-09-07 10:35:34 · 556 阅读 · 0 评论 -
rem用法
文章目录1、简易说明rem是全部的长度都相对于根元素,根元素是谁?元素。通常做法是给html元素设置一个字体大小,然后其他元素的长度单位就为rem2、代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="原创 2021-09-07 10:29:37 · 260 阅读 · 0 评论 -
3、尚硅谷-JavaScript基础-李立超-DOM
文章目录1、什么是DOM2、模型3、节点4、节点的属性5、文档节点6、元素节点7、文本节点8、属性节点9、事件10、获取元素节点11、获取元素节点的子节点12、获取父节点和兄弟节点13、元素节点的属性14、其他属性15、demo实现15、图片切换实现16、使用css选择器进行查询16、节点的修改操作1、什么是DOMDOM,全称Document Object Model文档对象模型JS中通过DOM来对HTML文档进行操作,只要理解了DOM就可以随心所欲的操作WEB页面文档即表示的是真个HTML网原创 2021-09-06 23:55:16 · 2119 阅读 · 16 评论 -
从Vuex的Actions中分析js的解构赋值
文章目录1、需求说明2、困惑演示3、详细分析4、参考资料原创 2021-08-28 20:56:01 · 184 阅读 · 0 评论 -
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/home
问题:创建vue router项目 配置路由 出现错误解答:原因是因为项目默认加载切换/home 用户点击又又重定向修改如下图{ path:'/home', component:Home, children:[ { path:'news', component: News }, {原创 2021-08-27 17:17:58 · 214 阅读 · 0 评论 -
Unknown custom element: - did you register the component correctly? For recursive components, make s
问题:通过vuecli3 创建vue项目,vue create 项目名字 项目中添加路由的组件,项目运行出现错误解答:可能1 router->index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../components/Home'import About from '../components/About'// 1、通过Vue.use(插件名) 安装插件Vue.use(原创 2021-08-27 16:04:55 · 1376 阅读 · 0 评论 -
vscode配置前端注释模板(js,vue)
此方法仅适用于vscode1、首先打开快捷键 ctrl + shift +p 打开全局搜索2、选择preferences:configure user snippets选择之后,继续选择js或者vue文件对应json3、若是选择js.json,复制如下代码到js.json{ "Print to jsNoteTitle": { "prefix": "jsNoteTitle", "body": [ "/*",原创 2021-08-23 12:23:36 · 2534 阅读 · 0 评论 -
This syntax requires an imported helper but module ‘tslib‘ cannot be found
在TypeScript工程中使用node模块需要进行require操作,require操作会导致编译的时候报如下错误“This syntax requires an imported helper but module ‘tslib’ cannot be found.”解决方案如下:1、在项目目录下安装tslibnpm install tslib2、tsconfig.json中“compilerOptions”选项下新增“baseUrl”及“paths”配置"baseUrl":".","pat转载 2021-08-23 10:08:04 · 2304 阅读 · 1 评论 -
js中判断数据类型几种方案
1、最常见的判断方法// typeoflet str1 = "javascript";console.log("typeof...");2、判断已知对象类型的方法// instanceoflet stu = new Array();console.log(stu instanceof Array);3、根据对象的constructor判断在这里插入代码片// constructorlet f = new F();console.log(f.constructor == F);原创 2021-08-23 10:00:02 · 136 阅读 · 0 评论 -
1、markdown基本语法使用
Markdown使用基本操作1、基本操作1.1、内容目录@[toc]文章目录Markdown使用基本操作1、基本操作1.1、内容目录1.2、标题一级标题二级标题三级标题四级标题五级标题1.3、引用2、代码2.1、单行代码2.2、多行代码3、列表3.1、无序列表3.2、多行无序列表3.3、有序列表3.4、多行有序列表3.5、任务列表3.6、表格4、链接4.1、图片4.2、超链接5、其他5.1、斜体5.2、加粗5.3、下划线5.4、删除线5.5、分割线5.6、注脚5.7、上下标5.8、标号的输入5.9原创 2021-03-24 23:25:37 · 243 阅读 · 0 评论 -
2020年11月 1-3年工作经验最新面试题汇总
java基础1、java 中==和 equals 和 hashCode 的区别解答:1、==若是基本数据类型比较,是比较值,若是引用类型,则比较的是他们在内存中的存 放地址。2、equals 是 Object 类中的方法,Object 类的 equals 方法用于判断对象的内存地址引用 是不是同一个地址(是不是同一个对象)。若是类中覆盖了 equals 方法,就要根据具体代 码来确定,一般覆盖后都是通过对象的内容是否相等来判断对象是否相等。3、hashCode()计算出对象实例的哈希码,在对象进行原创 2020-11-18 10:14:18 · 544 阅读 · 0 评论 -
el-input后面单位
效果图代码实现 <el-form-item label="篮子数量:" v-if="verifyInputNumBasketN1 === 'n1'"> <el-input v-model="form.basketNum"><i slot="suffix" style="font-style:normal;margin-right: 10px;">篮</i></el-input> </el-form-原创 2021-08-22 12:54:56 · 678 阅读 · 0 评论 -
el-select默认选中 直接绑定将option中的value值绑定给v-model
1、效果图2、源码实现<template> <div> <el-select v-model="query"> <el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label" ></el-option> </e原创 2021-08-22 12:45:52 · 1283 阅读 · 0 评论 -
多下拉框(el-select),输入框(el-input),多按钮(el-button)相互绑定
文章目录1、效果图2、源码实现3、关键代码说明4、仓库地址1、效果图效果图说明:篮子类型选择数量篮子时候,交易方向选择买入,卖出,调仓,清仓 则input框都是篮子数量,但是下侧按钮会根据选择交易方向发生自适应变化;但是篮子类型若是权重篮子时候,交易方向一旦变化后面input输入框和下侧按钮都要变化;具体情况如效果图2、源码实现<template> <div> <el-form :model="form"> <!-- 篮子类型下原创 2021-08-22 12:25:24 · 1575 阅读 · 0 评论 -
多下拉框(el-select)和输入框(el-input)绑定
文章目录1、效果图2、源码实现3、关键代码说明4、仓库地址1、效果图2、源码实现<template> <div> <el-form :model="form"> <el-form-item label="篮子类型:" prop="basketType"> <el-select v-model="form.basketType" placeholder="请选择篮子类原创 2021-08-22 11:40:37 · 2549 阅读 · 0 评论 -
el-select下拉框和el-button绑定情况,用户选择不同下拉框,按钮显示不同?
1、效果图2、代码<template> <div> <el-form :model="form"> <el-form-item label="交易方向" prop="selectBsFlag"> <el-select v-model="form.selectBsFlag" placeholder="请选择交易方向" @change="selectB原创 2021-08-21 20:48:23 · 1506 阅读 · 0 评论 -
VueCli3脚手架 搭配elementui 创建Vue Router项目
文章目录1、项目目录效果2、通过VueCli3脚手架创建vue项目2.1、vue create 20210820project2.2、选择eslint 格式化代码2.3、下载完成3、项目中添加router相关内容3.1、添加需要的依赖3.2、导入路由对象,并且调用Vue.use(VueRouter)3.3、创建路由实例,并且传入路由映射配置4、项目中添加elementui内容4.1、npm安装项目需要的依赖4.2、main.js引入5、项目启动5.1、启动命令5.2、访问路由/home1、项目目录效果原创 2021-08-20 02:39:44 · 297 阅读 · 0 评论 -
验证浏览器F12 为何不能显示vue 源码 不能进行debug
1、效果图失败的效果图:成功的效果图:2、通过Vue Cli 3 创建vue项目2.1、步骤如图所示2.2、涉及的代码关键 其中的方法<template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png" /> <HelloWorld msg="Welcome to Your Vue.js App" /> </div></templ原创 2021-08-20 00:07:50 · 2059 阅读 · 0 评论