米儿web-CSDN博客

原创手写防抖节流、手写深拷贝、事件总线

head></head><body><script>// 深拷贝函数// 0.如果值是Symbol的类型// 1.如果是原始类型, 直接返回if (!// 2.如果是set类型// 3.如果是函数function类型, 不需要进行深拷贝// 4.如果是对象类型, 才需要创建对象[]: {}// 遍历普通的key// 单独遍历symbolage: 18,friend: {address: {name: "洛杉矶",detail: "斯坦普斯中心"},// mitt。

2024-04-05 17:47:16 297

原创 select远程搜索，返回的option中没有前面选中的选项问题解决

筛选接口返回时。

2024-03-15 10:38:42 284

原创 js性能优化

在HTTP中，客户端给服务器端发起请求，并等待响应。请求和响应都遵循相同的格式，区别在于请求来自客户端，响应来自服务器端。一旦TCP连接建立，在通信双方中的任何一方主动关闭连接之前，TCP连接都将被一直保持下去。在HTTP中，所有的WWW文件都必须遵守这个标准，HTTP协议是建立在TCP协议之上的一种应用。HTTP连接最显著的特点是客户端发送的每次请求都需要服务器回送响应，在请求结束后，会主动释放连接。HTTP和TCP是互联网上应用广泛的两种协议，其中HTTP是应用层协议，而TCP是传输层协议。

2023-12-05 09:04:11 152

原创 vue3动态ref

添加点击事件，确定点击的是哪个ref。

2023-11-27 16:58:01 1161

原创 js面试题

为了使用闭包，我们可以简单的将一个函数定义在另一个函数的内部，然后将其暴露给外部，返回这个函数或者是把它传给另一个函数。当在 JavaScript 中使用一个变量时，JavaScript 引擎会首先在当前作用域中查找该变量，如果找不到，它会继续在上层作用域中查找，以此类推，直到找到该变量或到达全局作用域。在JavaScript中，闭包可能会导致内存泄漏，因为当一个函数返回了一个闭包，并且这个闭包引用了外部函数的变量时，即使外部函数已经执行完毕并被销毁，但由于闭包仍然存在，它仍然可以访问外部函数的变量。

2023-10-01 19:13:56 187

原创 vue项目用到的方法:下载文件

【代码】vue项目用到的方法:下载文件。

2023-05-08 16:57:09 158 1

原创 element-ui中的checkbox只有一个值得时候定义0为未选择1为选中

element-ui中的checkbox只有一个值得时候定义0为未选择1为选中

2022-06-13 16:45:20 494

原创 Vue-Router知识点总结

1.简介SPA（Single Page Application）Ajax前端渲染（前端渲染提高性能，但是不支持浏览器的前进后退操作） SPA（Single Page Application）单页面应用程序：整个网站只有一个页面，内容的变化通过Ajax局部更新实现、同时支持浏览器地址栏的前进和后退操作 SPA实现原理之一：基于URL地址的hash（hash的变化会导致浏览器记录访问历史的变化、但是hash的变化不会触发新的URL请求在实现SPA过程中，最核心的技术点就是前端路由前端...

2021-12-12 09:29:37 1507

原创 VUE知识点总结

1.计算属性的作用计算属性出现的目的是解决模板中放入过多的逻辑会让模板过重且难以维护的问题.计算属性是根据data中已有的属性，计算得到一个新的属性.使用计算属性还有一个好处：计算属性是有缓存性：如果值没有发生变化，则页面不会重新渲染也就是说：只要相关依赖没有改变，对此访问计算属性得到的是之前缓存的结果，不会多次执行。所以说在进行大量耗时计算的时候，通过计算属性可以提升性能。2.2. 侦听器侦听器就是侦听data中的数据变化，如果数据一旦发生变化就通知侦听器所绑定方法，来执行

2021-12-11 14:41:10 1054

原创 css：移动端适配、less

1.字体2.关键帧动画3.3D动画

2021-12-07 22:45:50 210

原创包管理工具npm

包管理工具npm：Node Package Manager，也就是Node包管理器；但是目前已经不仅仅是Node包管理器了，在前端项目中我们也在使用它来管理依赖的包；比如vue、vue-router、vuex、express、koa、react、react-dom、axios、babel、webpack等等；npm管理的包存放在哪里呢？我们发布自己的包其实是发布到registry上面的；当我们安装一个包时其实是从registry上面下载的包；npm的配置文件是package.json

2021-12-02 11:02:34 801

原创模块化：ESModule、CommonJS

一、CommonJS导出const name = "why"const age = 18function sum(num1, num2) { return num1 + num2}// 1.导出方案 module.exportsmodule.exports = { // aaa: "hahahahaah", // bbb: "bbb" name, age, sum}// 第二种导出方式exports.name = nameexports.age = a

2021-11-29 20:16:51 458

原创 ES6中class类、类的继承extends、多态、字面量的增强、解构、let/const、字符串模板、函数的默认参数、展开语法、数值、Symbol使用、Set、Map、es7-13总结

一、认识class定义类我们会发现，按照前面的构造函数形式创建类，不仅仅和编写普通的函数过于相似，而且代码并不容易理解。在ES6（ECMAScript2015）新的标准中使用了class关键字来直接定义类；但是类本质上依然是前面所讲的构造函数、原型链的语法糖而已；可以使用两种方式来声明类：类声明和类表达式// 类的声明class Person {}// 类的表达式var Animal = class {}类和构造函数的异同类的一些特性和我们的构造函数的特性其实是一

2021-11-17 11:30:02 2368 1

原创 JS对象创建-封装、原型、原型链、寄生组合式继承、对象的方法补充

一、创建对象 – 构造函数和原型组合我们在构造函数的方式创建对象时，有一个弊端：会创建出重复的函数，比如running、eating这些函数那么有没有办法让所有的对象去共享这些函数呢?可以，将这些函数放到Person.prototype的对象上即可function Person(name, age, height, address) { this.name = name this.age = age this.height = height this.address = a

2021-11-12 09:39:10 1224 1

原创 JS手写代码：apply、call、bind，认识arguments，箭头函数中没有arguments，纯函数，slice纯函数，splice不是纯函数

一、call函数实现// 给所有的函数添加一个hycall的方法Function.prototype.hycall = function(thisArg, ...args) { // 在这里可以去执行调用的那个函数(foo) // 问题: 得可以获取到是哪一个函数执行了hycall // 1.获取需要被执行的函数 var fn = this // 2.对thisArg转成对象类型(防止它传入的是非对象类型) thisArg = (thisArg !== null &

2021-11-08 18:13:31 944 1

原创数组中的高阶函数、JS闭包、闭包的内存泄漏

一、数组中的5个高阶函数1.filter: 过滤// [10, 5, 11, 100, 55]// 10 => false => 不会被放到newNums// 5 => false => 不会被放到newNums// 11 => false => 不会被放到newNums// 100 => false => 不会被放到newNums// 55 => false => 不会被放到newNumsvar newNums = nums

2021-11-05 17:55:32 661 2

原创 JS函数执行-作用域链-内存管理

一、函数调用执行过程var message = "Hello Global"function foo() { console.log(message)}function bar() { var message = "Hello Bar" foo()}bar()代码执行都需要加入调用栈（ECStack）中执行，所以先有调用栈编译阶段，就会先创建一个GO对象（Global Object）,里面有window、string等等除了有本来的还要对代码进行编译，会发现还.

2021-11-03 21:23:08 416

原创 js面试题汇总

1.var let const的区别

2021-10-14 10:55:56 253

原创 vue面试题真题

1.v-if和v-show的区别2.v-for中为什么用key3.描述Vue组件生命周期（父子组件）4.Vue组件如何通讯5. 描述组件渲染更新的过程6.双向数据绑定v-model的实现原理7.对MVVM的理解8.computed有何I我特点9.为何组件data必须是一个函数data() { return { 对象} } data是函数，return出对象export default看似是一个对象，.vue文件编译出来...

2021-10-01 20:02:38 282 1

原创 Vue原理面试题

一、大厂必考原理1.组件化和MVVM2.响应式原理3.vdom和diff算法4.模板编译5.组件渲染过程6.前端路由1.组件化基础=>（MVVM模型）传统组件，知识静态渲染，更新依赖于操作DOM数据驱动视图 - Vue MVVMMVVM是Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model代表数据模型，View代表UI组件，ViewModel是View和Model层的桥梁，数据会绑定到View.

2021-10-01 17:43:36 7042

原创 vue基础面试题

一、vue的基本使用1、computed & watch的去区别computed计算属性，有缓存，data不变则不会从新计算 watch如何深度监听? handler true watch监听引用类型，拿不到oldVal<template> <div> <input v-model="name"/> <input v-model="info.city"/> </div>...

2021-09-29 15:04:05 573

原创 vue3项目搭建规范：第三方库集成（项目实战）

一、vue.config.js配置vue.config.js有三种配置方式：三选一即可* 方式一：直接通过CLI提供给我们的选项来配置：比如publicPath：配置应用程序部署的子目录（默认是 `/`，相当于部署在 `https://www.my-app.com/`）；比如outputDir：修改输出的文件夹；* 方式二：通过configureWebpack修改webpack的配置：可以是一个对象，直接会被合并；可以是一个函...

2021-09-20 18:54:49 1121

原创运行环境面试题

题目：1. 从输入url到渲染出页面的整个过程2. window.onload和DOMContentLoaded的区别知识点：加载资源的形式加载资源的过程渲染页面的过程一、资源的形式html代码媒体文件，如图片、视频等js、css二、加载过程1.DNS解析：域名 -> IP地址：域名服务解析，把域名变成ip地址。ip地址很难记，而且ip地址在不同区域是不一样的，所以访问域名的时候，域名解析服务会根据地域来解析不同的域名，让域名访问更快。2.浏览器根据.

2021-09-20 12:54:16 126

原创开发环境面试题

一、git史上最详细git教程https://blog.csdn.net/zzq_0916s/article/details/81258804常用git命令git add . 添加git checkout xxx ：回复修改的git commit -m ”xxx“ ：提交，提交一行记录git push orign master：推送到服务端git pull orign master ：从服务端下载git branch ：查看分支git checkout -b xxx/gi

2021-09-16 21:14:09 133

原创 http面试题

题目：1.http常见的状态码有哪些2.http常见的header有哪些3.什么是Restful API4.描述一下http的缓存机制（重要）一、http状态码状态码分类1xx服务器收到请求 2xx请求成功，如200 3xx重定向，如302 4xx客户端错误，如404 5xx服务端错误，如500常见状态码200 成功 301 永久重定向（配合location，浏览器自动处理）。浏览器会记住哪个网址反回了301，让你到另一个网址去，那下次再访问的时候就直接不访问了，

2021-09-14 21:21:32 493

原创 JS WEB API面试题

一、事件题目编写一个通用的事件监听函数描述事件冒泡流程无限下拉图片列表，怎样监听每张图片的点击2.描述事件冒泡流程：基于DOM树形结构事件会顺着触发元素往上冒泡应用场景：代理3.无限下拉图片列表，怎样监听每张图片的点击通过事件代理用e.target获取触发元素用matchs来判断是否是触发元素知识点：事件绑定、事件冒泡、事件代理1.事件绑定//编写一个通用的事件监听函数function bindEvent(elem, type, ...

2021-09-13 14:37:33 388

原创边框0.5px和解决1px的问题

工作中遇到了一个产品需求，要求把列表分割线改成0.5px，直接写成border：0.5px solid #cccccc;是不符合规范的写法，会存在Android和IOS手机上的兼容问题，故，我们可以利用CSS3的transform特性，放缩边框宽度来实现这一效果。<ul class="mBasicBorder_box"> <li class="mBasicBorder_scale_border">边框宽度0.5px</li> <li class

2021-09-12 15:37:24 598

原创 js必考面试题

原型和原型链答：class的原型本质，怎么理解 1.原型和原型链的演示 2.属性和方法的执行规则（即怎么通过隐式原型一步步通过链的方式向上找方法）1.类和继承// 类class Student { constructor(name, number) { this.name = name this.number = number // this.gender = 'male' } ...

2021-09-08 17:12:09 325

原创 npm安装依赖报错：npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\misal\A

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\misal\AppData\Roaming\npm-cache_logs\2020-08-06T05_46_39_769Z-debug.log说明：全局脚手架和本地脚手架版本不一样。解决方法：执行 npm install npm@latest -g升级到最新版本（若升级到最新版本还是报错，则还需要再全局更新一下npm，更新后检查npm版本号不会变，内部应该有更

2021-09-07 13:42:59 4168

空空如也

空空如也