- 博客(166)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 学习 Vue 源码的必要知识储备(含面试知识点)
我最近在写 Vue 进阶的内容。在这个过程中，有些人问我看 Vue 源码需要有哪些准备吗？所以也就有了这篇计划之外的文章。当你想学习 Vue 源码的时候，需要有扎实的 JavaScript 基础，下面罗列的只是其中的一部分比较具有代表性的知识点。如果你还不具备 JavaScript 基础的话，建议不要急着看 Vue 源码，这样你会很容易放弃的。我会从以下 7 点来展开：Flow 基...
2019-05-30 11:16:47
1817
转载 常用最全正则表达式整理(开发必备)
文章同步自头条号沪漂程序员的生活史：https://www.toutiao.com/i6692916716638306829/很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。小小提示：使用时记得加双斜杠 '/Regex/'一、...
2019-05-20 09:38:38
879
原创 koa2+mysql实现简单的登陆注册
先附上源码地址：https://github.com/zj0715zh/koa2-mysql有兴趣的可以下载看看，那么现在我们进入正题：什么是koa框架？koa是一个基于node实现的一个新的web框架，它是由express框架的原班人马打造的。它的特点是优雅、简洁、表达力强、自由度高。它更express相比，它是一个更轻量的node框架，因为它所有功能都通过插件实现。关...
2019-04-30 09:23:55
4071
3
原创 前端面试大全：JS 进阶知识点及常考面试题
(内容同步自小邹的头条号：沪漂程序员的生活史)在这一篇文章中中，小邹将会介绍一些原理相关的知识，不会解释涉及到的知识点的作用及用法，如果大家对于这些内容还不怎么熟悉，推荐先去学习相关的知识点内容再来学习原理知识。 手写 call、apply 及 bind 函数涉及面试题：call、apply 及 bind 函数内部实现是怎么样的？首先从以下几点来考虑如何实现这几个函数...
2019-01-21 10:06:46
740
原创 前端面试大全：Event Loop
(内容同步自小邹的头条号：沪漂程序员的生活史)在前两篇文章中小邹介绍了 JS 异步相关的知识。在实践的过程中，你是否遇到过以下场景，为什么 setTimeout 会比 Promise 后执行，明明代码写在 Promise 之前。这其实涉及到了 Event Loop 相关的知识，这一篇文章我们会来详细地了解 Event Loop 相关知识，这也是面试经常会问的一个问题。 进程与线程...
2019-01-16 10:13:09
4218
1
原创 前端面试大全：手写 Promise
(内容同步自小邹的头条号：沪漂程序员的生活史)在上一篇文章中我们了解了 Promise 的一些易错点，那这一篇文章，我们会通过手写一个符合 Promise/A+ 规范的 Promise 来深入理解它，并且手写 Promise 也是一道大厂常考题，在进入正题之前，推荐各位去网上找下Promise/A+规范，这样才能更好地理解这个章节的代码。 实现一个简易版 Promise在完成符...
2019-01-15 14:33:35
2386
原创 前端面试大全：JS 异步编程及常考面试题
(内容同步自小邹的头条号：沪漂程序员的生活史)这一部分小邹将会主要介绍异步编程这一块的内容，鉴于异步编程是 JS 中至关重要的内容，所以小邹打算用三篇文章来介绍异步编程涉及到的重点和难点，同时这一块内容也是面试常考范围，希望大伙能重视。 并发（concurrency）和并行（parallelism）区别涉及面试题：并发与并行的区别？异步和这小节的知识点其实并不是一个概念...
2019-01-15 14:29:52
3018
原创 前端面试大全：ES6 知识点及常考面试题
(内容同步自小邹的头条号：沪漂程序员的生活史)这一部分我们将开始学习ES6相关的知识内容。 var、let 及 const 区别涉及面试题：什么是提升？什么是暂时性死区？var、let 及 const 区别？对于这个问题，我们应该先来了解提升（hoisting）这个概念。console.log(a) // undefinedvar a = 1从上述代码中我们...
2019-01-11 10:01:50
1997
原创 前端面试大全：JS 基础知识点及常考面试题（二）
(内容同步自小邹的头条号：沪漂程序员的生活史)在这一部分我们继续来了解 JS 的一些常考和容易混乱的基础知识点。 == vs ===涉及面试题：== 和 === 有什么区别？对于 == 来说，如果对比双方的类型不一样的话，就会进行类型转换，这也就用到了我们上一章节讲的内容。假如我们需要对比 x 和 y 是否相同，就会进行如下判断流程：首先会判断两者类型是否相同。...
2019-01-10 09:49:47
950
原创 前端面试大全：JS 基础知识点及常考面试题（一）
(内容同步自小邹的头条号：沪漂程序员的生活史)原始（Primitive）类型涉及面试题：原始类型有哪几种？null 是对象嘛？在 JS 中，存在着 6 种原始值，分别是：boolean null undefined number string symbol首先原始类型存储的都是值，是没有函数可以调用的，比如 undefined.toString()此时你...
2019-01-10 09:44:29
2863
原创 git常用命令速查表（值得收藏）
(内容同步自小邹的头条号：沪漂程序员的生活史)Git作为一个分布式版本控制系统，在项目中的作用不言而喻。但很多人可能会忘记一些比较复杂的命令，下面是是一张速查表，希望能给大伙有所帮助。常用命令速查表 工作原理 以上包括一些简单而常用的命令，以下是4个专有名词。Workapace : 工作区 Index/Stage ：暂存区 Repository ：仓库区（或...
2019-01-02 10:25:50
282
原创 详解es6 class语法糖中constructor方法和super的作用
首先，ES6 的 class 属于一种“语法糖”，所以只是写法更加优雅，更加像面对对象的编程，其思想和 ES5 是一致的。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function() { return '(' + this.x + ',' + this.y + ')'...
2018-12-25 14:23:33
1254
原创 2018年8月最新前端面试题合集
(内容同步自小邹的头条号：沪漂程序员的生活史)面试者在面试时一般把面试题分成以下几大类： 基础题题目的答案提供了一个思考的方向，答案不一定正确全面，有错误的地方欢迎大家请在评论中指出，共同进步。怎么去设计一个组件封装组件封装的目的是为了重用，提高开发效率和代码质量 低耦合，单一职责，可复用性，可维护性 前端组件化设计思路js 异步加载的方式渲染引擎遇到 scr...
2018-12-20 09:49:24
343
原创 web前端知识体系精简
(内容同步自小邹的头条号：沪漂程序员的生活史)Web前端技术由html、css和javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查...
2018-12-19 10:03:25
366
原创 如何优雅的处理前端异常（前端高阶必备）
(内容同步自小邹的头条号：沪漂程序员的生活史)前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户体验，而前端异常却如鲠在喉，甚是烦人。如何更好的处理前端异常有助于我们问题的排查和代码的规范化。 一、为什么要处理异常？异常是不可控的，会影响最终的呈现结果，但是我们有充分的理由去做这样的事情。增强用户体验； 远程定位问题； 未雨绸缪，及早发现问题； 无法...
2018-12-11 14:22:52
2063
原创 ES6核心知识点概括说明，集大成者（收藏不看则亏系列）
(内容同步自小邹的头条号：沪漂程序员的生活史)前言ES6 虽提供了许多新特性，但我们实际工作中用到频率较高并不多，根据二八法则，我们应该用百分之八十的精力和时间，好好专研这百分之二十核心特性，将会收到事半功倍的奇效 一、开发环境配置这部分着重介绍：babel 编译 ES6 语法，如何用 webpack 实现模块化。1.babel为啥需要 babel？ES6 提供...
2018-12-05 10:28:28
556
原创 彻底理解javascript中的this，面试必备（值得收藏）
(内容同步自小邹的头条号：沪漂程序员的生活史)this作为js里面基础而又重要的一个角色，一直以来都被面试官所倚重，根据小邹自己的面试经历和网上的一些调查，相信80%的面试官都会面试这个特殊的对象，今天小邹总结了一下，让大伙能够一劳永逸，每次只要来翻看这篇文章就够了。一：全局执行console.log(this);// Window可以看出在全局作用域中 this 指向当前的全局...
2018-12-04 09:48:32
392
原创 Vue项目如何接入Typescript
(内容同步自小邹的头条号：沪漂程序员的生活史)一、为什么要接入typescriptavascript由于自身的弱类型，使用起来非常灵活。这也就为大型项目、多人协作开发埋下了很多隐患。如果是自己的私有业务倒无所谓，主要是对外接口和公共方法，对接起来非常头疼。主要表现在几方面：参数类型没有校验，怎么传都有，有时会出现一些由于类型转换带来的未知问题。 接口文档不规范，每次都要通过读代码...
2018-11-30 14:15:23
2052
原创 寥寥数笔带你洞悉JavaScript深拷贝和浅拷贝
(内容同步自小邹的头条号：沪漂程序员的生活史)对象和数组的拷贝对小邹来说一直都是一个比较模糊的概念，一直有点一知半解，但是在实际工作中又偶尔会涉及到，有时候还会一不小心掉坑里，不知道大家有没有同样的感受，因此，准备对js对象和数组拷贝一探究竟。提到js的对象和数组拷贝，大家一定会想深拷贝和浅拷贝，但是为什么会有深拷贝和浅拷贝呢？下面就让我简单介绍一下为什么拷贝会有深浅之分以及有什么区别？原...
2018-11-22 09:44:36
272
转载 小程序webview组件实践
本文转载自：https://mp.weixin.qq.com/s/DOHn3VEuNGCjmEsqCr9VeQ今天主要来跟大家分享小程序webview方面的问题，但我并不会讲小程序的webview原理，而我主要想讲的是小程序内如何嵌入H5。那么好多同学会想了，不就是用web-view组件就可以嵌入了吗，是的，如果咱们的小程序和H5的业务比较简单，那直接用webview接入就好了，但我们公司...
2018-11-19 13:37:51
1347
原创 Vue3.0变化更新解读（值得收藏）
(内容同步自小邹的头条号：沪漂程序员的生活史)9月30日，尤雨溪在medium个人博客上发布了vue3.0的开发思路，可以说3.0带来了很大的变化。当时小邹也只是瞄了一眼，没想到这么快vue3.0就出来了。最近 尤雨溪也是在 Vue Toronto上发布了最新的 Vue 3，并且讲解了一些主要的变化更新，下面让我们一起来看一看：vue3.0变化更新Vue 3.0 将会发生什么？...
2018-11-17 11:28:08
3610
原创 三端合一跨平台开发的深度剖析（值得学习）
(内容同步自小邹的头条号：沪漂程序员的生活史)小邹接触到H5跨平台开发还算比较早，是在2015年的一次峰会上。跨平台一直是老生常谈的话题，cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放，颇有一股推倒原生开发者的势头（事实上更多是共存发展），下面小邹带你去了解一下，相信你会对于当下跨平台移动开发的现状、实现原理、框...
2018-11-17 10:58:14
5775
原创 网友2018阿里巴巴前端面试分享(题目+答案)
小邹今天在网上看到一位网友分享的2018年阿里巴巴前端面试题，再结合小邹多次面试阿里巴巴的经验，感觉这些题目还是比较经典和基础的，下面分享给大家，希望能给大伙一些知识的扩充和帮助。(内容同步自小邹的头条号：沪漂程序员的生活史)使用css实现一个持续的动画效果，主要考： animation 用法animation:mymove 5s infinite; @keyframes mymov...
2018-11-15 10:06:02
598
原创 node进程管理器神器——PM2(值得收藏)
PM2作为小邹一直在使用的node进程管理软件，我自己心里是感觉非常方便，它在解决node中间层进程异常方面有着不小的功劳，下面小邹就它的两种使用模式给大伙讲解一下（文章同步自小邹的头条号：沪漂程序员的生活史）：运行模式fork_mode cluster_modepm2 start app.js 默认开启的是fork模式，pm2 start app.js -i max 是开启clu...
2018-11-12 17:00:18
1370
原创 使用WebSocket进行跨域数据请求
Websocket是HTML5的一个持久化的协议，它实现了浏览器与服务器的全双工通信，同时也是跨域的一种解决方案。WebSocket和HTTP都是应用层协议，都基于 TCP 协议。但是 WebSocket 是一种双向通信协议，在建立连接之后，WebSocket 的 server 与 client 都能主动向对方发送或接收数据。同时，WebSocket 在建立连接时需要借助 HTTP 协议，连接建立...
2018-11-07 09:55:48
15270
2
原创 前后端如何高效的并行开发
前后端如何高效的并行开发沪漂程序员的生活史 2018-11-06 10:57:23开发效率一直都是初创公司的首要标准，能够更快的完成客户或者产品需求的研发对公司来说也是一笔不小的财富，当然你的工资也可能水涨船高，小邹总结了以下几点，希望对大家有所帮助： 1、前后端分离前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应...
2018-11-06 10:59:28
2025
原创 git命令的高级应用
可能很多程序员都跟小邹一样都在使用git来进行版本管理，的确，git是一个非常不错的开源的分布式版本控制系统，可用于敏捷高效地处理任何或小或大的项目。Git 最核心的一个概念就是工作流。工作区(Workspace)是电脑中实际的目录。 暂存区(Index)类似于缓存区域，临时保存你的改动。 仓库区(Repository)，分为本地仓库和远程仓库。通常提交代码分为几步：git ad...
2018-11-02 11:38:18
344
1
原创 axios如何取消请求
场景：小邹最近在使用axios时碰到一个问题，就是我想在特性条件时取消请求，以便减少不必要的前后接口交互。我们知道ajax取消请求的方式有两种：一种是通过设置时间，超时自动断开，另一种我们可以调用XMLHttpRequest对象上的abort方法。那我们在使用axios过程中该如何取消请求呢？小邹翻了一下官方的文档是这么说的：You can cancel a request using a can...
2018-11-02 10:09:45
4591
原创 Page Visibility API页面可见性事件监听的兼容性写法
考虑到这个API在各个版本各个类型的浏览器表现有所不同，所以小邹下面给大伙出一个兼容性的写法：// 设置隐藏属性和改变可见属性的事件的名称var hidden, visibilityChange; if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support ...
2018-11-01 10:44:34
2263
原创 页面可见性API，解决H5端页面可见性监听的最终方案
一、简介背景：一般我们在进行前端页面开发时，对于用户正在离开页面。常用的方法是监听下面三个事件。pagehide beforeunload unload但是，这些事件在手机上可能不会触发，页面就直接关闭了。因为手机系统可以将一个进程直接转入后台，然后杀死。用户点击了一条系统通知，切换到另一个 App。 用户进入任务切换窗口，切换到另一个 App。 用户点击了 H...
2018-11-01 10:38:54
5155
原创 小程序和h5页面之间的互相跳转
小程序跳转到 h5 页面小程序代码：wx.navigateTo({url: '/pages/webview?url=' + encodeURIComponent('h5页面的 url')});1、webview.js<web-view src="{{url}}" bindmessage="handlePostMessage"></web-view>Pa...
2018-10-23 11:27:29
5132
1
原创 微信小程序分享及用户信息授权等接口能力的调整通知
以下来自2018年9月30号的微信小程序官方文档调整说明：针对近期部分小程序接口能力使用不合理的情况，微信公众平台将对下列能力进行调整。开发者可在最新版开发者工具内，选择最新基础库版本体验。调整方案具体如下，请开发者尽快完成适配。1、分享监听接口10月10日起新提交的版本，用户从小程序、小游戏中分享消息给好友时，开发者将无法获知用户是否分享完成，也无法在分享后立即获得群ID。请参考调整...
2018-10-23 10:54:52
1493
原创 小程序间跳转最新功能调整
以下选自微信小程序官方文档调整说明：调整具体措施如下：1、需要用户触发跳转即日起，若用户未点击小程序页面任意位置，则开发者将无法调用 wx.navigateToMiniProgram 接口自动跳转至其他小程序。2、需要用户确认跳转在跳转至其他小程序前，将统一增加弹窗，询问是否跳转，用户确认后才可以跳转其他小程序。该功能预计10月中旬发布。3、源小程序与目标小程序不再需要绑定...
2018-10-23 10:47:19
944
原创 Vue常见面试题整理
一、对于MVVM的理解？MVVM是Model-View-ViewModel的缩写。 Model：代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View：代表UI组件，它负责将数据模型转化成UI展现出来。 ViewModel：监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View和Model的对象，连接Model和View。 ...
2018-09-20 09:46:40
633
转载 linux环境下安装nginx步骤
开始前，请确认gcc g++开发类库是否装好，默认已经安装。 ububtu平台编译环境可以使用以下指令apt-get install build-essentialapt-get install libtool centos平台编译环境使用如下指令 安装make：yum -y install gcc automake autoconf libtool make ...
2018-08-15 15:21:15
181
原创 前端开发踩坑日志（持续更新。。。）
1、火狐浏览器对event的支持，如果var e = window.event就会出错，解决办法：var e = event || window.event;2、event.target和event.currentTarget的区别3、使用axios进行跨域请求时要对option请求时，后端要对option请求进行处理，比如返回状态2004、写原生js的Ajax请求时，所有IE版本都不支持r...
2018-08-08 09:28:01
860
转载 nexus 上搭建npm私有服务器
nexus 纯小白文，如有雷同，大概率我参考了你的文档。1.在本地运行nexus附上下载链接：Nexus Repository OSS 下载链接附上文档链接：Nexus Repository OSS 文档链接有几个值得注意的是 我的 系统为 64位 win 7，平时只配置了java的基本环境，没有配置编译环境。很尴尬，配置javac耽误了我一点时间。需要的同学，在运行之前 ...
2018-08-06 09:16:22
4942
原创 linux下安装Mysql
*** 若想使用yum安装，请参考：Centos7使用yum命令安装Mysql ***linux版本：CentOS7 64位 1、下载安装包“mysql-5.6.33-linux-glibc2.5-x86_64.tar.gz” # 安装依赖yum -y install perl perl-devel autoconf libaio 2、把下载的安装包移动到/u...
2018-07-31 16:27:34
199
原创 Vue SSR服务端渲染之数据缓存
当我们在做vue的服务器端渲染时，可能会碰到各种各样的坑，内存泄露就是其中的一种。当然，导致内存泄露的原因有很多，不合理使用Axios也是其中一种，那下面我给大家介绍一下如何有效的避免请求中的内存泄露。1. 安装缓存依赖: lru-cachenpm install lru-cache --dev2. api 配置文件config-server.jsvar LRU = req...
2018-07-20 18:02:00
3321
原创 实现两个窗口通信方法之postMessage
两个窗口的通信问题应该是一个比较常见的问题了，通信可以通过很多种方式,如下：localStorage postMessage websocket今天博主先来一篇postMessage干货，后期还会给出websocket的实现代码。 首先来看一下基本的语法otherWindow.postMessage(message, targetOrigin, [transfer]);...
2018-07-18 13:47:14
2394
Sublime sftp插件本地上传配置文件
2017-11-27
移动端的大转盘抽奖
2017-11-27
【免费】SecureCRT8.1注册机 原版下载
2017-08-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人