Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统；webpack4配置总结(六)；JavaScript数组常见用法；重写 500 Lines or Less 项目：Web Server；从0开始的Webpack – 写Demo用的简单配置；让 WebStorm 配置自动识别 Webpack 的 alias 配置；打开控制台也删不掉的元素，前端都吓尿了；大声对webpack4.0说声你好之loader基础篇资源打包讲解(二)
-
Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统
Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统 完整无密 【点击下载】 在线学习一夕之间席卷南北，互联网教育的未来潜力已毋庸置疑。视频作为在线教育的核心载体，其相关系统开发也是各大在线教育企业的重中之重。本课程用当下热门的微服务架构Spring Cloud和前端架构Vue，带领你一起开发企业级…
-
上一篇整理了 plugins 的配置。这篇开始整理webpack其他的一些配置项。 resolve resolve 是指定webpack打包构建过程中模块如何解析的相关配置。比如代码中的模块路径怎么解析，文件名怎么解析。这里简单整理一下两个配置项 extensions 及 alias 。 extensions extensions 是用来解析文件名的。…
-
最近做一个项目中做一个竞猜游戏界面，游戏规则和彩票是一样的。在实现“机选一注”，“机选五注”的时候遇到数组的一些操作，例如产生 这样的数组，随机抽取不重复的元素重新组成数组等问题。回想这类问题在平时项目中遇到的机会非常多，何不归纳一下JavaScript数组的一些知识点，以供平时工作参考。 …
-
重写 500 Lines or Less 项目：Web Server
本文章是 重写 500 Lines or Less 系列项目其中一篇，目标是重写 500 Lines or Less 系列的原有项目：A Simple Web Server。原文章代码是用Python2开发的，目前在Python3上无法正常运行。同时，部分内容比如CGI也已经不太适合目前的时代。因此本次重写主要关注以下方面： Python3 原文代码除了使用Py…
-
如今的前端，必定都用过Vue或者React，多多少少都有接触过webpack，我还清楚地记得第一次看Vue的Webpack配置时，仿佛在看天书一般。webpack作为前端工程化的核心知识之一，因为其功能太多，配置项又多又杂，初学时也比较难啃。 这是一个面向初学者的webpack系列博文。从0开始，一步步搭建出完整的、适用于常规环境的we…
-
让 WebStorm 配置自动识别 Webpack 的 alias 配置
我们都经常遇到这个情况，在 Web 项目目录结构划分得细致之后，从某个子组件引用公共模块时，如果使用准确的相对路径，路径可能会变得相当长： ├── common │ └── net.js └── pages ├── index │ └── top-bar.vue └── index.vue 此时，如果在 top-bar.vue 里引用 net.js ，路径将会是这…
-
在一个风和日丽的日子里，突然要运行一段代码，然后顺手打开控制台了。此时，刚好在一个页面。但是，一打开控制台，有一坨东西吸引了我的注意， 其实就是那个页面的水印 强迫症引发的好奇心 运行完我的代码了，又切回element板块，想删掉它(谁叫你那么大坨的，被我盯上了)。 点一下选中这个div，然后按…
-
大声对webpack4.0说声你好之loader基础篇资源打包讲解(二)
哈哈哈，它踏着轻快的步伐来啦。 如果你还没有看过我的《 大声对webpack4.0说声你好之webpack的基本使用(一) 》,建议您先大致浏览，因为我会接着上一节的代码继续记笔记。 本篇你将会对loader有个初步认识，还会对一些常用的静态资源打包，例如图片、样式、字体等，如果你想学习更多关于loader的知识点和其他的，记得…
-
原文链接：https://segmentfault.com/a/1190000021937948 如果文章和笔记能带您一丝帮助或者启发，请不要吝啬你的赞和收藏，你的肯定是我前进的最大动力:grin: 附笔记链接，阅读往期更多优质文章可移步查看，喜欢的可以给我点赞鼓励哦：https://github.com/Wscats/CV/issues/27 为元素添加o…
-
前端，面试时间 5.7-5.19，共计两周。西安，薪资区间 10-15 由于考虑到个人发展原因，从杭州回到了老家陕西，面试了7、8家，2个offer收场。记录一下面试情况。（题目不重要，重点在于如何将眼花缭乱的题目分类到你的知识体系中。 公司A 公司情况：初创公司，银行项目，人数20+，需出差。 技术栈：前端vue+后…
-
React.lazy 是什么 随着前端应用体积的扩大，资源加载的优化是我们必须要面对的问题，动态代码加载就是其中的一个方案，webpack 提供了符合 ECMAScript 提案 的 import() 语法 ，让我们来实现动态地加载模块（注：require.ensure 与 import() 均为 webpack 提供的代码动态加载方案，在 webpack 2.x 中，require.ensur…
-
JavaScript设置对象属性只读不可修改、不可枚举、不可删除：Object.defineProperty
使用defineProperty可以定义属性是否可以被枚举、修改和删除 configurable 对象的属性是否可以被删除 var o = { a:1 } Object.defineProperty(o, ‘a’, { configurable: false }) delete o.a console.log(o) // {a: 1} writable 对象的属性是否可以被修改 var o = { a:1 } Object.defineProperty(o, ‘a’, { writable…
-
Spring Boot 开发集成 WebSocket，实现私有即时通信系统
1/ 概述 利用Spring Boot作为基础框架，Spring Security作为安全框架，WebSocket作为通信框架，实现点对点聊天和群聊天。 2/ 所需依赖 Spring Boot 版本 1.5.3，使用MongoDB存储数据（非必须），Maven依赖如下： <properties> <java.version>1.8</java.version> <thymeleaf.versio…
-
JavaScript中最复杂的机制之一 this指针，即使是非常有经验的JavaScript开发者也并不一定能说出它究竟是什么 从字面上理解，this好像是“这里”的意思，因此我们常常认为this在哪个词法作用域里面，this就指向这个作用域。可是总有那么一天，你会发现结果与我们的思考背道而驰，这时，this对我们来说完全就是一种魔法了…
-
GitLab Runner + Helm 实现 PHP 程序自动化构建与部署最佳实践
为了让研发团队快速持续迭代PHP项目，采用Dockerfile(Nginx+PHP7.2+supervisor)+Helm部署的方式实现CICD。 软件情况说明： Harbor企业级镜像中心：使用docker-compose部署，版本1.10.0 GitLab：使用docker部署，版本12.5.2 Gitlab-Runner：使用docker部署，版本latest Helm…
-
现代编程中前后端都已经是分开部署了，前端有自己的域，后端也有自己的域。由于浏览器同源策略的限制，非同源下的请求，就会产生跨域问题。解决跨域问题的方法有很多种，例如CORS(cross orign resources share)和JSONP。这里我就着重介绍一下jsonp的解决方案。 一：基础概念 同源策略：同一协议，同一域名，同…
-
Flutter State Management 状态管理全面分析
前言 2019 Google I/O 大会，google就推出Provider，成为官方推荐的状态管理方式之一，Flutter 状态管理一直是个很热门的话题，而且状态管理的库也是超级多，这确实是我们每一个做Flutter开发难以避免的一道坎，既然这么重要，我们如何去理解它，如何使用它，如何做到更好呢？接下来让我告诉你答案 主要内…
-
上大学的时候老师讲一门语言，上来的第一节课就是配置各种环境，而通常看到那些脑袋都是一种快要炸的状态 。随着后来对 Linux 的学习之后发现，并没有那么头疼配置的东西（对于命令这么复杂的东西都可以接受，那么配置是不是也不显得那么枯燥了:joy:）。 本章是结合自己项目中的应该以及查看了 webpack 官方文档之…
-
JavaScript好用还未火的注解@Decorator（注解 | 装饰器 | 装潢器）
What （是什么）- Why （为什么）- How （怎么用）- Where （哪里用）阐述方法论； AOP 编程思想； JavaScript Decorator 的弊端； 如何定义 Decorator ； 自定义 Decorator 如何传参； 优雅的异常处理； 如何判断一个函数为异步函数； 二、What：是什么 1. AOP思想 先了解一下…
更多内容请关注公众号【前端开发博客】每日更新
