JavaScript
苏珊蓝顿
三级键盘工作者
展开
-
不会吧不会吧!不会还有人npm start不能冲进5s内吧!
不会还有人的npm start需要50秒吧?属于你的Webpack配置「观感度:????????????????????」「享用时间:2min」说在前面随着项目不断迭代,所需的静态资源、依赖库和插件越来越多,需要遍历的文件也呈指数式增加,导致每次编译的速度非常慢,再加上笔者接手的是类游戏化的Phaser项目,光是游戏引擎也需要消耗资源,固对项目进行编译时的优化。所需插件 HardSourceWebpackPlugin1.安装 npm install hard-source-webpack-原创 2020-12-12 15:22:12 · 325 阅读 · 0 评论 -
【Vue】如何配置代理请求接口
简单粗暴,依旧直接上代码在实际项目中往往不想直接暴露后台的真实接口,我们可以通过配置代理接口进行伪装请求。打开项目中/config/index.js文件找到module.exports 配置在dev模块中进行如下配置:// Proxy proxyTable: { '/web/api': { target: 'http://lo...原创 2019-11-28 22:50:30 · 3893 阅读 · 1 评论 -
【Vue课序5】保姆级:Vue+Vuex+Element
一、什么是Elementelement不用多说,与Ant Design一样是页面样式组件库,每个组件有着很多API需要读者慢慢学习并运用到实际项目当中。有时候为了方便交流,我们称之为 ’elm’ 或者 ’饿了么‘二、安装”elm“通过npm安装:npm install element-ui -S通过yarn安装:yarn add element-ui -S三、按需加载借助 b...原创 2019-11-28 15:57:43 · 436 阅读 · 0 评论 -
【Vue课序4】保姆级:Vuex异步数据获取
Store的解耦:官方提供的是将Vuex注册在src/main.js下,但是为了后来项目store的解藕,我们采取一步到位式配置,参考辉哥React教案中react+redux的设计模式。1.修改主store.js,用来集中管理主分支数据,其他分支数据通过import注入import Vue from 'vue' // 引入 vueimport Vuex from 'vuex' // 引...原创 2019-11-23 11:22:49 · 562 阅读 · 0 评论 -
【Vue课序3】保姆级:实现Vue + Vuex 的状态管理
一、什么是 VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。二、安装 Vuex通过npm安装:npm install vuex —save通过yarn安装:yarn add vuex三、用全局store来管理状态拿刚刚完成的HelloWorld.vue来体验V...原创 2019-11-21 11:19:12 · 347 阅读 · 0 评论 -
【Vue课序2】保姆级:初识Vue项目结构和实现第一个Vue组件
一、了解项目结构当通过 vue init webpack 初始化Vue项目时会自动创建一下模板二、了解Vue单元组件的构成介绍: 一个标准的.vue文件由以下模块构成:<template></template><script></script><!-- Add "scoped" attribute to limit CSS ...原创 2019-11-19 22:06:21 · 340 阅读 · 0 评论 -
【Vue课序1】保姆级:从零到一搭建VUE开发环境和启动项目
一、什么是 VueVue 是一个用于构建用户界面的渐进式框架「注意读音类似于 View,作者的初衷也是让其起 View 的功能」,Vue 只注重视图层,这点和 React 的是一模一样的,Vue的特点:简单、易用灵活高效二、Vue 环境搭建安装 node,使用 npm 和 yarn 首先要安装 node,可以去官网下载:https://nodejs.org/en/download/...原创 2019-11-18 14:06:38 · 705 阅读 · 0 评论 -
【前端面试】Part2:2020届初级前端校招笔试题及面经总结 —— 框架理解题
针对框架提问如果简历中有框架(React、Vue、Angular)的使用开发经验,面试官会针对提问,由于笔者是采用React下文的题目都是针对React的。第1题:React生命周期 第2题:为什么要给组件key 第3题:React的使用场景 第4题:实现组件的方式有哪些? 第5题:React的加载机制 第6题:Antd如何实现按需加载 第7题:有了解Diff算法吗...原创 2019-10-20 20:35:39 · 719 阅读 · 0 评论 -
【前端面试】Part 3:2020届初级前端校招笔试题及面经总结 —— 基础编程题
第1题:判断回文字符串// 判断一个字符串是不是回文字符串function checkPalindrom(str) { return str == str.split('').reverse().join('');}第2题:数组合并去重扁平化function flatten() { // 数组扁平化 var arr = [].concat.apply([],...原创 2019-10-20 20:34:43 · 812 阅读 · 0 评论 -
【我的架构之路】为什么现在WEB开发更像APP开发?
引言:在了解现代互联网的WEB开发之前我们得先了解什么是B/S、C/S?CS架构是安装在用户系统本地的程序,类似于QQ,完全在用户计算机上执行,除了数据交互会与服务端进行通信BS架构为WEB,用户看到的东西叫做“视图 ”,每次请求新页面或者发起请求都是由服务端处理。两者之间仿佛有着鸿沟,现代互联网技术如何解决这个问题呢?这时我们试图去了解 单页面应用 和 多页面应用,过去我在实验室...原创 2019-10-17 13:13:08 · 372 阅读 · 0 评论 -
【前端面试】Part 1:2020届初级前端校招笔试题及面经总结 —— 基础知识题
2020届初级前端校招笔试题及面经总结 —— 持续更新原创 2019-09-16 00:08:13 · 8385 阅读 · 1 评论
分享