Angular项目过大?合理拆分它!

2022-07-26
阅读 6 分钟
8k
Angular 让人诟病的一点就是打包后体积很大,一不小心 main.js就大的离谱,其实遇到类似的问题,不管是体积大、数据大、还是流量大,就一个思路:拆分。再配合浏览器的缓存机制,能很好的优化项目访问速度。
封面图

分享一个基于webpack5 + react + antd的空后台,优化的不错,拿来即用

2021-05-10
阅读 4 分钟
5.5k
这是一个空的 react + antd 管理后台,只需要开发页面就能让它成为你想要的管理系统线上地址:[链接]项目地址:[链接] 欢迎 Star 和提供更好的建议概述该管理后台基于 webpack5、 react@17、react-router@5.2、typescript、antd@4.10状态管理使用 mobx@6.x,相比 redux 使用更简单,整个项目使用多 store 进行状态管理更...
封面图

Nodejs文件上传、监听上传进度

2020-03-26
阅读 4 分钟
5k
前言 文件上传如果加上进度条会有更好的用户体验(尤其是中大型文件),本文使用Nodejs配合前端完成这个功能。 前端我们使用 FormData 来作为载体发送数据。 文章出自我的博客,会不定时更新,欢迎关注 效果 前端部分 HTML 部分 和 Js 部分 {代码...} {代码...} 下面我们实现upload 方法。 使用 XMLHttpRequest 的方式 {...

微前端(singleSpa + React )试玩

2019-11-18
阅读 4 分钟
9.7k
我们团队正在做一个XX系统,技术栈是React,目前该系统日渐庞大,开发及维护成本加大,且每次必须把整个项目一起打包,费时费力。经考虑后决定将其拆分成多个项目,由它们组合成一个完整系统,微前端架构是非常好的选择。

Mysql入门第五课《外键约束》

2019-09-26
阅读 4 分钟
1.4k
原在我的 Github 上,欢迎订阅。 其他文章: Mysql入门第一课《建表、改表、删表》 Mysql入门第二课《数据类型》 Mysql入门第三课《数据的增删改》 Mysql入门第四课《查询数据》 前言 外键约束是mysql提供的表与表之间的关联,使用它可以保证数据的一致性和完整性。 但是我问过同事,他们现在开发中不会使用外键约束,主...

Mysql入门第四课《数据查询》

2019-09-23
阅读 5 分钟
1.8k
原文在我的 Github 中,欢迎订阅。 前言 前几篇文章 Mysql入门第一课《建表、改表、删表》 Mysql入门第二课《数据类型》 Mysql入门第三课《数据的增删改》 之所以把数据查询单拉一个文章,是因为查询牵扯的知识点比较多,可以说在增删改查里,查的复杂度也是最高的。 之前已经了解一点像WHERE id=2 这种非常简单的条件语...

Mysql入门第三课《数据的增删改》

2019-09-20
阅读 3 分钟
1.5k
原文在我的Github里,欢迎订阅。 之前已经学习了Mysql入门第一课《建表、改表、删表》 和 Mysql入门第二课《数据类型》,今天继续学习 如果对表数据进行增加、修改和删除的操作。 依然以 student 表为例。 执行以下 sql 新建一个空的 student表: {代码...} 新增数据 先看下新增数据通用语法: {代码...} field为字段名...

Mysql入门第二课《数据类型》

2019-09-18
阅读 3 分钟
1.6k
比如给student(学生表)添加age字段,选择TINYINT类型就够了,它的范围是 0-255(无符号) 比较适合,如果使用 INT 也可以满足条件,但INT占 4 个字节,而TINYINT只占 1 个字节,相比较当然TINYINT性能更好。

Mysql入门第一课《建表、改表、删表》

2019-09-18
阅读 3 分钟
1.8k
本系列主要用于本人学习Mysql的记录,我把它当做学习笔记。没有从安装数据库及用户新增和权限分配等知识开始,而是侧重于Mysql表操作、数据增删改查及其他相关知识。

React中的事件函数为什么要bind this?

2019-09-17
阅读 4 分钟
1.9k
原文在我的 github 中,欢迎订阅 我们平常写React是这样的: {代码...} 上面代码可以完好运行,handleClick 绑定好 this 后,打印如下: {代码...} 我们把.bind(this)去掉,再打印一次: {代码...} OK,果然this就没有任何东西了。 但是如果把 handleClick 改为箭头函数的写法,就不需要 bind(this) 了: {代码...} 更改...

学Node必须掌握的Buffer和Stream

2019-08-20
阅读 3 分钟
4.3k
因为想学好 node 这些东西几乎是必须掌握的。这篇文章来说一下在 node 中几乎无处不在的 Buffer 和 Stream,什么是 Buffer 以及它和 Stream 到底什么关系? 马上揭晓。

Nodejs核心模块简介

2019-08-16
阅读 5 分钟
5.8k
github文章链接:[链接] 学习nodejs必须要掌握其核心,就像学JavaScript必须掌握函数、对象、数据类型、BOM、DOM等。 nodejs核心也不少,这里介绍几个核心:Events模块、fs模块、stream的使用、http模块。 Events 事件驱动、非阻塞异步IO是nodejs的特点,所以Events是非常重要的模块。并且node中绝大多数模块都继承了Eve...

使用Docker部署Node应用

2019-06-18
阅读 2 分钟
3.9k
上篇《前端也要学Docker啊!》介绍了 Docker 及它的三个主要概念:Image(镜像)、Container(容器)、Registry(仓库) 以及Docker安装。

前端也要学Docker啊!

2019-06-15
阅读 2 分钟
8.9k
Docker这两年非常火热,也是各大厂必用的好东西,这两天没事玩了一下感觉很不错,学起来也不难 写下此文共勉学习。 关于Docker Docker 可理解为跑在宿主机上的非常精简、小巧、高度浓缩的虚拟机。 它可以将容器里的进程安稳的在宿主机上运行。 Docker重要的三个概念必须要知道: Image: 镜像 Container: 容器 Repository...

koa+jwt实现token验证与刷新

2019-05-30
阅读 3 分钟
15.8k
JSON Web Token (JWT)是一个开放标准(RFC 7519),它定义了一种紧凑的、自包含的方式,用于作为JSON对象在各方之间安全地传输信息。该信息可以被验证和信任,因为它是数字签名的。

Koa+Typescript起手式(空环境) 不用每次玩node都要搭环境了!

2019-05-11
阅读 1 分钟
8.5k
本人平常喜欢用nodejs瞎 JB 写写东西,但是每次都要创建项目、安装依赖等等前戏工作,这让我很烦。于是乎写了个空的起手式,这样以后写东西直接 clone 下来就行了。

你对项目里的依赖包了解吗

2019-04-27
阅读 4 分钟
6k
注意:本文所有依赖包是目前最新版本的 现在很多开发朋友对于使用webapck、babel搭建开发环境已经不陌生,但很少去系统性的了解项目依赖。 本文从环境依赖包说起,让你对自己的开发环境有更深的了解。 为了简单,我们将依赖分个类:Babel相关🔥、Webpack相关🔥、可选的依赖包。注意:带🔥 是指必需的依赖, 下面我们一个一...

撸个简单的MVVM框架

2018-07-30
阅读 10 分钟
3.6k
目前几种主流的mvc(vm)框架都实现了单向数据绑定,而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素(input、textare等)添加了change(input)事件,来动态修改model和 view,并没有多高深。所以无需太过介怀是实现的单向或双向绑定。

一个经过优化的react脚手架,拿来就能开发

2018-07-09
阅读 1 分钟
3.9k
react-ve 拿来即用的 react 脚手架 没有使用create-react-app,直接走webpack显性配置,使配置透明。 脚手架是我根据大多数公司的业务,取其共同需求搭建的,并且做了项目优化,不管小项目还是大项目都可以很好的支撑。 一点建议 建议使用typescript开发 在数据控制方面,推荐你使用ImmutableJs来控制数据,因为它和reac...

代码拆分

2018-06-11
阅读 5 分钟
5.6k
原文来自我的github: [链接] 代码拆分与动态导入 当项目越做越大时,体积过大导致加载速度过慢,性能问题直接影响用户体验。 这时我们会考虑将代码拆分。 拆分,顾名思义就是将一个大的东西拆分成N个小的东西,用公式表示就是:Sum = n * Sub 代码拆分基于动态导入 什么是动态导入?就是我需要什么,你给我什么,我不需...

亲手撸一个React(一):JSX与虚拟DOM

2018-05-11
阅读 5 分钟
3.1k
react的火热程度已经达到了94.5k个start,本系列文章主要用简单的代码来实现一个react,来了解JSX、虚拟DOM、diff算法以及state和setState的设计。

自己写的react脚手架:react-ve

2017-11-29
阅读 1 分钟
4k
这是自己撸的一个react脚手架 使用了代码分片、按需加载、DLL等方式来优化项目,所以你不用为项目过大而烦恼。 并且将webpack配置全部暴露出来,你可以根据自己的喜好去修改。 github地址:[链接](听说点star的人都是好人????) react-ve 一个让你快速搭建react开发环境的脚手架 安装及使用: {代码...} 启动项目: {代...

JavaScript算法实现缓冲运动

2017-09-29
阅读 8 分钟
2.9k
点击看demo 代码如下: {代码...}

ES6+ class中代码的真正样子

2017-03-17
阅读 2 分钟
4.6k
这篇文章用代码对比的方式解释ES6中的类如果用我们熟悉的ES5来看是什么样的。 一、用class定义一个空类在ES6中: {代码...} 在ES5中: {代码...} 结论:这个结果很清晰,原来ES6中的class类在ES5中也是定义一个构造函数,然后返回出来。 二、定义属性在ES6中: {代码...} 在ES5中: {代码...} 结论:在ES6中定义的属性,...

Git分支:master分支和开发版本分支

2017-01-12
阅读 2 分钟
27.7k
在使用git时,假如远程仓库有 dev 和 master 两个分支,master 作为一个稳定版分支,可用于直接发布产品,日常的开发则 push 到 dev 分支,那本地是不是要从 dev 分支中创建一个本地分支,然后在这个分支的 push 的动作是默认推到远程 dev 分支上?

adaptive.js让移动端开发更简单的方案

2016-12-21
阅读 2 分钟
5.8k
前言 对于手机不离手的当今社会,移动端页面开发已经成了日常便饭,如何让手机页面开发起来更省心是一个前端工程师必不可少的技能。 adaptive.js 由本人借鉴手淘方案编写的非常小巧的js代码片段,它可以让你的手机页面开发起来更省心。废话不多说,让我们先看看一个demo页面: 你可以点击打开页面,在Chrome浏览器上使用...

Redux、Flux、Vuex

2016-10-11
阅读 3 分钟
9.1k
再后来nodejs的崛起,出现了reactjs、vuejs、avalonjs,都是主打组件化,让数据来驱动视图,再配合像grunt和webpack前端工具更是让前端步入新的时代。

浅谈Nodejs应用主文件index.js组成部分——略详解

2016-08-18
阅读 2 分钟
7.8k
经过之前的文章《浅谈Nodejs应用的主文件index.js的组成部分》,终于认识了Node妹子的容颜,然后好像上呀<( ̄︶ ̄)>。呦西~这次让本屌在她胴体上游走一番,想想也是不错滴。嗯哼,YY到此为止。

浅谈Nodejs应用的主文件index.js的组成部分

2016-08-17
阅读 2 分钟
12.9k
Node妹子的问世,着实让我们前端攻城狮兴奋了一把,尤其本屌听说Javascript可以写服务端后,兴奋的像是看到了二次元萝莉的胖子...(●'◡'●)。呃哼...YY先到这里,原谅本屌是个二次元萝莉控。

前端Javascript与Nodejs的异同

2016-08-03
阅读 1 分钟
12.5k
很多小伙伴学Node的时候,都没有好好认识她就开始疯狂追求,想一举拿下,直接在网上搜索Node实战,想知道她活好不好,想先用她建个简单博客练练手。