摘要:前言介绍(项目地址) 如果你是一位前端工程师,那你一定不止一次去解决一些顽固的线上问题,你也曾想方设法复现用户的bug,结果可能都不太理想。 怎样定位前端线上问题,一直以来,都是很头疼的问题,因为它发生于用户的一系列操作之后。错误的原因可能源于机型,网络环境,复杂的操作行为等等,在我们想要去解决的时 阅读全文
posted @ 2020-10-13 11:22 believe66 阅读(40) 评论(0) 推荐(0) 编辑
摘要:在我们面试的过程中,经常会遇到问源码的环节,因为优秀的框架通常都会包含很多设计理念跟编程实践。这段时间我一直在看Vue2的源码,发现了很多有意思的实现。虽然现在Vue3都已经发布了,也无法否认Vue2是个优秀的框架这个事实,不影响我们从中学到一些最佳实践。 对Vue不感兴趣的同学也可以看看,因为我只 阅读全文
posted @ 2020-10-12 17:56 believe66 阅读(15) 评论(0) 推荐(0) 编辑
摘要://引入模块 nodemailer const nodemailer = require('nodemailer') const config = { // 163邮箱 为smtp.163.com // qq邮箱 为smtp.qq.com host: 'smtp.163.com',//这是qq邮箱 阅读全文
posted @ 2020-08-27 15:09 believe66 阅读(17) 评论(0) 推荐(0) 编辑
摘要:Express 快速,简单,极简的节点Web框架 cheerio Cheerio解析标记(例如HTML),并提供用于遍历/操纵结果数据结构的API const cheerio = require(\’cheerio\’); const $ = cheerio.load(\’ … \’); nodem 阅读全文
posted @ 2020-08-27 11:36 believe66 阅读(182) 评论(0) 推荐(0) 编辑
摘要:正则表达式是一种通用的工具,在 JavaScript、PHP、Java、Python、C++ 等几乎所有的编程语言中都能使用;但是,不同编程语言对正则表达式语法的支持不尽相同,有的编程语言支持所有的语法,有的仅支持一个子集。本节讲到的正则表达式语法适用于 JavaScript。正则表达式的语法体现在 阅读全文
posted @ 2020-08-27 09:59 believe66 阅读(104) 评论(0) 推荐(0) 编辑
摘要:什么是Promise 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise提供统一的API,各种异步操作都可以用同样的方法进行处理。 Promise出现之前都是通过回调 阅读全文
posted @ 2020-08-26 15:41 believe66 阅读(35) 评论(0) 推荐(0) 编辑
摘要:前一段时间我把webpack源码大概读了一遍,webpack 到4.x版本后,其源码已经比较庞大,对各种开发场景进行了高度抽象,阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对webpack的内部原理有 阅读全文
posted @ 2020-08-11 18:55 believe66 阅读(25) 评论(0) 推荐(0) 编辑
摘要:由于国内网络环境的原因,在执行npm i安装项目依赖过程中,肯定会遇上安装过慢或安装失败的情况。有经验的同学通常会在安装完「Node」时顺便把「NPM镜像」设置成国内的淘宝镜像。 npm config set registry https://registry.npm.taobao.org/ 这样就 阅读全文
posted @ 2020-07-29 18:09 believe66 阅读(80) 评论(0) 推荐(0) 编辑
摘要:在某些情况下,我们必须强制Vue重新渲染组件,如果没有,那可能,你做的业务还不够负责,反正我是经常需要重新渲染组件,哈哈。 虽然Vue不会自动更新这种情况是相对比较少,但是知道如何在出现这个问题时修复它还是很有用的。 在大多数情况下,此问题根源还是我们对 Vue 的响应式理解还是不够到位。 因此,要 阅读全文
posted @ 2020-07-08 18:39 believe66 阅读(245) 评论(0) 推荐(0) 编辑
摘要:插槽,相信每一位Vue都有使用过,但是如何更好的去理解插槽,如何去自定义插槽,今天小编为你带来更形象的说明。 默认插槽 大学毕业刚上班,穷鬼一个,想着每个月租房还要掏房租,所以小编决定买一个一居室,东拼西凑借了一堆债,终于凑够了首付,买了一个小小的毛坯房。我们可以把这个一居室的毛坯房想想成一个组件, 阅读全文
posted @ 2020-07-08 13:56 believe66 阅读(54) 评论(0) 推荐(0) 编辑
摘要:很多 Node.js 开发者,都知道有 package.json 这个文件,也多少都了解一些 npm知识,但是可能没有系统的学习过,这部分的知识对于开发一个 cli 工具,发布自己的 npm 包都很常用,开发中也会经常用到npm script内容,系统的学习一下确实会有所帮助,上面三个场景如果你都用 阅读全文
posted @ 2020-07-07 09:25 believe66 阅读(130) 评论(0) 推荐(0) 编辑
摘要:前言# 响应式原理作为 Vue 的核心,使用数据劫持实现数据驱动视图。在面试中是经常考查的知识点,也是面试加分项。 本文将会循序渐进的解析响应式原理的工作流程,主要以下面结构进行: 分析主要成员,了解它们有助于理解流程 将流程拆分,理解其中的作用 结合以上的点,理解整体流程 文章稍长,但部分是代码, 阅读全文
posted @ 2020-06-23 18:54 believe66 阅读(84) 评论(0) 推荐(0) 编辑
摘要:1 /* 下面这些rules是用来设置从插件来的规范代码的规则,使用必须去掉前缀eslint-plugin- 主要有如下的设置规则,可以设置字符串也可以设置数字,两者效果一致 "off" -> 0 关闭规则 "warn" -> 1 开启警告规则 "error" -> 2 开启错误规则 */ rule 阅读全文
posted @ 2020-04-01 18:22 believe66 阅读(111) 评论(0) 推荐(0) 编辑
摘要:前言 在项目开发中我们难免碰到需要对webpack配置更改的情况,今天就主要来讲一下在vue.config.js中对一些配置的更改,简单介绍一下loader的使用;用configureWebpack简单的配置;用chainWebpack做高级配置;包括对loader的添加,修改;以及插件的配置 1、 阅读全文
posted @ 2020-03-24 10:22 believe66 阅读(2833) 评论(0) 推荐(0) 编辑
摘要:5.寄生式继承 与寄生构造函数和工厂模式类似,创建一个仅用于封装继承过程的函数,该函数在内部以某种方式来增强对象,最后返回对象。 function createAnother(original){ var clone = Object.create(original); //通过调用函数创建一个新对 阅读全文
posted @ 2020-03-20 18:46 believe66 阅读(310) 评论(0) 推荐(0) 编辑
摘要:1、技术文档(markdown文档) 使用:vuepress 地址: https://vuepress.vuejs.org/zh/guide/#%E5%AE%83%E6%98%AF%E5%A6%82%E4%BD%95%E5%B7%A5%E4%BD%9C%E7%9A%84%EF%BC%9F 2、npm 阅读全文
posted @ 2020-01-07 18:39 believe66 阅读(91) 评论(0) 推荐(0) 编辑
摘要:使用verdaccio 搭建npm私有仓库 1. 为什么要搭建私有的npm仓库? 随着公司的业务越来越复杂,项目迭代速度也越来越快,那么项目间的常用的业务代码共享变得非常之有必要。但是对于公司的业务代码是不能对外开放的,因此我们有必要搭建一个类似于 http://npmjs.org这个的一个私有平台 阅读全文
posted @ 2020-01-07 18:36 believe66 阅读(389) 评论(0) 推荐(0) 编辑
摘要:NodeJs的出现,让前端工程化的理念不断深入,正在向正规军靠近。先是带来了Gulp、Webpack等强大的构建工具,随后又出现了vue-cli和create-react-app等完善的脚手架,提供了完整的项目架构,让我们可以更多的关注业务,而不必在项目基础设施上花费大量时间。 但是,这些现成的脚手 阅读全文
posted @ 2019-12-25 17:06 believe66 阅读(845) 评论(0) 推荐(0) 编辑
摘要:开篇 很多人都或多或少使用过 webpack,但是很少有人能够系统的学习 webpack 配置,遇到错误的时候就会一脸懵,不知道从哪查起?性能优化时也不知道能做什么,网上的优化教程是不是符合自己的项目?等一系列问题!本文从最基础配置一步步到一个完善的大型项目的过程。让你对 webpack 再也不会畏 阅读全文
posted @ 2019-12-24 17:03 believe66 阅读(55) 评论(0) 推荐(0) 编辑
摘要:新版本系统镜像下载(当前最新是CentOS 7.4版本) CentOS官网 官网地址 http://isoredirect.centos.org/centos/7.4.1708/isos/x86_64/ 进入下载页面 下载目录界面分为两个主要的资源区: Actual Country,表示当前所在国家 阅读全文
posted @ 2019-12-24 16:21 believe66 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2019-12-21 11:43 believe66 阅读(180) 评论(0) 推荐(0) 编辑
摘要:数据是每一前端人员必定接触的一样,所有的数据都是后端来编写,如果自己想练习项目,却没有数据,而是写一些假数据,去编写,或者通过json-server搭建一个数据,今天我们就通过MongoDB来搭建一个真正的数据库,从安装到配置到编写,一步到位,也是小编安装配置过程中,所遇到的问题,安装下面的步骤,一 阅读全文
posted @ 2019-12-21 10:31 believe66 阅读(323) 评论(0) 推荐(0) 编辑
摘要:作者:Iren Korkishko 译者:前端小智 来源:dev 点赞再看,养成习惯 本文 GitHub:github.com/qq449245884… 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。 直接开 阅读全文
posted @ 2019-12-16 17:12 believe66 阅读(82) 评论(0) 推荐(0) 编辑
摘要:背景 如今‘大前端’这个概念在前端界大热,说‘大前端’,我们就要提到‘前后端分离’,‘前后端分离’又离不开‘本地开发构建’,‘本地开发构建’自然离不开webpack,webpack想要工作,那它就需要各种插件的支持,O(∩_∩)O哈哈~,逗了一大圈,终于引出了主题。 相信有不少童鞋在平时的项目开发中 阅读全文
posted @ 2019-11-03 12:02 believe66 阅读(215) 评论(0) 推荐(0) 编辑
摘要:的确,有些标题党了。起因是微信群里,有哥们问我,你是怎么学习前端的呢?能不能共享一下学习方法。一句话也挺触动我的,我真的不算是什么大佬,对于学习前端知识,我也不能说是掌握了什么捷径。当然,我个人的学习方法这篇文章已经在写了,预计这周末会在我个人公众号发布。而在此之前,我想展(gong)示(xiang 阅读全文
posted @ 2019-07-27 18:13 believe66 阅读(397) 评论(0) 推荐(0) 编辑
摘要:第 1 - 10 题 第 1 题:(滴滴、饿了么)写 React / Vue 项目时为什么要在列表组件中写 key,其作用是什么? 解析:第 1 题 第 2 题:['1', '2', '3'].map(parseInt) what & why ? 解析:第 2 题 第 3 题:(挖财)什么是防抖和节 阅读全文
posted @ 2019-07-12 16:35 believe66 阅读(376) 评论(0) 推荐(0) 编辑
摘要:直接操作DOM一定比虚拟DOM操作耗时吗? 或者一次直接DOM操作一定比一次虚拟DOM操作耗时吗? 1)虚拟DOM的本质就是一个JS对象,虚拟DOM减少了真实DOM的操作,当修改数据的时候,就是修改虚拟DOM产生全新的虚拟DOM, 新旧虚拟DOM使用diff算法,得到patch(也就是需要修改的部分 阅读全文
posted @ 2019-06-02 17:56 believe66 阅读(375) 评论(0) 推荐(0) 编辑
摘要:一、 安装并配置必要的依赖关系在CentOS系统上安装所需的依赖:ssh,防火墙,postfix(用于邮件通知) ,wget,以下这些命令也会打开系统防火墙中的HTTP和SSH端口访问。 注意:用户不是管理员权限,出现如下警告 用户不在sudoers文件中此事将被报告 可以使用 su root 切换 阅读全文
posted @ 2019-06-02 15:30 believe66 阅读(15114) 评论(2) 推荐(6) 编辑
摘要:上一节我们详细聊了聊高阶函数之柯里化,通过介绍其定义和三种柯里化应用,并在最后实现了一个通用的 currying 函数。这一小节会继续之前的篇幅聊聊函数节流 throttle,给出这种高阶函数的定义、实现原理以及在 underscore 中的实现,欢迎大家拍砖。 有什么想法或者意见都可以在评论区留言 阅读全文
posted @ 2019-05-30 14:46 believe66 阅读(2577) 评论(0) 推荐(0) 编辑
摘要:最近把我自己的网站升级生成前后端分离的项目(vue+springBoot),不可避免的就遇到了跨域问题。从中学到了许多知识,随便分享出来,也巩固下所学。 谈到跨域,首先得了解CORS(Cross origin resource sharing) 跨域资源共享,它是w3c的一个标准,是一份浏览器技术规 阅读全文
posted @ 2019-05-29 15:24 believe66 阅读(8046) 评论(0) 推荐(0) 编辑
摘要:yum(全称为 Yellow dog Updater, Modified)是一个在Fedora和RedHat以及SUSE中的Shell前端软件包管理器。基於RPM包管理,能够从指定的服务器自动下载RPM包并且安装,可以自动处理依赖性关系,并且一次安装所有依赖的软体包,无须繁琐地一次次下载、安装。yu 阅读全文
posted @ 2019-05-28 15:50 believe66 阅读(1455) 评论(0) 推荐(0) 编辑
摘要:1、如何在centOS7下安装GUI图形界面 当你安装centOS7服务器版本的时候,系统默认是不会安装GUI的图形界面程序,这个需要手动安装CentOS7 Gnome GUI包。 2、在系统下使用命令安装gnome图形界面程序 在安装Gnome包之前,需要检查一下安装源(yum)是否正常,因为需要 阅读全文
posted @ 2019-05-28 15:41 believe66 阅读(6406) 评论(0) 推荐(0) 编辑
摘要:在大型项目开发中, 需要使用Linux下的C语言对工程进行开发, 在个人PC或者工作站上搭建Linux系统十分容易且方便. 本篇文章将介绍操作系统和虚拟机的搭建: 1 操作系统2 虚拟机概念3 Linux镜像下载安装(CentOS7)4 VMware端搭建5 Mac端设置6 配置CentOS (Li 阅读全文
posted @ 2019-05-27 18:31 believe66 阅读(5356) 评论(0) 推荐(0) 编辑
摘要:1.Git仓库管理 现在本地已经创建了git仓库,又在gitlab上创建了一个git仓库,并且让这两个仓库进行远程同步,这样gitlab仓库既可以备份也可以与他人协作管理远程仓库以及根据需要推送或拉取数据。 管理远程仓库包括了如何添加远程仓库、移除无用远程仓库、查看远程仓库、修改远程仓库等。 1.1 阅读全文
posted @ 2019-05-27 18:12 believe66 阅读(1110) 评论(0) 推荐(0) 编辑
摘要:概念:(说实话,看了还是有些不太理解) git 是一种版本控制系统,是一个命令,是一种工具 gitlib 是用于实现git功能的开发库 github 是一个基于git实现的在线代码托管仓库,包含一个网站界面,向互联网开放 gitlab 是一个基于git实现的在线代码仓库托管软件,你可以用gitlab 阅读全文
posted @ 2019-05-24 23:58 believe66 阅读(119) 评论(0) 推荐(0) 编辑
摘要:Redis的安装和部署 基本知识 1、Redis的数据类型: 字符串、列表(lists)、集合(sets)、有序集合(sorts sets)、哈希表(hashs) 2、Redis和memcache相比的独特之处: (1)redis可以用来做存储(storge)、而memcache是来做缓存(cach 阅读全文
posted @ 2019-05-23 22:07 believe66 阅读(84) 评论(0) 推荐(0) 编辑
摘要:在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在IE8,FireFox,Chrome下进行测试兼容 鼠标点击位置坐标 相对于屏幕 如果是涉 阅读全文
posted @ 2019-05-13 18:05 believe66 阅读(8154) 评论(0) 推荐(0) 编辑
摘要:高级前端工程师面试必备(持续更新中) 面试汇总一:2018大厂高级前端面试题汇总 高级面试:【半月刊】前端高频面试题及答案汇总 css内容 响应式布局 当前主流的三种预编译器比较 CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目使用; 让你的CSS更 阅读全文
posted @ 2019-05-07 11:31 believe66 阅读(184) 评论(0) 推荐(0) 编辑
摘要:cli是command-line interface的缩写,即命令行工具,常用的vue-cli, create-react-app, express-generator 等都是cli工具。 本文以自己开发my-cli为例,将开发到发布过程完整记录下来,看完本文,你将学会如何从零开发一个cli项目,如 阅读全文
posted @ 2019-05-05 15:28 believe66 阅读(735) 评论(0) 推荐(0) 编辑
摘要:阅读 3237 收藏 205 2019-05-02 阅读 3237 收藏 205 2019-05-02 原文链接:segmentfault.com 云服务器 1 核 2G , 9元/月 ,买十送二,99/年!!!快来上车!developer.huaweicloud.com 现在用VSCode开发Vu 阅读全文
posted @ 2019-05-05 11:59 believe66 阅读(16109) 评论(0) 推荐(0) 编辑