前端
关注
分享
扫一扫
文章平均质量分 81
WF帆少
随心所欲，即兴创作
展开
-
手把手带你熟悉一个前端项目
带你快速上手项目，以https://github.com/duxianwei520/react为例原创 2021-07-01 10:44:30 · 1024 阅读 · 0 评论 -
面试篇：求职中必须掌握的Vue知识点（一）
这篇文章是作者在求职过程所总结的Vue相关面试题及其答案。今天先码这么多，后续面试题还会继续补上。谈谈你对Vue响应式原理的理解利用数据劫持结合发布-订阅者模型的方式，利用Object.defineProperty对属性的setter和getter进行监听，当数据发生变化时会去通知订阅者，触发相对应的监听回调。每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接触”过的数据 property 记录为依赖。之后当依赖项的 setter 触发时，会通知 watch...原创 2021-05-04 21:01:45 · 1140 阅读 · 10 评论 -
再也不怕面试官问call、apply、bind的区别和原理
前言前些日子从腾讯离职后，便一直在准备着面试。今天写这篇文章的目的是为了让大家更好的理解call、apply、bind的原理。call、apply、bind是高频面试题，我以前经历的每一次一面面试中基本都会有面试官问call、apply、bind的区别以及实现原理。理解call、apply、bind三者都是用来调用函数并且改变函数内部的this指向对于call和apply，两者的不同点是传入的参数，call可以传入多个参数，apply传入的是一个数组对于bind，它可以传入多个参数，并且返回一个原创 2020-10-25 13:29:28 · 290 阅读 · 1 评论 -
MVVM原理（代理data）
const arrayProto = Array.prototype;function defArrayFunc(obj, func, namespace, vm) { Object.defineProperty(obj, func, { configurable: true, enumerable: true, // 当且仅当该属性的enumerab...原创 2020-02-20 22:50:26 · 292 阅读 · 0 评论 -
js变量（ES6）
声明变量方式（4种）a = 1;var b = 2;let c = 3;const d = 4;console.log(a); // 1console.log(b); // 2console.log(c); // 3console.log(d); // 4区别第一种不加任何关键字声明变量，默认效果是和var一样的。第二种var，声明的变量拥有全局作用域或者局部作用，...原创 2020-02-16 19:52:18 · 177 阅读 · 0 评论 -
vue ssr服务端渲染入门demo
入门基础1.vue2.express步骤1.初始化项目,npm init2.安装vue、express、vue-ssr-renderer, npm i express vue vue-ssr-renderer -S3.同级目录中创建server.js和index.html代码index.html<!DOCTYPE html><html la...原创 2020-02-09 21:23:36 · 713 阅读 · 0 评论 -
vue中引入腾讯地图
背景在一个项目中引入定位功能，该项目使用了vue。问题原先是打算使用h5原生位置api进行开发，但是在进行了大量的搜索后，发现h5原生位置api不符合本项目的需求，故而采用了腾讯地图api来定位，获取当前用户的位置。这里肯定有网友会说为什么不用高地图api或者百度地图api，由于本项目是用于商业目的，并且公司资金不多，故而采用腾讯地图api。注意在开发跟定位有关的功能时，注意必...原创 2020-02-04 21:03:12 · 4140 阅读 · 0 评论 -
移动端h5中使用原生websocket遇到的问题
背景在一个项目的聊天模块中，前端使用了vue加上h5的原生websocket。问题当我在PC端本地测试完毕后，准备完美收场。然而在使用手机连接局域网之后访问该网页，突然发现websocket中的onopen事件失效没有执行，就直接执行了onclose事件。解决解决方案有很多中，例如使用一些大神封装好的组件、配合后端使用心跳机制、nginx反向代理等。这里我通过使用nginx做反...原创 2020-02-04 20:19:37 · 1385 阅读 · 0 评论