- 博客(90)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端面试题：vue响应式原理 Vdom diff
vue的响应式原理，也算是面试中再常见不过的题目了，之前遇见这道题目只会说：利用的是Object.defineProperty进行的数据劫持，监听数据的变化，通知watcher进行的数据更新。总的来说这是没错的，但是只要面试官进一步的问，那一定是满脸的问号。昨天一天也是没有面试机会，所以就研究了一天这个东西，算是搞明白了（自我感觉），今天就把他来写成文章，希望大佬看到哪里不对给出指导，本文可能会有点长。上正文。现在最流行的框架非vue，react莫属，他们流行起来的原因，离不开响应式，因为它在做一些.
2020-08-22 16:30:14
2129
1
原创 前端面试题：跨域的实现
已经不止一次的被问到这个问题了，今天来总结了一下前端跨域的实现方式，虽然有的方式自己在项目中没有用过，但是还是需要了解一下的。首先需要了解一下什么是跨域，跨域就是说在一个域下去请求另一个域下的资源，那什么是另一个域呢？就是说在两个域之间，不管是协议，域名甚至端口，只要有一个不一样，就属于不同的域，不同的域之间去请求数据，这就是跨域。其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。什么是同源策略呢，同源策略/SOP（Same origin policy）是一种约定，由Nets
2020-08-19 18:23:51
772
转载 前端性能优化
减少请求数量【合并】 如果不进行文件合并，有如下3个隐患 1、文件与文件之间有插入的上行请求，增加了N-1个网络延迟 2、受丢包问题影响更严重 3、经过代理服务器时可能会被断开 但是，文件合并本身也有自己的问题 1、首屏渲染问题 2、缓存失效问题 所以，对于文件合并，有如下改进建议 1、公共库合并 2、不同页面单独合并【图片处理】 1、雪碧图 CSS雪碧图是以前非常流行的技术，把网站上的一些图片整合到一张单独的图片中，可以减少网
2020-08-18 19:21:39
256
原创 前端面试题：继承的实现
这个是让我崩溃的那个面试题，不是说这个题有多难，而是说自己粗心吧，只是简单的看了实现继承的方式有原型继承，构造函数继承，组合继承，class继承，但是怎么实现的都不知道。昨天面试完总结了一下，索性就把它写成文章，分享加自我回顾。1、原型链继承首先说的继承就是原型链的继承，因为在问我继承前先问了原型和原型链，原型链的集成有什么特点呢，就是子类的prototype指向父类的一个实例。这样的话子类没有的属性方法会在他的原型中去找到，就是说子类的实例的__proto__会指向父类的实例，这个时候就可以拿到父
2020-08-18 14:58:28
1270
原创 前端面试题：DOM和CSSDOM树渲染过程
感觉自己复习的已经差不多了，只是缺少面试机会，然而昨天突然的京东的电话，貌似让我直接丢掉了一个进大厂的机会，死在了最基础的问题，说实话自己还是没有完全复习好
2020-08-18 11:19:10
2472
4
原创 前端面试题：几种排序方法(JS版)
相对于后端的朋友来说，前端的一些面试题会出一些算法题，但是更多的来说是一些简单的算法题，比如说数组的排序，反转二叉树，爬楼梯的动态规划等简单问题，今天整理了一下排序的方法。1、冒泡排序这个应该说是最常用的排序方式了，实现的方法及就是两层循环，逐个的对比，以从小到大排序为例，如果遇见后边比前边元素小的情况下，交换在数组中的位置。function Bubbling(arr){ for(var i = 0 ; i < arr.length ; i++){ for(var
2020-08-11 22:45:11
2077
1
原创 前端面试题：谈谈This指向
除了那个闭包的输出问题，另一个让人头疼的，非This的指向问题莫属了，this有时候真的是把人搞得蒙蒙的，但是究竟如何this的指向呢，今天上午也是探索了一番。首先要说的是，this的指向在函数定义的时候是确定不了的，只有当函数执行的时候，才知道this到底指向谁，实际上this最终的指向是那个调用它的对象。举个例子：function fn(){ console.log(this);}当面试官给了这么一个函数去问this的指向的时候，虽然平时一些面试问题说不知道很减分，但是这个问
2020-07-31 15:56:33
967
原创 前端面试题：闭包
前段时间一直在投一些中小型公司吧，感觉好久都收不到反馈，也不知道是被淘汰了还是没出结果呢，最近开始投一些大一点的公司准备尝试一下，就在昨天接到面试电话的时候，接受到了滴滴的毒打。跟一些面试不一样的是不只是一些基础的基本概念吧，比如说什么是原型和原型链，说一下继承，讲一下this指向之类的。更多的是为什么要这样用，手写算法，预测输出结果之类的面试题。印象最深刻的应该就是那道关于闭包的题目了吧，是预测一个程序的输出结果，当时看的我是晕头转向，大厂的面试也是招架不住，真的是把我给面到自闭，感觉自己啥也不是，估
2020-07-30 22:38:53
30446
20
原创 前端面试题：JS的事件委托-事件的捕获与冒泡
说一下事件委托，或者对事件代理的理解。算是很常见的面试题了，应该说我遇见很多次了。刚开始遇见的时候发现自己不太懂，应该说之前自己用过，但是不知道他叫这个名字，后来也是总结面试题，去搜索了解了一下下，现在可以说是真正的搞懂了吧，今天把它分享出来，方便以后查看。那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计（红宝书）上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。要搞懂这个概念还得从事件冒泡开始，那什么是事件冒泡呢？事件捕获（even
2020-07-26 22:51:02
799
1
原创 前端面试题：set和map
有时候会被问到set和map的区别，下面我总结了一下set和map的特点和区别。以及他们在一些算法题中的妙用。MapMap是一组键值对的结构，具有极快的查找速度。借用廖雪峰老师的例子，假设要根据同学的名字查找对应的成绩，如果用Array实现，需要两个Array：const names = ['Michael', 'Bob', 'Tracy'];const scores = [95, 75, 85];给定一个名字，要查找对应的成绩，就先要在names中找到对应的位置，再从scores取
2020-07-26 19:00:01
1383
原创 前端面试题：手写call，apply和bind
前段时间一朋友面试，被要求手写call，apply和bind，发现自己也不会写，所以就私底下去看了一下这方面的东西，后来发现这个还是挺容易实现的，现在也是分享出来，一方面方便自己查看复习，另一方面希望可以给需要的朋友一点帮助。正式开始之前也是先去了解一下call，apply，bind。其实呢这三兄弟都是为了改变函数的上下文而存在的，或者可以简单点说就是用来改变this指向的。但是呢这三兄弟的用法还是有区别的。1、apply和call会让当前函数立即执行，而bind会返回一个函数，后续需要的时候再调用
2020-07-26 11:20:25
744
原创 前端面试题：JS中的原型和原型链
JS的原型和原型链算是前端面试题的热门题目了，也是参加了几场面试，感觉好多次都被问到对原型和原型链的理解，所以今天也是索性把他给整理出来，一方面方便自己以后复习查看，另一方面也是给大家分享一下我对原型和原型链的理解。ES6之前中并没有引入类（class）的概念，JavaScript并非通过类而是直接通过构造函数来创建实例。什么是原型每一个javascript对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。这么说可能会有点
2020-07-24 10:48:24
7420
2
原创 这一周我这样度过（35）
一周一度的博客更新时间，说实话感觉现在的我有些松懈了。现在偶尔会看见大一的小学弟小学妹们的博客，有时候不禁会发出一丝丝的感慨，真想回到大一的时候，那时候真的是天天都在担心着自己会不会被淘汰掉，但是也仅仅限于此了，那时候真的只是一门心思的把要学的东西给学会，其他就什么都不用去担心了。过了大二的疯狂做项目的时间，我们17级的大二真的是与众不同的大二，刚生大二的暑假就开始着手项目，一直到大二结束，几...
2019-12-15 16:01:51
294
原创 这一周我这样度过（34）
已经两周没有更新自己的博客了，之前一块学习的小伙伴，博客数量总是异常的相似，你在更新他也在更新，你得停更了他的也停更了，毕竟是一样的时间学的东西也是一样的，这周再去看的时候，他们的已经比我的多出太多了，感觉已经跟不上他们的脚步了。这周的话更多的是和微信公众平台打交道，这周刚开始的时候接到一个关于微信公众号的项目，听老师说这是一个和外部人员真正协商的一个项目，可以真正的让我们的项目和用户进行交流...
2019-12-08 15:41:11
202
原创 这一周我这样度过（33）
这周我生日，感觉还挺开心的吧。早都忘记了过生日的感觉，之前生日对于我来说只是普普通通的一天，感觉不到这一天的存在，甚至有一次更过分，都过去了一个多月了才想起来我生日。这次感觉有他们，有她，有他们，不一样。抛开玩不说，真的感觉我要废了，感觉已经好久没有敲代码了，学习进度一直停在这里不走了，然而小伙伴们已经开始写他们的网站加强版了，觉得学的专业课也没有太好的结果。这周学了点什么东西呢，总的来时就是...
2019-11-17 11:30:44
319
2
原创 这一周我这样度过（32）
一周一周的生活真的太快了，感觉上次写博客的时候还很近很近，记录一个收获很小的我。这一周的生活可以说是非常的煎熬了，为什么这么说呢，期中考试突然就来了，之前的期中考试只是走个形式，今年的期中考试直接就严格起来了，听说期中考试不及格，不可以参加期末考试。直接我们就慌了，开始疯狂的进行复习，说实话有很多的都不会，想想自己最近的学习状态真的是让人头大，想想暑假的生活，真的是可望而不可及啊，那时候的我是怎么...
2019-11-09 22:36:02
225
原创 这一周我这样度过（31）
这一周，校庆遇上教师资格证考试，学校瞬间变得特别的热闹，但是这一切似乎都和我没有任何的关系，任外边多么的喧哗，还是坐在这里静静地敲代码。这周也是花了很多的时间在专业课的学习上了，但是总感觉有些东西听不太懂，特别是计算机网络的网络层，嵌入式还没有看呢，下周有无数的期中考试，连RFID的实验也要开始了，javaWeb的程序也还没有好好的改改，总感觉突然把精力放在专业课的学习上，自己的精力有点跟不上...
2019-11-03 17:59:05
480
4
原创 这一周我这样度过（30）
又是一周的末尾，本来计划着这一周专心学习专业课知识的，但是，往这里一坐，不由自主的就把编辑器给打开了。习惯了敲代码了已经。也可以说是两头兼顾吧。整体感觉还可以吧，还是不能一段时间只干一件事。刚开始的时候，坐在这抱着那本ZigBee在哪里懵逼，第一章真的说实话没搞懂它在围绕什么去讲，就感觉看不懂，然后就漂了一遍，到下一次坐在这还是从头开始看，真的是把第一张看了四五遍，感觉啥都没学会。就业是在这个...
2019-10-27 17:19:22
244
原创 无线传感器网络
无线传感器网络（Wireless Sensor Networks,WSN）是当前国际上备受关注的涉及多个学科高度交叉的，知识高度集中的前沿热点研究领域。综合了传感器、嵌入式计算、现代网络以及无线通信和分布式信息处理等技术。可以通过各种集成化的微型传感器协同完成对各种环境或检测对象的信息的实时监控，感知和采集，这些信息通过无线的方式进行发送，并以自组织多跳的的网络方式传送到用户终端，进而实现了物理世...
2019-10-24 22:36:36
2621
原创 这一周我这样度过（29）
这一周的生活也是被安排得满满的，从刚开始对React一点都不了解，硬是硬着头皮想要在二十天内把他给搞定做出点样子来，现在一周时间已经过去了，学习了React的基本语法，数据展示方式，列表渲染，事件处理，react的三大属性，脚手架路由和状态管理，又从其他地方了解了不少的UI组件库，但是这次的学习的redux感觉比vuex难了好多，也算是浪费了不少的时间吧，其实到现在还是不太了解。感觉很多东西都...
2019-10-20 15:57:05
232
1
原创 React从入门到项目--第八天（redux进阶）
单纯的使用上redux，会出现一个小问题，就是说redux 与 react 组件的代码耦合度太高，这时候会显得代码很乱，这时候我们可以通过一些其他的手段来降低代码的耦合度，而且代码不够简洁。reacr-redux安装npm install --save react-redux这时候我们可以引入一个react的插件库，react-redux，这是一个react的插件库，也就是说re...
2019-10-18 22:05:15
179
原创 React从入门到项目--第七天（redux的使用）
redux简介什么是redux呢？redux是一个独立专门用于做状态管理的 JS 库，它不是不是 react 插件库，也就是说它不仅可以用在React项目中，还可以用在其他的项目中，只是更多的用在React项目中而已。那什么是插件库呢？插件库我是这样理解的，有相应的依赖，比如说React的插件库，离开React是不能正常工作的，jQuery插件库必须依赖与jQuery。redux的作用就是...
2019-10-17 21:44:31
209
原创 Promise的应用
对于JavaScript来说，所有的代码都是单线程的，所以对于JS的一些网络操作，以及浏览器事件，都必须是异步执行的，所以说在JS中的回调函数应该说是十分的常见。如最基础的点击事件，当按钮点击的时候会执行相应的回调函数。var btn = document.getElementById('btn');btn.onclick = function(){ //函数体}var ...
2019-10-16 17:50:37
294
1
原创 React从入门到项目--第六天（React中Ajax的使用）
React与之前学过的jQuery不同的是，React本身只关注界面，本身并不包含相关发送ajax的代码，就像jQuery中的$.ajax()在React中是不存在的。前端应用需要通过 ajax 请求与后台进行交互，获取相应的Json数据。在React中的前端应用，在与后台进行交互的时候，需要依赖于第三方的ajax库来完成，或者自己进行原生JS的封装，不过这一点工作量就比较大了，相信也不会...
2019-10-16 17:03:52
383
原创 React从入门到项目--第五天（React-router的应用）
SPA应用基于React和Vue的项目都有一个共同的特点，整个项目是一个SPA应用，什么意思呢？就是说整个项目属于一个单页面应用程序，整个项目之一个完整的页面，而所见的页面的更新，只是通过路由进行的页面的局部组件替换，与真正的a链接页面跳转存在本质上的区别，它不是跳转只是更新而已。在页面转换之间，也不会向服务器发送相关的请求，所进行的数据的更新是通过额外的ajax请求去实现的。路由的理解...
2019-10-15 16:11:56
188
原创 React从入门到项目--第四天（React脚手架搭建项目）
什么是脚手架呢，我刚听到这个词的时候也是一脸懵逼，连忙去搜了一下，就找到了它的百度百科，介绍就是下面这样。在了解了脚手架之后，就不去吐槽这个百科了，对于项目的脚手架，其实也是一个独立的包，它可以帮助你，通过特定的命令去下载一个别人整理好的空白项目，说是空白项目也不完全正确，项目的基本结构已经搭好了，相关的配置已经完成了，只是欠缺项目内容相关代码。其实两个脚手架还真的有相似之处，盖房子就...
2019-10-14 22:24:09
245
原创 这一周我这样度过（28）
这学期的课程，挺不适应的，感觉每天都是满满的，也像老师说的那样，天天在教室里坐着，学进去的东西却很少，但是也是知道这学期的课程对自己来说很重要，也是在课下的时间去补，但效果总不是太好，自己在跟着重头看的时候，刚看两章，老师就又讲了两章了，而且差距越来越大，想在课堂上好好地听老师讲，但是有时候就会听不懂，没办法只能跟着自己的脚步从头接着看，越来越跟不上脚步，却又发现自己无比的忙碌，甚至盲目。好几...
2019-10-14 20:59:11
142
原创 React从入门到项目--第三天（事件处理 & React的生命周期）
事件处理React允许开发人员为虚拟DOM添加事件处理操作，而后在render之后就会将事件绑定到真实的DOM上。而不同的是，虚拟DOM上的事件与原生的事件的写法是不一样的，如原生的onclick而在React中要使用onClick。而事件绑定的属性值为一个自定义事件函数函数名，会在render的时候自行调用。<button onClick={this.showInput}>...
2019-10-13 09:58:57
171
原创 React从入门到项目--第二天（React三大属性state，props，ref）
今天了解到了React的三大属性，分别是state，props还有ref。三大属性是必不可少的，而且这三大属性，和vue中的三个属性差不多，有很大的相似之处。statestate是组件对象最重要的属性, 值是对象(可以包含多个数据)，组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件)，就是网页包含的数据。state初始化数据state在constr...
2019-10-12 16:48:20
238
原创 React从入门到项目--第一天（React基本使用）
React是什么React的出现有点玄幻的，刚开始是在Facebook 的内部项目中使用的，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，后来发现很好用，结果就开源了。React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面。React是基于组件进行...
2019-10-11 17:20:40
316
原创 这一周我这样度过（27）
保温杯里泡枸杞，向生活低下了头，天气的突然转凉，着实让人有点不适应，几天前的标准不配置：短裤+短袖，现如今长袖加外套都已经满足不了需求了，抱着一杯热水瑟瑟发抖。国庆假期没有回家，在第一天刚开始的时候，真的是在寝室躺尸，七八点起来之后，抱着个手机躺在被窝里默默地关注着CCTV1，感觉已经好久都没有看过电视了，就这样在宿舍躺了一上午，看完了国庆阅兵的全程，一直到快一点的时候才结束，小眯一会，接着躺...
2019-10-06 12:19:06
207
原创 这一周我这样度过（26）
细品这一周，想了很多。刚开始的时候，也是接着上次说到的小项目在搞，伴随着一周生活的结束，可以说项目的整体模板也已经初步的完工，剩下的东西，应该说需要用到的技术也在这一周中初步的使用过了，项目以后的开发，相对来说就会轻松很多，但总体来说实现的功能也都是基本的CRUD，后续的话再有什么新的想法再向上加吧。项目基本完成了增删改查的功能，相对与之前来说学习了数据的打印，Excel表格的生成及导出，...
2019-09-29 17:45:17
160
原创 NodeJs+Vue+MongoDB后台管理系统模板（6）Vue的跨域配置
在进行前后端交互的过程中，遇到的第一个问题肯定就是跨域的问题了，在vue中这时候需要去更改一下配置的信息，打开根目录下的config下的index.js文件。这时候需要去更改dev下边proxyTable的信息，具体的都不多说了，你可以直接复制粘贴走，不过要记得把target的信息改一下，因为那是我本地服务所在地。proxyTable: { '/apis': { ...
2019-09-28 09:07:01
550
原创 NodeJs+Vue+MongoDB后台管理系统模板（5）数据生成Excel并导出
将数据生成Excel并导出是后台管理系统常备的功能，但是之前还没有尝试过通过NodeJs去实现，这一次在网上去搜索了具体的实现方法，从中了解到了一个node-xlsx的node模块，在npm的官网上了解了相关的使用方法。const xlsx = require('node-xlsx');在具体操作的时候，生成excel时需要的数据是数组值类型数组，[[1,2,3],[1,2,3],[1,...
2019-09-28 08:51:47
557
原创 NodeJs+Vue+MongoDB后台管理系统模板（4）添加数据之图片上传
在进行数据的管理过程中，图片的上传是必不可少的，在这里我的是用户头像为例，在图片上传的过程中，NodeJs我用到了一个叫做multer的模块，他有一个要求就是上传的时候必须通过multipart/form-data的方式进行上传，简单地说就是提交一个form表单，或者提交一个FormData，所以在这一过程中，我还用到了body-parser，需要注意的是，multer和body-parser不仅...
2019-09-28 08:20:51
812
原创 NodeJs+Vue+MongoDB后台管理系统模板（3）调用Chrome接口数据打印
有的时候后台管理系统需要实现数据的打印功能，这时候就需要去调用Chrome的接口进行数据的打印，window.print()会打印整个HTML页面，其实不是我们需要结果，这时候就需要进行一些处理，比如我得只需要去打印表格内的内容，这时候我选择封装一个打印的函数。print(){ this.showOperation = false; setTimeout(()=>{ ...
2019-09-27 21:33:14
444
1
原创 NodeJs+Vue+MongoDB后台管理系统模板（2）vue实现分页
众所周知的是，所有的后台管理系统都离不开分页，而传统的分页实现，更多的是同后端的进行交互，传递页码并返回当前页所包含的数据，最终进行展示。这种做法存在的弊端就是用户在进行页码切换的时候，后耗费大量的时间，同样也会增加后端工程师的压力，这一次我们通过vue实现分页功能。首先是数据问题，在node里直接查询所有的用户返回给前台。// 获取全部用户信息router.get('/userLis...
2019-09-27 21:09:15
775
scene3D.zip
2021-12-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人