苏珊蓝顿

Nginx服务器发布Ant Design以及Ant Design Pro项目通过终端命令行进入项目目录发布完成通过终端命令行进入项目目录1.// 在编译的项目中进行打包指令 npm run build 2. 找到打包后的文件夹执行完打包指令后会在原来的项目结构中生成一个新的文件夹，这里分为两种情况 1).ant design (普通react)项目 此时会生成一个名为“b...

不会还有人的npm start需要50秒吧？属于你的Webpack配置「观感度：????????????????????」「享用时间：2min」说在前面随着项目不断迭代，所需的静态资源、依赖库和插件越来越多，需要遍历的文件也呈指数式增加，导致每次编译的速度非常慢，再加上笔者接手的是类游戏化的Phaser项目，光是游戏引擎也需要消耗资源，固对项目进行编译时的优化。所需插件 HardSourceWebpackPlugin1.安装 npm install hard-source-webpack-

简单粗暴，依旧直接上代码在实际项目中往往不想直接暴露后台的真实接口，我们可以通过配置代理接口进行伪装请求。打开项目中/config/index.js文件找到module.exports 配置在dev模块中进行如下配置：// Proxy proxyTable: { '/web/api': { target: 'http://lo...

一、什么是Elementelement不用多说，与Ant Design一样是页面样式组件库，每个组件有着很多API需要读者慢慢学习并运用到实际项目当中。有时候为了方便交流，我们称之为 ’elm’ 或者 ’饿了么‘二、安装”elm“通过npm安装：npm install element-ui -S通过yarn安装：yarn add element-ui -S三、按需加载借助 b...

Store的解耦:官方提供的是将Vuex注册在src/main.js下，但是为了后来项目store的解藕，我们采取一步到位式配置，参考辉哥React教案中react+redux的设计模式。1.修改主store.js，用来集中管理主分支数据，其他分支数据通过import注入import Vue from 'vue' // 引入 vueimport Vuex from 'vuex' // 引...

一、什么是 VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。二、安装 Vuex通过npm安装：npm install vuex —save通过yarn安装：yarn add vuex三、用全局store来管理状态拿刚刚完成的HelloWorld.vue来体验V...

一、了解项目结构当通过 vue init webpack 初始化Vue项目时会自动创建一下模板二、了解Vue单元组件的构成介绍： 一个标准的.vue文件由以下模块构成：<template></template><script></script><!-- Add "scoped" attribute to limit CSS ...

一、什么是 VueVue 是一个用于构建用户界面的渐进式框架「注意读音类似于 View，作者的初衷也是让其起 View 的功能」，Vue 只注重视图层，这点和 React 的是一模一样的，Vue的特点：简单、易用灵活高效二、Vue 环境搭建安装 node，使用 npm 和 yarn 首先要安装 node，可以去官网下载：https://nodejs.org/en/download/...

当准备克隆一个GitHub的项目时，突然出现了如下错误：luvsta:vue-demo aixing$ git clone https://github.com/TigerChain/vue-lesson.gitCloning into 'vue-lesson'...remote: Enumerating objects: 22764, done.error: RPC failed; cu...

针对框架提问如果简历中有框架（React、Vue、Angular）的使用开发经验，面试官会针对提问，由于笔者是采用React下文的题目都是针对React的。第1题：React生命周期 第2题：为什么要给组件key 第3题：React的使用场景 第4题：实现组件的方式有哪些？ 第5题：React的加载机制 第6题：Antd如何实现按需加载 第7题：有了解Diff算法吗...

第1题：判断回文字符串// 判断一个字符串是不是回文字符串function checkPalindrom(str) { return str == str.split('').reverse().join('');}第2题：数组合并去重扁平化function flatten() { // 数组扁平化 var arr = [].concat.apply([],...

引言：在了解现代互联网的WEB开发之前我们得先了解什么是B/S、C/S？CS架构是安装在用户系统本地的程序，类似于QQ，完全在用户计算机上执行，除了数据交互会与服务端进行通信BS架构为WEB，用户看到的东西叫做“视图 ”，每次请求新页面或者发起请求都是由服务端处理。两者之间仿佛有着鸿沟，现代互联网技术如何解决这个问题呢？这时我们试图去了解 单页面应用 和 多页面应用，过去我在实验室...

引言：brew 又叫Homebrew，是Mac OSX上的软件包管理工具，能在Mac中方便的安装软件或者卸载软件， 只需要一个命令， 非常方便brew类似ubuntu系统下的apt-get的功能Homebrew的可执行命令是brew，其基本使用方法如下（以wget为例）。查找软件包brew search wget安装软件包brew install wget列出已安装的...

在电商行业中，负载均衡、高并发、分布式等经常被提到的关键词在我们目前的实验室是无法解除的，但通过学习东北大学的架构师大牛Anduin的技术之路后后有了一定的了解，写下博客加强自己的理解。

本文知识点概括以及案例都来自于我的好友:Anduin Xue 这次仅做知识分享。感兴趣的朋友可以去油管关注：https://www.youtube.com/channel/UCe1nKo3WGGzyTgDqmTdZzlA

2020届初级前端校招笔试题及面经总结 —— 持续更新