wanghuohuo1998-CSDN博客

原创 js相关面试题--仔细观看--一块学习--不懂得评论区说下，我来解释

js链接：https://juejin.cn/post/6940945178899251230一、数据类型JavaScript有哪些数据类型，它们的区别？JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Symbol、BigInt、Object。其中 Symbol 和 BigInt 是ES6 中新增的数据类型：Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。BigInt 是

2023-12-21 17:28:57 893

原创前端100道优质面试

前端100道优质面试算法复杂度什么是复杂度是程序执行的时候需要的计算量和内存空间（和代码简洁无关）复杂度是数量级，不是具体的数字一般是针对一个具体的算法，而非一个完整的系统时间复杂度O(1) 一般指的是没有for循环，可以直接看出执行了几次(不管传入参数数据量多少，都是固定不变的)O(logn) 比如只有一个二分算法O(n) 比如一个for循环O(nlogn) 比如说一个for循环嵌套一个二分算法O(n^2) 比如两个for循环(数组的unshift和shift时间复杂度都是

2022-03-25 11:34:18 1626

原创 html+css+vue面试

v-model的实现，双向绑定的原理我们已经知道实现数据的双向绑定，首先要对数据进行劫持监听，所以我们需要设置一个监听器Observer，用来监听所有属性。如果属性发上变化了，就需要告诉订阅者Watcher看是否需要更新。因为订阅者是有很多个，所以我们需要有一个消息订阅器Dep来专门收集这些订阅者，然后在监听器Observer和订阅者Watcher之间进行统一管理的。接着，我们还需要有一个指令解析器Compile，对每个节点元素进行扫描和解析，将相关指令对应初始化成一个订阅者Watcher，并替换模板..

2022-03-25 10:06:16 1258 1

原创 element 自定义下拉框中的文本内容

样式展示：<el-table-column prop="useQuantity" align="center" :filter-multiple="false" :column-key="'type'"> <span slot="header" slot-scope="{}" class="weekSelect" @click="filterChange"> <el-select ref

2021-12-20 13:44:54 1720

原创 vant中的list的基本操作

async onLoad () { // 1. 请求获取数据 const { data } = await getSearch({ page: this.page, // 页码 per_page: this.perPage, // 每页大小 q: this.q // 搜索关键字 }) // 2. 将数据添加到列表中 const { results } = data.data this..

2021-08-08 16:32:25 885

原创 vue+ts 使用lodash防抖处理数据

2、防抖处理// lodash 支持按需加载，有利于打包结果优化import { debounce } from "lodash"不建议下面这样使用，因为这样会加载整个模块。import _ from 'lodash'_.debounce()// debounce 函数// 参数1：函数// 参数2：防抖时间// 返回值：防抖之后的函数，和参数1功能是一样的onSearchInput: debounce(async function () { const searchCont

2021-08-08 11:00:24 1711

原创怎么让Html页面每次打开的时候都清空一下页面缓存

怎么让Html页面每次打开的时候都清空一下页面缓存？在html的页面的头部中添加<HEAD><META HTTP-EQUIV="Pragma" CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"><META HTTP-EQUIV="Expires" CONTENT="0"></HEAD>...

2021-07-26 22:14:43 803

原创组件间的数据交互

组件间的数据交互父组件向子组件传值父组件向子组件传值的方式有两种-父组件通过属性值向子组件传递数据一种是动态的（可以与父组件的data进行绑定）另外一种是静态的直接写死在属性中子组件使用props进行接收，接收的时候注意是以数组的形式进行接收，因为传递的值可能不止一个<body> <div id="app">   <com

2021-07-22 22:55:26 272

原创 1.写Vue项目的时候，为什么要在列表组件中写key，其作用是什么

key的作用是给每一个vue节点的唯一id，可以依赖key的值，更准确，更快的拿到vue中的项所对应的节点

2021-07-15 22:33:17 240

原创基本面试问题

面试问题1.移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2 flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅支持部分1.3 建议如果是pc端页面布局，还是采用传统方式如果是移动端或者是不考虑兼容的pc则采用flex2.0 flex布局原理flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型

2021-07-14 18:55:12 794

原创 Cascader 级联选择器和Dialog中的一些版本问题

关于element-ui版本不一致的问题1.在当下版本的通过[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-D24bQHWr-1625911244404)(C:\Users\admin\AppData\Roaming\Typora\typora-user-images\image-20210710172610554.png)]Cascader 级联选择器可通过 props.checkStrictly = true 来设置父子节点取消选中关联，从而达到选择任意一级选项的目

2021-07-10 18:01:28 317

原创关于使用el-tag动态编辑标签

关于使用el-tag动态编辑标签<template><el-tag :key="tag" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)"> {{tag}}</el-tag><el-input class="input-new-tag" v-if="inputVisible" v-mode

2021-07-10 17:11:13 3702

原创关于element-ui中 cascade 层级列表过大的问题

关于element-ui中 cascade 层级列表过大的问题<el-form-item label="分类名称" prop="cat_name"> <el-input v-model="addCateForm.cat_name"></el-input> </el-form-item> <el-form-item label="父级分类">  <!-- prop

2021-07-08 16:39:10 486

原创 vue-table-with-tree-grid

vue-table-with-tree-grid结合黑马后台事件的vue项目中的商品管理下的商品分类模块介绍vue-table-with-tree-grid[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nleJGjNi-1625729494265)(C:\Users\admin\AppData\Roaming\Typora\typora-user-images\image-20210708110435319.png)]使用过程：1.先在vue ui可视化的工具中安装在

2021-07-08 15:32:30 1213

原创 postman测试需要添加请求头的接口

postman测试需要添加请求头的接口postman:中测试接口的时候，有时需要添加请求头请求头中的是token值使用的示例如下：

2021-07-08 15:31:20 1356 1

原创 Vue组件的全局注册和局部注册

Vue组件的全局注册和局部注册vue的全局组件全局组件就是所有的vue实例中都可以使用注册全局组件方法：可以使用Vue.extend()函数，也可以不使用，就直接使用Vue.component()来创建一个Vue 的全局组件Vue.component('component-a',{ // 注意这里的data必须是一个function data(){ return { msg:'你好' } },

2021-07-07 10:20:39 218

原创 Vue组件注册注意事项

Vue组件注册注意事项1.data必须是一个函数 data有对象和函数两种形式，但是组件住的的data必须是一个函数原因： vue对于组件有一个很重要的特征就是组件可以被复用注册组件本质上就是创建了一个组件构造器的引用，而真正当我们使用组件的时候才会去将组件进行实例化 data是对象的时候：data是在构造器的原型链上被创建的，但是实例化的组件确是共享同样的data对象,当你修改一个属性的时候，data也会发生改变当我们的data是一个函数的时候，每一个实例的data属性都是

2021-07-06 22:09:56 187

原创关于vue中使用的原生数组的常用方法

关于vue中使用的原生数组的常用方法变更方法Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括：push()pop()shift()unshift()splice()sort()reverse()push() 是向数组的末尾推送元素返回的是新数组的长度推送的可以是数组，对象，一些其他元素–如下<script> var arr = [3,34,12,31,45] var arr2 = [1,2

2021-07-05 23:00:12 760 2

原创 vue中的箭头函数的this

在vue中箭头函数没有自己的this，所以，当箭头函数中有this的时候他会往外找，从而确定它的this的值 vm.$watch('firstName',{ immediate:true, //若immediate为true则handler在初始化时，就会调用一次，以后就看firstName的改变了 handler(newValue,oldValue){ setTimeout(()=>{ //此处定时器的回调一定要写箭头函数 t

2021-07-05 14:34:38 634

原创 vue小案例-列表的过滤

<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>列表排序</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- 想要对数据加工后再

2021-07-03 16:24:26 155

原创列表过滤案例-输入框输入内容过滤出符合条件的

<body>   <div id="root"> <h2>人员列表</h2> <input v-model="keyWord" type="text" placeholder="请输入姓名"> <ul> <

2021-07-03 16:14:32 276

原创 vue中的data，methods，computed的作用

2021-07-02 21:44:05 409

原创 pre 元素可定义预格式化的文本

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。<pre> 标签的一个常见应用就是用来表示计算机的源代码。可以导致段落断开的标签（例如标题、<p> 和 <address> 标签）绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和

2021-06-26 17:25:36 327

原创 css属性之阴影

css属性之阴影box-shadow:10px 10px 5px #fff;语法：box-shadow:h-shadow v-shadow blur spread color inserth-shadow:水平阴影的位置，允许为负值v-shadow:垂直阴影的位置，允许为赋值blur：模糊距离spread：阴影的尺寸color：阴影的颜色insert：将外部阴影改为内部阴影...

2021-06-26 10:09:35 774

原创 git的相关操作

使用 **git add .** 添加到本地仓库第一次把本地的分支推送到码云中的命令 git push -u origin user 以user分支进行保存需要合并到主分支中，命令 git checkout master git merge user（把user分支合并到主分支中）再使用git push 命令把本地的代码推送到云端（此时不需要加u，因为此时云端仓库中已经有了master分支）...

2021-06-24 21:34:10 92

原创需要授权的 API ，必须在请求头中使用 Authorization 字段提供 token 令牌

需要授权的 API ，必须在请求头中使用添加字段需要授权的 API ，必须在请求头中使用 Authorization 字段提供 token 令牌实现方法通过 axios 请求拦截器添加 token，保证拥有获取数据的权限// axios请求拦截器axios.interceptors.request.use(config => { //为请求头对象，添加Token 验证的Authorization 字段 config.headers.Authorization = window.sess

2021-06-21 15:11:24 4997

原创 aysncawait 的基本用法

aysnc/await 的基本用法主要用于处理异步peomise的结果async/await是es7引入的新语法，可以更加方便的进行异步的操作async 关键字用于函数上（async函数的返回值是Promise实例对象）await 关键字用于async函数中（await可以得到异步的结果）async function queryData(id){ const ret = await axios.get('/data') return ret.data}//.then接收它的返回值qu

2021-06-20 22:19:00 374

原创挂载路由守卫

挂载路由守卫，防止根据url地址直接跳过登录页面进入其他页面直接赋值到路由界面中注意需要调整格式// 挂载路由导航守卫router.beforeEach((to, from, next) => { // to 将要访问的路径 // from 代表从哪个路径跳转而来 // next 是一个函数，表示放行 // next() 放行 next('/login') 强制跳转 if (to.path === '/login') return next()

2021-06-20 21:18:43 216

原创黑马电商避免vue下载包版本过高的问题

{ "name": "vue_shop", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "axios": "^0.18.0", "element-ui"

2021-06-20 20:58:17 144

原创 git 入门操作

1.获取git仓库的两种方式将尚未进行版本控制的本地目录转换为Git仓库从其他服务器克隆一个已存在的Git仓库git clone '复制到的git网址'以上两种方式都能够在自己的电脑上得到一个可用的Git仓库2.在现有目录中初始化仓库如果自己有一个尚未进行版本控制的项目目录，想要用 Git 来控制它，需要执行如下两个步骤：① 在项目目录中，通过鼠标右键打开“Git Bash”② 执行 git init 命令将当前的目录转化为 Git 仓库git init 命令会创建一个名为 .git

2021-06-20 20:36:27 145

原创标识符的问题

**标识符所有的标识符都应该以字母（A-Z或者a-z）,美元符（$）,或者下划线（_）开始首字符之后可以是字母（A-Z或者a-z）,美元符（$）,或者下划线（_）或数字的任何字符组合不能使用关键字作为变量名或方法名标识符是大小写敏感的合法标识符举例：age,$salary,_value,_1value非法标识符举例：123abc，-salary，#abc可以使用中文标识符，但是一般不建议这样用，也不建议是用拼音，很low**...

2020-10-28 17:43:52 191

原创 2020-10-27

九九乘法表，开始for循环容易写出，但是格式不好表达，重要的是对于格式的表达；在第10行的println是换行操作，去掉ln后不进行换行，使得j<=i是为了避免出现重复的乘法操作!

2020-10-27 21:08:59 48

转载冯诺依曼体系结构

冯诺依曼体系结构：1）采用存储程序方式，指令和数据不加区别混合存储在同一个存储器中，数据和程序在内存中是你没有区别的，它们都是内存中的数据，当EIP（企业信息门户EIP（Enterprise Information Portal）是指在Internet的环境下，把各种应用系统、数据资源和互联网资源统一集成到企业信息门户之下，根据每个用户使用特点和角色的不同，形成个性化的应用界面，并通过对事件和消息的处理、传输把用户有机地联系在一起。）指针指向哪cpu就加载那段内存中的数据，如果是不正确的指令格式，CPU就

2020-10-27 20:03:23 521

wanghuohuo1998的博客