- 博客(46)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 mac nginx 安装和配置
mac nginx 安装以及修改配置1、安装nginxbrew install nginx2、产看nginx安装信息brew info nginx3、查看当前安装版本nginx -v4、启动nginx切换到默认的安装目录(这里以1.19.0的版本为例)cd /usr/local/Cellar/nginx/1.19.0/bin 启动nginxnginx5、查看启动是否成功浏览器输入 localhost 如果成功会看到熟悉的nginx的欢迎页面6、停止 nginx
2020-07-05 13:16:43
2253
原创 git 仓库添加 密钥
1、切换到 ssh 目录cd ~/.ssh2、生成公司用的 ssh-keyssh-keygen -t rsa -C "[email protected]” -f ~/.ssh/com_ssh3、生成github用的 ssh-keyssh-keygen -t rsa -C "[email protected]” -f ~/.ssh/github_ssh完成上面两步，当前目录下会看到如下文件4、配置公钥 这里以 配置github为例：点击个人中心下拉选择 setting找到 ssh and GPG
2020-06-29 10:22:56
1331
转载 mac终端不git不展示分支名称
关于mac终端使用git命令时不展示分支名称的 解决办法新建 .bashrc 文件切换到用户根目录cd ~vi .bashrc 文件 (没有的话默认新建)将以下命令复制到该文件并保存function git_branch { branch="`git branch 2>/dev/null | grep "^\*" | sed -e "s/^\*\ //"`" if [ "${branch}" != "" ];then if [ "${branch}" = "(n
2020-05-21 21:46:38
1365
转载 webpack 打包警告超出文件大小
webpack 打包超过文件大小错误如图所示：如图所示，vue项目中运行 npm run build 命令针对项目进行打包时的警告，黄色部分描述已经很清楚了，就是打包的文件大小超过了vue默认文件大小的限制如何解决？？？减少单个文件的体积 参考 webpack 性能调优与 Gzip 原理修改配置文件，改变默认的限制这个我们针对第二种解决方案进行讲解找到 vue.config.js 配置文件修改 performance ，属性的具体用法参考 webpack中文文档configure
2020-05-16 21:40:27
4039
原创 前端必看书籍
javascript全套视频 链接: https://pan.baidu.com/s/1O7pNoMKJ1KFkFRaYNnhWqg 提取码: 5ghbphp 全套教程 链接: https://pan.baidu.com/s/1ySZp5KWk2rPEj_fT4aT-ZA 提取码: 3c6ec语言全套教程 链接: https://pan.baidu.com/s/1ySZp5KWk2rPE...
2020-05-14 20:06:29
1427
1
转载 mac 下 git 命令不能自动补全
mac上的命令很好用，但是在配合 git 的时候 tab 不能进行自动补全，这个比较坑，作为一个开发来讲这个不能容忍的，结下来我们来介绍一下mac下如何让git可以自动补全。安装git// 查看 brew 安装文件列表是否有gitbrew list// 直接检查git是否安装 git --version 产看版本git --version// 通过brew进行安装brew install git安装bash-completion// 这个过程可能回比较慢，耐心等待brew.
2020-05-10 13:42:49
1828
转载 Chrome在手机模式调试找不到鼠标
三步解决问题打开控制面板，选择红框部分eg: 如图打开核心显卡控制面板选择 显示器eg: 如图将量化范围的默认改成全范围 如图eg: 如图
2019-04-26 11:03:04
515
原创 vue cli-3项目的搭建以及优化
vue cli-3 项目的搭建以及优化项目模板参见地址 vue-cli3-template 欢迎star1.创建一个vue 项目1.1 node.js 安装中文官网地址 根据自己的实际需要进行下载1.2 安装 @vue/cli# 全局安装脚手架npm install -g @vue/cli# ORyarn global add @vue/cli1.3 创建项目vue c...
2019-03-29 18:04:15
2131
1
原创 charles代理抓包配置
步骤下载链接 https://www.charlesproxy.com/download/ 根据自己的电脑进行下载安装（一路下一步）文件破解 找到安装目录 eg: E:\normal_sorft\charles\lib , 将 charles.jar 文件替换成自己的文件，破解版的 charles.jar 链接完成以上步骤，接下来就是代理的配置了配置pc 端 和 mac 的pc端一...
2019-03-19 21:13:28
551
原创 nuxt.js 创建nodejs项目
nuxt.js 安装yarn create nuxt-app <项目名>安装过程中的选项参见下图以上所有的选项根据自己的实际情况(对某个部分的熟悉情况进行选择)，降低学习成本...
2019-02-20 12:05:29
2067
原创 vuex 命名空间的使用
vuex 命名空间的使用废话不多说，直接上代码// store 文件下的index.jsimport city from './module/city'import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ modules: { city }})...
2019-02-01 19:22:20
3709
原创 深入了解promise机制，手动撸一个promise
promise 机制关于前端架构只是体系中的知识剩下的部分一直没有不全，不是不想写，实在是不敢轻易下笔，如果深度不够，我想关于es6的只是点我们都可以参考 阮一峰的es6-promise教程, 如果需要一定的深度，不仅仅需要查找一些资料，更重要的是还要吸收而后进一步整理。所以跟新完善的进展有点慢，但是，要么不做，要么就做好。我相信当您阅读完本文，关于 promise 相信您会有一个全新的认识。...
2019-01-21 20:44:37
567
原创 前端部分面试题汇总
数组转对象 const templateData = [&amp;amp;amp;amp;quot;codeZh&amp;amp;amp;amp;quot;, &amp;amp;amp;amp;quot;codeCn&amp;amp;amp;amp;quot;, &amp;amp;amp;amp;quot;taobao.cn&amp;amp;amp;amp;quot;, &amp;amp;amp
2019-01-20 19:19:00
394
原创 mac 文件相关命令操作
命令操作删除文件先了解几个常用命令rmdir 删除空目录，不过一旦目录非空会提示 : No such file or directoryrm 既可以删除文件又可以删除文件夹, 但一般结合 -r -rf 使用-r 就是向下递归，不管有多少级目录，一并删除-f 就是直接强行删除，不作任何提示的意思删除文件夹（无论文件夹是否为空），使用 -rf 命令即可。删除文件夹：rm -r /u...
2019-01-17 15:01:01
866
转载 Robo 3T安装
mongoDB 可视化工具：Robo 3T 是免费版Studio 3T 付费版mac 下的 Robo 3T 的安装和使用安装官网下载 https://robomongo.org/download启动安装，点击打开如果遇到：打不开“XXX”，因为它来自身份不明的开发者打开了 Terminal 终端后 ，在命令提示后输入sudo spctl --master-disable...
2019-01-16 15:44:56
16643
原创 MongoDB 安装和使用
标题mac 下安装 mongoDB 数据库安装（使用brew安装）brew install mongodbbrew install mongodb --with-openssl如果第二步报错如下：Error: An unexpected error occurred during the brew link stepThe formula built, but is not ...
2019-01-16 14:10:31
601
原创 nodejs 之创建文件
创建文件专注前端4年，一直以来奋战在搬砖的一线，从事着后台系统、PC端、移动端的开发，然而市场的发展速度确实让人有些许瞠目结舌，前端框架层出不穷，无论是 JS 框架(react.js、vue.js 、angular.js 、react-native、veex……) 还是 UI 框架(Bootstrap、elementUI、iView、vuetify、at-ui、flutter……) 都让我们的...
2019-01-15 11:31:47
11769
3
翻译 回流（Reflow）与重绘（Repaint）
回流（Reflow）与重绘（Repaint）开篇我们先对上上节介绍的回流与重绘的基础知识做个复习（跳读的同学请自觉回到上上节补齐 →_→）。回流：当我们对 DOM 的修改引发了 DOM 几何尺寸的变化（比如修改元素的宽、高或隐藏元素等）时，浏览器需要重新计算元素的几何属性（其他元素的几何属性和位置也会因此受到影响），然后再将计算的结果绘制出来。这个过程就是回流（也叫重排）。重绘：当我们对 D...
2019-01-12 19:28:14
6992
1
转载 Event Loop 与异步更新策略
Event Loop 与异步更新策略Vue 和 React 都实现了异步更新策略。虽然实现的方式不尽相同，但都达到了减少 DOM 操作、避免过度渲染的目的。通过研究框架的运行机制，其设计思路将深化我们对 DOM 优化的理解，其实现手法将拓宽我们对 DOM 实践的认知。本节我们将基于 Event Loop 机制，对 Vue 的异步更新策略作探讨。前置知识：Event Loop 中的“渲染时机”...
2019-01-12 19:19:46
1198
转载 DOM 优化原理与基本实践
DOM 优化原理与基本实践从本节开始，我们要关心的两大核心问题就是：“DOM 为什么这么慢”以及“如何使 DOM 变快”。后者是一个比“生存还是毁灭”更加经典的问题。不仅我们为它“肝肠寸断”，许多优秀前端框架的作者大大们也曾为其绞尽脑汁。这一点可喜可贺——研究的人越多，产出优秀实践的概率就越大。因此在本章的方法论环节，我们不仅会根据 DOM 特性及渲染原理为大家讲解基本的优化思路，还会涉及到一...
2019-01-12 19:10:38
1724
2
原创 浏览器背后的运行机制
浏览器背后的运行机制从本章开始，我们的性能优化探险也正式进入到了“深水区”——浏览器端的性能优化。平时我们几乎每天都在和浏览器打交道，在一些兼容任务比较繁重的团队里，苦逼的前端攻城师们甚至为了兼容各个浏览器而不断地去测试和调试，还要在脑子中记下各种遇到的 BUG 及解决方案。即便如此，我们好像并没有去主动地关注和了解下浏览器的工作原理。我想如果我们对此做一点了解，在项目过程中就可以有效地避免...
2019-01-12 19:02:41
4905
3
转载 服务端渲染的探索与实践
服务端渲染的探索与实践服务端渲染（SSR）近两年炒得很火热，相信各位同学对这个名词多少有所耳闻。本节我们将围绕“是什么”（服务端渲染的运行机制）、“为什么”（服务端渲染解决了什么性能问题 ）、“怎么做”（服务端渲染的应用实例与使用场景）这三个点，对服务端渲染进行探索。服务端渲染是一个相对的概念，它的对立面是“客户端渲染”。在运行机制解析这部分，我们会借力客户端渲染的概念，来帮大家理解服务端渲染...
2019-01-12 18:47:09
1389
转载 CDN 的缓存与回源机制解析
CDN的缓存与回源机制解析CDN （Content Delivery Network，即内容分发网络）指的是一组分布在各个地区的服务器。这些服务器存储着数据的副本，因此服务器可以根据哪些服务器与用户距离最近，来满足数据的请求。 CDN 提供快速服务，较少受高流量影响。为什么要用 CDN浏览器存储的相关知识此刻离我们还不太远，大家趁热回忆一下：缓存、本地存储带来的性能提升，是不是只能在“...
2019-01-12 18:35:18
20033
5
转载 本地存储——从 Cookie 到 Web Storage、IndexDB
本地存储——从 Cookie 到 Web Storage、IndexDB随着移动网络的发展与演化，我们手机上现在除了有原生 App，还能跑“WebApp”——它即开即用，用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲美的功能和体验。我认为，WebApp 就是我们前端性能优化的产物，是我们前端工程师对体验不懈追求的结果，是 Web 网页在性能上向 Native 应用的一次“宣...
2019-01-11 10:34:37
2537
转载 浏览器缓存机制介绍与缓存策略剖析
浏览器缓存机制介绍与缓存策略剖析缓存可以减少网络 IO 消耗，提高访问速度。浏览器缓存是一种操作简单、效果显著的前端性能优化手段。对于这个操作的必要性，Chrome 官方给出的解释似乎更有说服力一些：通过网络获取内容既速度缓慢又开销巨大。较大的响应需要在客户端与服务器之间进行多次往返通信，这会延迟浏览器获得和处理内容的时间，还会增加访问者的流量费用。因此，缓存并重复利用之前获取的资源的能力成...
2019-01-09 14:50:17
5725
翻译 图片优化——质量与性能的博弈
图片优化——质量与性能的博弈《高性能网站建设指南》的作者 Steve Souders 曾在 2013 年的一篇 博客 中提到：我的大部分性能优化工作都集中在 JavaScript 和 CSS 上，从早期的 Move Scripts to the Bottom 和 Put Stylesheets at the Top 规则。为了强调这些规则的重要性，我甚至说过，“JS 和 CSS 是页面上最重...
2019-01-09 14:25:36
3985
原创 es6重难点
es6重难点总结归纳2018已经成为过去，2019年最重要的事就是换工作，换工作，换工作！！！得不到的永远在骚动，从去年的一些面试试水来看，各大厂的面试要求那是万变不离其中，进行自我总结了一下，无非就是以下知识点：调用堆栈作用域闭包this全面解析深浅拷贝的原理原型prototype事件机制、Event LoopPromise机制、async / await原理、防抖/节流原...
2019-01-02 21:55:27
1530
转载 面试题(包括一些ie的兼容)
ajax、axios、fetch 的异同点？(这种问题一般直接分别说三者的特点)ajax$.ajax({ type: 'POST', url: 'xxxx', data: 'xxxxx', dataType: 'xxxxx', success: function () {}, error: function () {}});特点：ajax 是基于 ...
2019-01-02 20:02:34
1873
原创 防抖和节流
应用场景防抖和节流都是用来防止高频率的js代码的执行防抖防抖本质上就是以最后的操作为标准打个比方，此时此刻我们都在排队等公交，司机说必须等到坐满才会发车，这时候的参照标准就是最后一个人上车，公交车好比我们的js代码，最后一个人就充当我们的执行条件。看代码：let setTimer;let shake = function() { clearTimeout(setTimer);...
2018-12-29 20:50:36
11178
1
原创 __proto__ 和 prototype 深度剖析
为什么要进行深度剖析proto 和 prototype 是一个老生常谈的话题，也是作为一个前端开发人员必须搞懂的问题，且不应该有任何的折扣，这是通往高级前端开发的必经之路和必备技能。虽然实际开发中用的并不多，但是当你学习一些新的js框架乃至自己封装一些高性能的组件时是及奇有用的。网上的相关资料很多，讲解也是多种多样，但是至今都没有看到一篇自己满意的文章，于是在翻阅众多资料以及相关书籍之后，作...
2018-12-29 15:03:50
848
1
原创 对象的深浅拷贝
标题对象的深浅拷贝在进行实例讲解之前，我们先下个给深浅拷贝下个定义，什么是深拷贝？什么是浅拷贝？个人理解：浅拷贝：针对指针的引用深拷贝： 对值的引用浅拷贝先看
2018-12-28 20:44:26
950
原创 this全面解析
this 深度解析最近，重温曾探的《JavaScript设计模式与开发实践》【下载相关学习资料 】 在各种案例中，关于this、call、apply 的使用及奇平凡，有些设计模式的案列相对复杂，各种来回复杂的调用，让人有点丈二的和尚摸不着头脑，于是又重温一下this，这里我会由浅入深的对自己再次的学习进行一些总结。this 指向引用《javascript高级程序设计第三版》【下载相关...
2018-12-28 13:08:28
755
转载 webpack 性能调优与 Gzip 原理
从本节开始，我们进入网络层面的性能优化世界。大家可以从第一节的示意图中看出，我们从输入 URL 到显示页面这个过程中，涉及到网络层面的，有三个主要过程：DNS 解析TCP 连接HTTP 请求/响应对于 DNS 解析和 TCP 连接两个步骤，我们前端可以做的努力非常有限。相比之下，HTTP 连接这一层面的优化才是我们网络优化的核心。因此我们开门见山，抓主要矛盾，直接从 HTTP 开始讲...
2018-12-27 10:36:04
12758
2
原创 react-navigation 连续点击多次跳转
问题描述，关于react-navigation 导航库在快速连续点击的时候，叶面会发生多次跳转，初次遇到这个坑爹的问题时，一脸懵逼，看过源码，几经折腾终于弄明白了是咋会儿事儿问题出现的原因：node_modules/react-navigation/src/NavigationActions.js 下的部分代码// 罪魁祸首是因没有针对该事件做相应的延迟处理，用源码可以看到，每次点击都会触发...
2018-12-26 19:44:35
801
转载 TCP 三次握手 四次挥手
三次握手剧情回顾恋爱那会儿给小女朋友打电话是这样的:client：client 对 server 说 SYN (约么)server: SYN + ACK (恩恩，好哒，走起)client: ACK (OK，搞定)以上就是三次握手，求偶三步曲当然，如果我只是这样解释的话，估计你心里也会骂我，耽误你如此宝贵的时间，然而我出家人从不打诳语，凡是讲究证据，接下来看图：在具体介绍之前...
2018-12-23 16:16:38
493
转载 DNS域名解析
前面写过一篇关于一次完整的HTTP请求，文章内容相对浅显，又是一年跳槽季，为了各位攻城狮们来年可以找到满意的工作和心仪的对象，几经思考，还是准备进一步细化讲解，今天就聊一聊骚气的csdn域名解析再具体介绍之前，先上图，然后看图说话，这样有图有真相有助于肠胃吸收，不至于枯燥乏味DNS是一个递归查询的过程，请先允许头盗图一张哈：如图所示，DNS域名解析是一个递归查询和迭代查询的过程，下面将对每...
2018-12-23 15:12:42
861
原创 Javascript 作用域、作用域链和闭包
先上定义作用域： 官方解释：一段程序代码中所用到的变量并不总是可用的，而限定这个变量的可用性的代码范围就是改变量的作用域闭包： 闭包就是能够读取其他函数内部变量的函数任何没有代码来支撑的定义和解释都是扯淡，务必静下心来看看下面的例子作用域举
2018-12-22 18:03:00
921
原创 某上市公司的前端面试
某上市公司的前端面试1、 每一次console.log输出多少，将 var 改成 let，每一次的console.log输出又是多少var a = 10; // 全局变量挂载在 window 对象上 (function () { // 匿名函数的回会形成独立的作用域，函数内部无法获取外部的 a // 变量声明提升 var a; conso...
2018-12-22 18:02:01
515
原创 JavaScript 中的堆栈调用
在介绍 JavaScript 之前，先介绍一下数据的类型基本类型 （按值访问） 包括：Number 、 String 、 Boolean、 Undefined、Null 引用类型 (按引用访问) 包括：Object、 Array 介绍一下堆和栈栈 (stack) ： 用来保存简单的数据字段堆 (heap) : 用来保存栈中简单数据字段对指针的引用基本类型、引...
2018-12-16 18:53:04
4072
3
javascript 设计模式与开发实践
2018-02-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人