20200526 前端开发日报

Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统;webpack4配置总结(六);JavaScript数组常见用法;重写 500 Lines or Less 项目:web Server;从0开始的Webpack – 写Demo用的简单配置;让 WebStorm 配置自动识别 Webpack 的 alias 配置;打开控制台也删不掉的元素,前端都吓尿了;大声对webpack4.0说声你好之loader基础篇资源打包讲解(二)

  1. Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统

    Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统 完整无密  【点击下载】 在线学习一夕之间席卷南北,互联网教育的未来潜力已毋庸置疑。视频作为在线教育的核心载体,其相关系统开发也是各大在线教育企业的重中之重。本课程用当下热门的微服务架构Spring Cloud和前端架构Vue,带领你一起开发企业级...

  2. webpack4配置总结(六)

    上一篇整理了 plugins 的配置。这篇开始整理webpack其他的一些配置项。 resolve resolve 是指定webpack打包构建过程中模块如何解析的相关配置。比如代码中的模块路径怎么解析,文件名怎么解析。这里简单整理一下两个配置项 extensions 及 alias 。 extensions extensions 是用来解析文件名的。...

  3. JavaScript数组常见用法

    最近做一个项目中做一个竞猜游戏界面,游戏规则和彩票是一样的。在实现“机选一注”,“机选五注”的时候遇到数组的一些操作,例如产生 这样的数组,随机抽取不重复的元素重新组成数组等问题。回想这类问题在平时项目中遇到的机会非常多,何不归纳一下JavaScript数组的一些知识点,以供平时工作参考。 ...

  4. 重写 500 Lines or Less 项目:Web Server

    本文章是 重写 500 Lines or Less 系列项目其中一篇,目标是重写 500 Lines or Less 系列的原有项目:A Simple Web Server。原文章代码是用Python2开发的,目前在Python3上无法正常运行。同时,部分内容比如CGI也已经不太适合目前的时代。因此本次重写主要关注以下方面: Python3 原文代码除了使用Py...

  5. 从0开始的Webpack – 写Demo用的简单配置

    如今的前端,必定都用过Vue或者React,多多少少都有接触过webpack,我还清楚地记得第一次看Vue的Webpack配置时,仿佛在看天书一般。webpack作为前端工程化的核心知识之一,因为其功能太多,配置项又多又杂,初学时也比较难啃。 这是一个面向初学者的webpack系列博文。从0开始,一步步搭建出完整的、适用于常规环境的we...

  6. 让 WebStorm 配置自动识别 Webpack 的 alias 配置

    我们都经常遇到这个情况,在 Web 项目目录结构划分得细致之后,从某个子组件引用公共模块时,如果使用准确的相对路径,路径可能会变得相当长: ├── common │ └── net.js └── pages ├── index │ └── top-bar.vue └── index.vue 此时,如果在 top-bar.vue 里引用 net.js ,路径将会是这...

  7. 打开控制台也删不掉的元素,前端都吓尿了

    在一个风和日丽的日子里,突然要运行一段代码,然后顺手打开控制台了。此时,刚好在一个页面。但是,一打开控制台,有一坨东西吸引了我的注意, 其实就是那个页面的水印 强迫症引发的好奇心 运行完我的代码了,又切回element板块,想删掉它(谁叫你那么大坨的,被我盯上了)。 点一下选中这个div,然后按...

  8. 大声对webpack4.0说声你好之loader基础篇资源打包讲解(二)

    哈哈哈,它踏着轻快的步伐来啦。 如果你还没有看过我的《 大声对webpack4.0说声你好之webpack的基本使用(一) 》,建议您先大致浏览,因为我会接着上一节的代码继续记笔记。 本篇你将会对loader有个初步认识,还会对一些常用的静态资源打包,例如图片、样式、字体等,如果你想学习更多关于loader的知识点和其他的,记得...

  9. 我和大佬之间差一个JS工具函数大全…

    原文链接:https://segmentfault.com/a/1190000021937948 如果文章和笔记能带您一丝帮助或者启发,请不要吝啬你的赞和收藏,你的肯定是我前进的最大动力:grin: 附笔记链接,阅读往期更多优质文章可移步查看,喜欢的可以给我点赞鼓励哦:https://github.com/Wscats/CV/issues/27 为元素添加o...

  10. 五月中级前端面试报告

    前端,面试时间 5.7-5.19,共计两周。西安,薪资区间 10-15 由于考虑到个人发展原因,从杭州回到了老家陕西,面试了7、8家,2个offer收场。记录一下面试情况。(题目不重要,重点在于如何将眼花缭乱的题目分类到你的知识体系中。 公司A 公司情况:初创公司,银行项目,人数20+,需出差。 技术栈:前端vue+后...

  11. 这就是你日思夜想的 React 原生动态加载

    React.lazy 是什么 随着前端应用体积的扩大,资源加载的优化是我们必须要面对的问题,动态代码加载就是其中的一个方案,webpack 提供了符合 ECMAScript 提案 的 import() 语法 ,让我们来实现动态地加载模块(注:require.ensure 与 import() 均为 webpack 提供的代码动态加载方案,在 webpack 2.x 中,require.ensur...

  12. 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...

  13. 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...

  14. 10分钟掌握JS函数中this指针的指向

    JavaScript中最复杂的机制之一 this指针,即使是非常有经验的JavaScript开发者也并不一定能说出它究竟是什么 从字面上理解,this好像是“这里”的意思,因此我们常常认为this在哪个词法作用域里面,this就指向这个作用域。可是总有那么一天,你会发现结果与我们的思考背道而驰,这时,this对我们来说完全就是一种魔法了...

  15. 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...

  16. JSONP解决JS跨域问题

    现代编程中前后端都已经是分开部署了,前端有自己的域,后端也有自己的域。由于浏览器同源策略的限制,非同源下的请求,就会产生跨域问题。解决跨域问题的方法有很多种,例如CORS(cross orign resources share)和JSONP。这里我就着重介绍一下jsonp的解决方案。 一:基础概念 同源策略:同一协议,同一域名,同...

  17. Flutter State Management 状态管理全面分析

    前言 2019 Google I/O 大会,google就推出Provider,成为官方推荐的状态管理方式之一,Flutter 状态管理一直是个很热门的话题,而且状态管理的库也是超级多,这确实是我们每一个做Flutter开发难以避免的一道坎,既然这么重要,我们如何去理解它,如何使用它,如何做到更好呢?接下来让我告诉你答案 主要内...

  18. webpack4.0 把自己总结'吐'的一篇文章

    上大学的时候老师讲一门语言,上来的第一节课就是配置各种环境,而通常看到那些脑袋都是一种快要炸的状态 。随着后来对 Linux 的学习之后发现,并没有那么头疼配置的东西(对于命令这么复杂的东西都可以接受,那么配置是不是也不显得那么枯燥了:joy:)。 本章是结合自己项目中的应该以及查看了 webpack 官方文档之...

  19. JavaScript好用还未火的注解@Decorator(注解 | 装饰器 | 装潢器)

    What (是什么)- Why (为什么)- How (怎么用)- Where (哪里用)阐述方法论; AOP 编程思想; JavaScript Decorator 的弊端; 如何定义 Decorator ; 自定义 Decorator 如何传参; 优雅的异常处理; 如何判断一个函数为异步函数; 二、What:是什么 1. AOP思想 ​ 先了解一下...

更多内容请关注公众号【前端开发博客】每日更新
20200526 前端开发日报

原文:20200526 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200526.html)