自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

木木木森林

Yesterday, you said tomorrow.

  • 博客(138)
  • 收藏
  • 关注

原创 vue 常用知识总结

el只能在vue实例中使用。...

2021-04-19 18:16:57 84

原创 2021 前端高频面试题汇总

1. 谈一谈null和undefined2. window.onload事件触发条件3. 谈一谈window对象4. 解析 offsetWidth、clientWidth5. 谈一谈重绘重排6. 描述 W3C 事件流7. 谈一谈事件委托

2021-02-02 19:02:33 232

原创 git 基本操作

git init 初始化仓库git status 查看文件状态 :红色标注的文件在工作区,绿色标注的文件在暂存区,很干净的时候说明工作区 暂存区和仓库的当前版本是一致的(Untracked files:未跟踪 新文件的意思, modified:被修改了 deleted:被删除了)git add 文件名 / git add . / git add * :把某个文件或者所有的文件提交到暂存区git commit -m ‘注释信息’:把暂存区的内容提交到仓库区 并给当次提交添加注释信息git co

2021-01-23 19:28:54 78

原创 前端 HTML/CSS 基础知识汇总

前端 HTML/CSS(一)前端 HTML/CSS(二)前端 HTML/CSS(三)前端 HTML/CSS(四)前端 HTML/CSS(五)前端 HTML/CSS(六)前端 HTML/CSS(七)前端 HTML/CSS(八)前端 HTML/CSS(九)前端 HTML/CSS(十)前端 HTML/CSS(十一)前端 HTML/CSS(十二)前端 HTML/CSS(十三)前端 HTML/CSS(十四)前端 HTML/CSS(..

2021-01-07 13:00:43 94

原创 JS 知识积累笔记

前后端对接问题:接口跨域队列是什么?:队列是先进先出(插队除外)。先进去的代码先执行。[ ] + push + shift = 数组。我们可以认为JS的数组是队列的一种实现。栈:先进后出。像罐子里放东西,先放的东西会压在罐子底下,要拿的时候,最后才能拿出来。栈的实现 = [ ] + push + popJS链表:一个节点连着一个节点,只要不是连着两个或多个节点。proto 就等于next,是下一个节点的意思。树:一个节点后面有两个或两个以上的节点。树:一个节点后面有两

2021-01-03 16:14:21 82

原创 前端必备网站(纯手工输入)

首推B站(没有你学不会的技术,无广告,全免费)https://www.bilibili.com/超哥css、HTML学生整理https://github.com/seven-Panda/Learning-HTML-CSSCSDN 超哥笔记https://blog.csdn.net/MoonNight608/article/details/106803994消除图片中的背景https://www.remove.bg/zhjQuery 插件库https://www.jq22.com/

2020-12-05 16:10:41 5344 15

原创 HTML、CSS基础知识笔记

构造函数在es6之前是没有“类”的概念的。格式化VS CODE 文档:shift + alt +fcss hover 如果给a元素,那么只有在a里面的才能被选取,如果给外面的元素像div,ul li 这样就是在元素外部也能被选取。行内元素不支持直接设置宽、高。不换行,溢出的字以省略号表示:width:多少px自己决定;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;注:ellipsis :  当对象内文本溢出

2020-11-26 01:43:55 399

原创 PC项目笔记

整体引入 lodash:import _ from 'lodash'按需引入 lodash 中的 throttle:import throttle from 'lodash/throttle'事件控制 2、3 级分类的显示和隐藏:原来的是使用 css 去做的,改为一个类:首先把原来的 hover 去掉,改为一个类。在 item 身上动态的强制绑定 class,[item_on: 布尔值],布尔值为 true,那么当前的这个 item 的类就生效。移入哪一个 item,就让当前这个 it..

2021-09-09 10:22:56 14

原创 ES6快速上手

目录ECMAScript概述JS历史ECMAScriptECMAScript版本文档地址关键字扩展(重要)let和块级作用域函数作用域块级作用域let关键字let关键字特点const关键字块级作用域的函数声明变量解构赋值(重要)什么是变量的解构赋值数组的解构赋值对象的解构赋值解构赋值的应用字符串的扩展模版字符串(重要)字符串新增的方法数组扩展扩展运算符什么是扩展运算符其他应用数组的新方法Array对象的新方法Array.from(实用)Array.ofArray原型上的新方法copyWithin(了解)fi

2021-09-09 08:05:46 50

原创 Vue3快速上手(tianyu)

前端网站分享Vue3快速上手1.Vue3简介2.Vue3带来了什么自己添加的内容:1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用 vue-cli 创建2.使用 vite 创建二、常用 Composition API1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2.x的响应式Vue3.0的响应式5.reactive对比ref6.setup的两个注意点7.计算属性与监视1.computed函数2.watch

2021-09-08 22:52:15 24

原创 Vue2知识点(tianyu)

前端网站分享笔记脚手架文件结构关于不同版本的Vuevue.config.js配置文件ref属性props配置项mixin(混入)插件scoped样式总结TodoList案例webStorage组件的自定义事件全局事件总线(GlobalEventBus)消息订阅与发布(pubsub)nextTickVue封装的过度与动画vue脚手架配置代理方法一方法二插槽Vuex1.概念2.何时使用?3.搭建vuex环境4.基本使用5.getters的使用6.四个map方法的使用7.模块化+命名空间路由1.基本使用2.几个注

2021-09-08 22:50:36 20

原创 Vue 项目性能优化

Vue代码层面优化1) v-for 遍历列表2) 图片资源懒加载3) 路由组件懒加载4) 第三方插件的按需引入5) 大数组优化1: 冻结响应式数据6) 大数组优化2: 虚拟列表7) 事件销毁2. webpack配置层面优化1) 兼容性处理2) 拆分打包与压缩3) 资源预加载(prefetch)4) 生产环境时不生成 SourceMap5) 文件名hash化=>利用浏览器缓存6) 代码Tree Shaking3. 基础的Web技术层面的优化1) 开启 Gzip2) 静态资源(css/js/img)使用C

2021-08-24 23:51:39 596 4

原创 小程序功能实现

小程序功能实现小程序搜索框实现实现带搜索记录的搜索框小程序优化小程序微信支付流程以前收藏的小程序面试题小程序购物车功能实现微信小程序轮播图实现小程序搜索框实现判断是否为空,如果为空则提示用户,输入内容不能为空。发送请求判断是否为有效关键词,如果搜索的内容中没有商品,则版心内容提示用户,未搜到合适的商品。小程序实现搜索框功能实现带搜索记录的搜索框关键API: wx.getStorageSync('searchData') || [], //调用API从本地缓存中获取数据博客

2021-08-24 21:22:23 33

原创 面试被问到的问题

history 模式怎么配置。vue-router 跳转页面并刷新为什么会闪屏?功能:在 vue-router 中,在当前页面中点击当前页面的路由,页面是不会进行刷新的,如何做到点击当前页面并进行刷新呢?解决方法:this.$router.go(0);location.reload()上两种方法都会出现商品的现象,影响用户体验,如果做到页面刷新不闪屏呢?终极解决方案:在 App.vue,声明 reload 方法,控制 router-view 的显示或隐藏,从而控制页面的再次加载..

2021-08-24 21:20:37 67

原创 场景题汇总

axios 拦截器使用场景:**请求拦截器:**在每一个请求路径中都需要添加“http:localhost:8080/”,我们可以在设置axios 的默认请求路径。**请求拦截器:**在访问需要认证身份的后端接口时需要在请求头中添加 token,我们可以在 axios 的前置拦截去统一处理。**响应拦截器:**如果登录失败,我们是需要弹窗显示错误的,比如验证码错误,用户名或密码不正确等。不仅仅是这个登录接口,所有的接口调用都会有这个情况,所以我们可以做个 axios 的后置拦截,对返回的结果进行..

2021-08-24 21:13:42 31

原创 JS高级课堂笔记

第一题数据的特点:可传递。var a = 3; var b = a;可运算。var a = 3; var b = a + 2;问题:var a = xxx;,a 内存中到底保存的是什么?xxx是基本数据,保存的就是这个数据。xxx是对象,保存的是对象的地址值。xxx是一个变量,保存的xxx的内存内容(可能是基本数据,也可能是地址值)。关于引用变量的赋值问题:两个或多个引用变量指向同一个对象,通过一个变量修改对象内部数据,其他所有变量看到的是修改之后的数据。两个或多个

2021-08-24 21:09:45 27

原创 视频面试题手录

目录HTML/CSS浏览器输入 URL 按下 enter 发生了什么JavaScriptjs 30 ~ 60 题Node.jsHTML/CSS高效学习三部曲(适用于任何行业):找准知识体系,刻意练习,及时反馈。谈一谈对 html5 的了解良好的移动性,以移动端设备为主。响应式设计,以适应自动变化的屏幕尺寸。支持离线缓存技术,webStorage 本地缓存。离线缓存博客地址新增 canvas,video,audio等新标签元素。新增特殊内容元素:article, foot

2021-08-24 02:15:13 72

原创 个人技能点(郎)

个人技能点1. 熟悉 h5 和 c3 新特性:语义化标签,flex 布局,动画等H5 新特性:2. 熟悉js作用域、原型、事件轮询机制、闭包等原理;js 作用域闭包事件轮询机制原型3. 熟悉 ES6 语法标准 promise,async/await 异步方案,箭头函数等`Promise`思路:generatorasync/awaitpromise 和 async/await 的区别箭头函数4. 了解 ajax 前后台数据交互原理,熟练使用原生 ajax 及 ajax 类库,如: axios;并掌握 json

2021-08-24 02:09:15 156

原创 手写 map

 Array.prototype.newMap = function(fn) {    var newArr = [];    for(var i = 0; i<this.length; i++){      newArr.push(fn(this[i],i,this))    }    return newArr; } var arr = [3, 4, 5]; var newArr = arr.newMap(function(item, index, arr) {  console

2021-08-24 01:20:45 37

原创 移动端 1px 像素问题

高清屏幕下 1px 对应更多的物理像素,所以 1 像素边框看起来比较粗,解决方法如下:边框使用伪类选择器,或者单独的元素实现。例如底部边框.box2::after { content: ''; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; background: #000;}在高清屏幕下设置@media screen and (-webkit-min-device-pixel-ratio:

2021-08-15 02:44:48 40

原创 隐式类型转换

<script> // js中一共有6个false值:0,NaN,"",false,null,undefined // 强者(特殊的两个):null,undefined // 基本数据类型 VS 基本数据类型 // toNumber => Number(数据) console.log("1",true==1); //true //1 === 1 console.log(

2021-08-04 20:36:48 15

原创 字符串转对象互换面试题

<script> /* 已知一个url地址 http://www.baidu.com?user=laowang&pass=123456&sex=nan; 请把查询字符串的内容以对象的形式表示出来 得到:{ user:"laowang", pass:"123456",

2021-08-04 20:15:12 21

原创 数字能量密码表

2021-07-18 18:52:32 1962 1

原创 webpack 快速入门教程

目录1、了解 Webpack 相关什么是 webpack五大“护法”理解 Loader理解 Plugins配置文件(默认)2、准备工作3、小试牛刀4、使用 webpack 配置文件5、js 语法检查6、js 语法转换7、打包 less 资源8、打包样式文件中的图片资源9、打包其他资源10、打包 html 文件11、自动编译打包运行12、准备生产环境13、提取 css 成单独文件14、添加 css 兼容15、压缩 css16、压缩 html17、高频面试题1、了解 Webpack 相关什么是 webpac

2021-05-23 18:41:36 57 4

原创 JS 迭代、遍历方法

目录forEach 方法map 建新数组,不会改变原数组filter 条件过滤reduce total 总是保存上一次返回的值every() 方法检查所有数组值是否符合条件some() 方法检查某些数组值是否符合条件其他方法高频面试题forEach 方法var haha =[12,13,14];haha.forEach(function(value,index,array){ alert(value);})map 建新数组,不会改变原数组var numbers1 = [45, 4, 9,

2021-05-23 17:12:05 32

原创 谈一谈 cookie

目录nodejs 模块化的暴露和引入谈一谈 cookie谈一谈 缓存谈一谈 session分析 module.exports 和 exports 的区别nodejs 轮询机制微任务和宏任务高频面试题nodejs 模块化的暴露和引入暴露:使用 module.exports.XXX=XXX: 给暴露的对象扩展一个XXX方法。使用:module.exports = XXX:暴露的直接就是XXX方法。exports.XXX = XXX: 给暴露的对象扩展一个XXX方法。exports = XXX:

2021-05-23 17:00:32 28

原创 分析JS基本类型和对象类型

目录分析JS基本类型和对象类型数组的插入和删除方法定义数组的两种方法严格区分变量类型和数据类型分析JS基本类型和对象类型数据类型:分为5种基本类型和一种复杂类型,分别对应这变量的基本类型和引用类型。内存中有两块存储区域,一种是栈区,一个是堆区。栈区保存的是基本类型值和对象类型的引用地址,堆区保存的是对象类型值。变量是栈区一个内存区域的一个代号,保存的可能是一个基本类型值,也可能是对象类型的地址值。我们不能直接操作堆区的内容,而是通过栈区的地址去找到对应的对象操作。基本类型值:基本类型值

2021-04-04 21:33:20 81

原创 谈一谈JS点操作符和中括号操作符

目录谈一谈点操作符和中括号操作符创建对象的两种方法 及 对象的增删改查谈一谈作用域链谈一谈点操作符和中括号操作符对对象属性进行操作的时候,有两种方式点操作符、中括号操作符。点操作符: 成员访问。obj.XXX: 只能把XXX当做字符串使用,并且不能是非法字符。中括号操作符: 中括号操作符完全随时可以使用。如果有一个属性名是 XXX,因为属性名是字符串类型,则获取方式为obj["XXX"]。使用中括号的场景:key 是非法的 比如 obj["XXX-xxx"];key 是一个变量

2021-04-04 21:03:19 78

原创 逗号操作符作用并举例说明

目录逗号操作符作用并举例说明= == === 区别分析 a++ 和 ++a字符串转数字,并举例分析逻辑与执行过程逗号操作符作用并举例说明一条语句执行多个操作:比如同时声明多个变量(var a =1,b = 2;)。先执行逗号前的语句,再执行逗号后的语句,然后再返回最后一个逗号后的值(d= (a,b,c); 则d为c)。= == === 区别= 赋值。== 两个值相等:可能会有类型转换,不需要考虑数据类型相等。=== 全等:先比较数据类型是否相等,然后再比较值。分析 a++ 和 ++a

2021-04-04 20:55:07 72

原创 谈一谈 js 类型转换

目录谈一谈 js 类型转换分析 null 类型Number 类型有哪几种值谈一谈 String 类型谈一谈 js 类型转换其他类型转布尔值:可以使用Boolean()方法 把其他类型转换为布尔值。number 转 boolean:0为false 非0为true NaN为false。string转boolean:空为 false 非空为 true。null 和 undefined 都是 false。object 类型转 Boolean 都是 true。其他类型转 Numbe

2021-04-04 20:39:40 40 1

原创 分析 正常外部引入 js 和 defer、async 属性的区别

目录请分析 正常外部引入 js 和 defer、async 属性的区别分析 undefined 类型谈一谈标识符js的构成什么是 JavaScript请分析 正常外部引入 js 和 defer、async 属性的区别默认: 碰到外部引入 js,会停止解析 html,开始下载 js,并解析 js。defer: 碰到外部引入 js,会异步的下载 js(不中断 html 解析),等所有 html 解析完成,就会按照顺序执行 js。async: 碰到外部引入 js, 会异步下载 js(不中断 html 解

2021-04-04 19:56:07 57

原创 谈一谈 promise

目录谈一谈 promise谈一谈 promise 的原型方法谈一谈 set谈一谈 map谈一谈 iterator 及手写谈一谈 promise什么是 promise?一个异步编程的解决方案,将异步操作以同步的形式表达出来,避免回调地狱方式的书写。promise 对象:Promise 是一个构造函数,需要实例化调用,得到一个实例化的 promise 对象。Promise 对象上有静态方法:all、allSettled、any、race、reject、resolve。Promise 原型对象上有

2021-03-08 18:13:10 92 1

原创 谈一谈箭头函数

目录谈一谈箭头函数谈一谈 Symbol 类型谈一谈 BigInt 类型谈一谈扩展运算符谈一谈 reduce 的用法参数谈一谈模板字符串谈一谈箭头函数ES6 允许使用“箭头”(=>)定义函数。关于 this 箭头函数没有自己的 this,箭头函数内部的 this 并不是调用时候指向的对象, 而是定义函数时所在函数的 this 指向。箭头函数不能用于构造函数,也就是不能使用 new 关键字调用。箭头函数没有 arguments 对象, 只能使用rest参数。谈一谈 Symbol 类型E

2021-03-07 23:46:16 63 1

原创 谈一谈 JS 严格模式

目录谈一谈 JS 严格模式谈一谈 JSON 对象XML 和 HTML 区别谈一谈 Object.create()谈一谈存取器属性 getter 和 setter,并书写案例说明使用方法谈一谈 let 和 const谈一谈 JS 严格模式什么是严格模式?除了正常运行模式(混杂模式),ES5 添加了第二种运行模式:“严格模式”(strict mode)。这种模式使得JavaScript在更严格的语法条件下运行。怎么使用?在全局或函数的第一条语句定义为: 'use strict', 将 "

2021-03-05 17:50:01 54

原创 JS 手写 快排

JS 手写 快排<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Document</title></head><body> <script>

2021-02-28 21:13:58 91

原创 JS 手写 深拷贝

JS 手写 深拷贝<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Document</title></head><body> <script>

2021-02-28 21:12:12 60

原创 分析 webWorker

目录分析 webWorker分析浏览器内核less 常见的特性及案例分析 webWorkerwebWorker:多线程 主要 API。new Worker(): 创建一个分线程,返回值代表当前分线程。postMessage(): 主线程向分线程,分线程向主线程 传递数据。onmessage 事件: 分线程或主线程接收到其他线程发送的数据后 自动触发,事件函数的event事件对象中的data属性,就是发送的数据。close() 方法: 在分线程关闭当前线程,terminate()

2021-02-27 16:57:16 32

原创 JS 手写防抖

JS 手写防抖<!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"> <ti

2021-02-24 16:58:39 29

原创 JS 手写节流

JS 手写节流<!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"> <ti

2021-02-24 16:57:19 165

原创 JS 组合继承

JS 组合继承<!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"> <ti

2021-02-24 16:55:28 42

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除