- 博客(62)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 说说Vue.nextTick 的原理和用途
Vue.nextTick在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。
2022-02-13 17:03:05
2230
原创 改变this指向的call、apply、bind方法
那为什么要改变函数的this指向，举个生活中例子你就明白了，比如你（对象A）上班时候想点根烟抽（事件），但是你没有打火机（方法），这时候你又不想偷跑出去买，所以你向你同事（对象B）借给一个打火机（方法），来点根烟抽（事件）。
2022-02-11 15:23:04
1916
4
原创 为什么需要 WebSocket协议？
websocket是HTML5的一种新协议，允许服务器向客户端传递信息，实现浏览器和客户端双工通信。
2022-02-10 17:56:34
2838
20
原创 家人问你还没有对象怎么办？那你new一个对象呀
在JavaScript的世界，万物皆对象。除了null和undefined，其他基本类型数字，字符串和布尔值都有对应有包装对象。对象的一个特征是你可以在它身上直接调用方法。
2021-12-22 09:50:01
3446
26
原创 谈谈服务端渲染技术NuxtJS
????博客首页：酸狗的博客????????欢迎关注????点赞????收藏⭐️留言????????热爱前端学习，期待一起交流！✨????作者水平很有限，如果发现错误，求告知，多谢！????????有问题可私信我交流????服务端渲染技术NUXT⭐什么是服务端渲染????SEO????SPA✨SSR????为什么要使用SSR应用？????什么是NUXT????NUXT环境搭建????NUXT目录结构???? Nuxt定义布局????动态路由????数据渲染????总结????特性⭐什么是服务端
2021-12-21 12:08:33
5799
19
原创 让我们来看一看ECMAScript2022(ES13)中的新特性
从2015年起，Javascript每年都会在标准中加入一些新的特性。本篇文章将介绍几个已经到stage 4阶段的标准。一般来说，标准的提案需要经过4个阶段，第4个阶段是最后一个阶段。到达第4阶段的标准也意味着标准制定的工作已经基本结束。现在我们来一起看一看ES2022（ES13）中的新特性
2021-12-20 10:46:24
3314
24
原创 JS面试题汇总（十）
????博客首页：酸狗的博客????????欢迎关注????点赞????收藏⭐️留言????????热爱前端学习，期待一起交流！✨????作者水平很有限，如果发现错误，求告知，多谢！????????有问题可私信我交流????????往期点这里：↓⚡JS面试题汇总（一）JS面试题汇总（二）JS面试题汇总（三）JS面试题汇总（四）JS面试题汇总（五）JS面试题汇总（六）JS面试题汇总（七）JS面试题汇总（八）JS面试题汇总（九）✨91. 简单介绍下 JS 的原型和原型链参考答案
2021-12-31 08:00:00
1626
18
原创 JS面试题汇总（九）
????博客首页：酸狗的博客????????欢迎关注????点赞????收藏⭐️留言????????热爱前端学习，期待一起交流！✨????作者水平很有限，如果发现错误，求告知，多谢！????????有问题可私信我交流????????往期点这里：↓⚡JS面试题汇总（一）JS面试题汇总（二）JS面试题汇总（三）JS面试题汇总（四）JS面试题汇总（五）JS面试题汇总（六）JS面试题汇总（七）JS面试题汇总（八）✨81. call 与 apply 区别参考答案：第二个参数的类型不
2021-12-30 17:11:07
1734
4
原创 vue中v-model 的双向绑定底层原理你了解吗？
✨什么是双向数据绑定首先存在双方：一方是界面中显示的数据，另一方是vue中的数据vue中的数据变化，显示的数据跟着变化显示的数据变化，vue中的数据跟着变化
2021-12-16 10:00:48
3039
8
转载 沉痛悼念游戏开发技术专家毛星云（网名“浅墨”）
惟愿所有的“爆料”都是造谣，惟愿我们能够一起去创造并让大家都能玩到蕴藏着中国上下五千年本土文化的优质游戏大作，惟愿我们能等到你的好消息...... 让人难过的是，据银柿财经报道，针对近日“网传腾讯天美员工离世”的消息，腾讯确认天美 F1 工作室员工毛星云于 12 月 11 日上午意外身故。 据腾讯发给员工的内部邮件显示，“今年 8-9 月，毛星云已经因身体原因住院休养，病情稳定后曾出院复工，继续投入工作之中，但‘没想到最终发生了如此不幸的事件’。” 一...
2021-12-15 15:10:05
1375
1
原创 记住这一刻，库里正式加冕NBA历史三分王Stephen Curry
北京时间12月15日，勇士对阵尼克斯的比赛第一节进行到7分28秒时，库里投中本场比赛第二个三分球，正式打破雷·阿伦的纪录，成为NBA历史三分王第一人。当库里投中这个三分球后，NBA官方为其叫了一个超长暂停，让库里享受这一荣耀时刻。全场观众起立鼓掌，勇士全队为库里送上祝福，主帅科尔把库里投中的这颗篮球送给库里留作纪念。库里的父亲老库里接过这颗篮球，看到儿子成长到今天这个地步，老库里也是相当欣慰。被打破纪录的雷·阿伦亲自到场向库里送上祝福，两人长久拥抱，互致敬意。库里的生涯三分总数来到2974记.
2021-12-15 13:18:30
2846
5
原创 小程序火星坐标系 (GCJ-02) 转百度坐标系 (BD-09)和经纬度转度分秒格式
酸狗先带大家看看效果：地图咋实现的就不写了小程序的map的API写的很清楚，主要看下转百度经纬度，想是uniapp搭建的，为啥用uniapp，以为不想用小程序开发工具~获取下经纬度然后把经纬度存起来：// 获取用户的地理位置， getLocation() { const that = this uni.getLocation({ type: 'gcj02', altitude: true, success(res) { consol
2021-12-14 17:00:35
13169
5
原创 基于uni-app小程序轮播图中间变大切换手机震动效果
酸狗先带你看下效果图：直接看代码：WXML：<template> <view> <view class=""> <!-- 背景附加高斯模糊 --> <image :src="gbImage" mode="widthFix" class="GaussianBlur"></image> </view> <!-- swiper轮播图 --> <swiper class="s
2021-12-13 09:47:32
4526
17
原创 VUE面试题汇总（十）
往期点这里：↓VUE面试题汇总（一）VUE面试题汇总（二）VUE面试题汇总（三）VUE面试题汇总（四）VUE面试题汇总（五）VUE面试题汇总（六）VUE面试题汇总（七）VUE面试题汇总（八）VUE面试题汇总（九）91. 发布-订阅模式参考答案：Vue中发布订阅模式在Vue中采用了发布订阅模式，典型的兄弟组件间的通信$on和$emit发布订阅模式：（订阅者、发布者、信号中心）一个发布者$emit发布一个事件到信号中心 eventBus ，订阅者们 $on 通过信号中心收到该事件
2021-12-12 17:02:35
2478
5
原创 uni-app【多媒体API】
多媒体API图片uni.chooseImage(OBJECT)uni.previewImage(OBJECT) @unipreviewimageobjectuni.closePreviewImage(OBJECT)uni.getImageInfo(OBJECT)uni.saveImageToPhotosAlbum(OBJECT)uni.compressImage(OBJECT)文件uni.chooseFile(OBJECT)wx.chooseMessageFile(OBJECT)录音管理uni.getRec
2021-12-11 14:14:44
6625
4
原创 uni-app【网络通信API】
uni-app 网络通信API发起请求uni.request(OBJECT)uni.configMTLS(OBJECT)上传、下载uni.uploadFile(OBJECT)uni.downloadFile(OBJECT)WebSocketuni.connectSocket(OBJECT)uni.onSocketOpen(CALLBACK)uni.onSocketError(CALLBACK)uni.sendSocketMessage(OBJECT)uni.onSocketMessage(CALLBACK)
2021-12-11 14:00:00
6474
3
原创 uni-app【数据缓存API】
数据缓存APIuni.setStorage(OBJECT)uni.setStorageSync(KEY,DATA)uni.getStorage(OBJECT)uni.getStorageSync(KEY)uni.getStorageInfo(OBJECT)uni.getStorageInfoSync()uni.removeStorage(OBJECT)uni.removeStorageSync(KEY)uni.clearStorage()uni.clearStorageSync()
2021-12-11 09:56:56
2982
原创 uni-app【API概述】
uni-app API概述标准js和浏览器js的区别各端特色API调用说明API `Promise 化`Vue 2 和 Vue 3 的 API `Promise 化`Vue 2Vue 3Vue 2 写法转 Vue 3 写法Vue 3 写法转 Vue 2 写法API 列表网络发起请求
2021-12-11 09:45:15
4935
5
原创 VUE面试题汇总（九）
往期点这里：↓VUE面试题汇总（一）VUE面试题汇总（二）VUE面试题汇总（三）VUE面试题汇总（四）VUE面试题汇总（五）VUE面试题汇总（六）VUE面试题汇总（七）VUE面试题汇总（八）81. vue-router 路由的两种模式参考答案：hash history82. history 路由模式与后台的配合参考答案：参考83. vue路由实现原理? 或 vue-router原理?参考答案：说简单点，vue-router的原理就是通过对URL地址变化的监听，继而对
2021-12-10 09:41:53
2000
2
原创 Git的推送、下拉版本、本地合并后推送
GIt本地推送文件远程master 仓库下拉远程master 仓库本地合并再push给远程仓库命令总结本地推送文件远程master 仓库 git init # 初始化仓库 git add .(文件name) # 添加文件到暂存区 git commit -m "first commit" # 添加文件到本地仓库并提交描述信息 git remote add origin 远程仓库地址 # 链接远程仓库，创建主分支 git push -u origin master # 把本地仓库的文件推送到远程ma
2021-12-08 14:47:31
2242
原创 VUE面试题汇总（七）
往期点这里：↓VUE面试题汇总（一）VUE面试题汇总（二）VUE面试题汇总（三）VUE面试题汇总（四）VUE面试题汇总（五）VUE面试题汇总（六）61. vue 的优点是什么？参考答案：低耦合。视图（View）可以独立于 Model 变化和修改，一个 ViewModel 可以绑定到不同的"View"上，当 View 变化的时候 Model 可以不变，当 Model 变化的时候 View 也可以不变。可重用性。你可以把一些视图逻辑放在一个 ViewModel 里面，让很多 view
2021-11-29 23:29:21
2452
原创 VUE面试题汇总（六）
往期点这里：↓VUE面试题汇总（一）VUE面试题汇总（二）VUE面试题汇总（三）VUE面试题汇总（四）VUE面试题汇总（五）51. 如何编译 template 模板？参考答案：参考52. diff 算法参考答案：diff算法包括一下几个步骤:1.用 JavaScript 对象结构表示 DOM 树的结构；然后用这个树构建一个真正的 DOM 树，插到文档当中2.当状态变更的时候，重新构造一棵新的对象树。然后用新的树和旧的树进行比较(diff)，记录两棵树差异3.把2所记录的差异应
2021-11-29 10:01:04
2649
2
原创 VUE面试题汇总（五）
往期点这里：↓VUE面试题汇总（一）VUE面试题汇总（二）VUE面试题汇总（三）VUE面试题汇总（四）41. vue的双向绑定的原理，和angular的对比参考答案：1、vue原理数据劫持： vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。2、angular原理脏值检查：angular.js 是通过脏值检测的方式比对数据是否有变更
2021-11-29 00:24:44
2483
原创 VUE面试题汇总（四）
往期点这里：↓VUE面试题汇总（一）VUE面试题汇总（二）VUE面试题汇总（三）31. v-model 语法糖的组件中的使用参考答案：<input type="text" v-model="mes"> 此时mes值就与input的值进行双向绑定。实际上上面的代码是下面代码的语法糖。<input v-bind:value="mes" v-on:input="mes= $event.target.value"/>要理解这行代码，首先你要知道 input 元素本
2021-11-28 23:45:00
2808
2
原创 JS面试题汇总（八）
往期点这里：↓JS面试题汇总（一）JS面试题汇总（二）JS面试题汇总（三）JS面试题汇总（四）JS面试题汇总（五）JS面试题汇总（六）JS面试题汇总（七）71. IE 和标准下有哪些兼容性的写法参考答案：var ev = ev || window.event;document.documentElement.clientWidth || document.body.clientWidth;var target = ev.srcElement || ev.target;72. 变
2021-11-28 13:33:49
2611
原创 JS面试题汇总（七）
往期点这里：↓JS面试题汇总（一）JS面试题汇总（二）JS面试题汇总（三）JS面试题汇总（四）JS面试题汇总（五）JS面试题汇总（六）61. 作用域的分类参考答案：块作用域、词法作用域、动态作用域解析：1 块作用域 花括号 {}2 词法作用域（js 属于词法作用域）作用域只跟在何处被创建有关系，跟在何处被调用没有关系3 动态作用域作用域只跟在何处被调用有关系，跟在何处被创建没有关系62. js 属于哪种作用域参考答案：词法作用域（函数作用域）解析：// 块作
2021-11-28 09:07:39
2487
原创 JS面试题汇总（六）
往期点这里：↓JS面试题汇总（一）JS面试题汇总（二）JS面试题汇总（三）JS面试题汇总（四）JS面试题汇总（五）51. 移动端的点击事件的有延迟，时间是多久，为什么会有？ 怎么解决这个延时？参考答案：1. 300 毫秒2. 因为浏览器捕获第一次单击后，会先等待一段时间，如果在这段时间区间里用户未进行下一次点击，则浏览器会做单击事件的处理。如果这段时间里用户进行了第二次单击操作，则浏览器会做双击事件处理。3. 推荐 fastclick.js52. 解释 JavaScript 中的作用
2021-11-27 15:30:00
2132
原创 JS面试题汇总（五）
往期点这里：↓JS面试题汇总（一）JS面试题汇总（二）JS面试题汇总（三）JS面试题汇总（四）41. this 和 apply 的应用参考答案：比如求数组的最大值 Math. max. apply(this, 数组)var numbers = [5, 458, 120, -215];var maxInNumbers = Math.max.apply(this, numbers); //第一个参数也可以填Math或nullconsole.log(maxInNumbers); // 458
2021-11-27 10:03:51
2211
原创 JS面试题汇总（四）
往期点这里：↓JS面试题汇总（一）JS面试题汇总（二）JS面试题汇总（三）31. JS 单线程还是多线程，如何显示异步操作参考答案：JS 本身是单线程的，他是依靠浏览器完成的异步操作。解析：具体步骤，1、主线程 执行 js 中所有的代码。2、主线程 在执行过程中发现了需要异步的任务任务后扔给浏览器（浏览器创建多个线程执行），并在 callback queue 中创建对应的回调函数（回调函数是一个对象，包含该函数是否执行完毕等）。3、主线程 已经执行完毕所有同步代码。开始监听
2021-11-27 08:30:00
2667
2
原创 JS面试题汇总（三）
往期点这里：↓JS面试题汇总（一）JS面试题汇总（二）21. for in、Object. keys 和 Object. getOwnPropertyNames 对属性遍历有什么区别？参考答案：for in 会遍历自身及原型链上的可枚举属性Object. keys 会将对象自身的可枚举属性的 key 输出Object. getOwnPropertyNames会将自身所有的属性的 key 输出解析：ECMAScript 将对象的属性分为两种：数据属性和访问器属性。var parent
2021-11-26 17:43:28
2732
原创 VUE面试题汇总（三）
往期点这里：↓VUE面试题汇总（一）VUE面试题汇总（二）21. vue 中父组件调用子组件的方法参考答案：使用$refs解析：父组件<template> <div> <button @click="clickParent">点击</button> <child ref="mychild"></child> </div></template>
2021-11-25 08:30:00
2468
原创 VUE面试题汇总（二）
往期点这里：↓VUE面试题汇总（一）11. 请问 v-if 和 v-show 有什么区别参考答案：v-show 指令是通过修改元素的 display 的 CSS 属性让其显示或者隐藏v-if 指令是直接销毁和重建 DOM 达到让元素显示和隐藏的效果12. vue 常用的修饰符参考答案：解析：参考13. v-on 可以监听多个方法吗？参考答案：肯定可以的。解析：<input type="text" :value="name" @input="onInput" @foc
2021-11-24 09:00:00
2493
5
原创 JS面试题汇总（二）
往期点这里：↓JS面试题汇总（一）11. 什么是原型链？ 参考答案：通过一个对象的__proto__可以找到它的原型对象，原型对象也是一个对象，就可以通过原型对象的__proto__，最后找到了我们的 Object. prototype, 从实例的原型对象开始一直到 Object. prototype 就是我们的原型链解析：12. 复杂数据类型如何转变为字符串 参考答案：首先，会调用 valueOf 方法，如果方法的返回值是一个基本数据类型，就返回这个值，如果调用 valueOf
2021-11-23 11:32:49
2966
原创 JS面试题汇总（一）
1. document load 和 document ready 的区别参考答案：页面加载完成有两种事件1.load是当页面所有资源全部加载完成后（包括DOM文档树，css文件，js文件，图片资源等），执行一个函数问题：如果图片资源较多，加载时间较长，onload后等待执行的函数需要等待较长时间，所以一些效果可能受到影响2.$(document).ready()是当DOM文档树加载完成后执行一个函数 （不包含图片，css等）所以会比load较快执行在原生的js中不包括ready()这个方
2021-11-23 10:44:05
2441
原创 VUE面试题汇总（一）
1. vue 中的性能优化参考答案：1）编码优化尽量减少data中的数据，data中的数据都会增加getter和setter，会收集对应的watcherv-if和v-for不能连用如果需要使用v-for给每项元素绑定事件时使用事件代理SPA 页面采用keep-alive缓存组件在更多的情况下，使用v-if替代v-showkey保证唯一使用路由懒加载、异步组件防抖、节流第三方模块按需导入长列表滚动到可视区域动态加载图片懒加载2）用户体验优化骨架屏PWA（渐进式WEB应用）
2021-11-23 09:28:36
3250
2
原创 CSS面试题汇总（四）
往期点这里：↓CSS面试题汇总（一）CSS面试题汇总（二）CSS面试题汇总（三）31. 什么是 FOUC? 如何避免参考答案：1. 什么是 Fouc(文档样式短暂失效)？在引用 css 的过程中，如果方法不当或者位置引用不对，会导致某些页面在 windows 下的 ie 出现一些奇怪的现象，以无样式显示页面内容的瞬间闪烁，这种现象称之为文档样式短暂失效，简称 FOCU。2. 原因大致为：使用 import 方法导入样式表将样式表放在页面底部有几个样式表，放在 html 结构的不同
2021-11-20 08:00:00
2640
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人