自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

qq20004604的博客

github.com/qq20004604

原创 大型项目前端架构浅谈(8000字原创首发)

大型项目前端架构浅谈 目录: 1、综合 1.1、使用场景 1.2、核心思想 1.3、切入角度 1.4、其他 2、基础层设计 2.1、自建Gitlab 2.2、版本管理 2.3、自动编译发布Jenkins 2.4、纯前端版本发布 2.5、统一脚手架 2.6、Node中间层 2.7、埋点系统...

2019-05-26 13:06:52 2067 2

原创 【九图流】从零开始设计一个登录系统(初中级)

说明 无任何代码,只有设计思路。 范畴等级:初级开发、中级开发。 场景:中小型项目,内部项目。 v0.1 v0.2 v0.3 v0.4 v0.5 v0.6 v0.7 v0.8 v0.9

2019-12-16 09:01:46 98 0

原创 用套路写页面(第二节)不定高边栏,子元素高度动态且相邻联动

目录: 5、左侧边栏(难度:3.5颗星) 5.1、原型分析 套路5:当高度/宽度为动态获取,且相邻联动的两个区域 5.2、左边栏上下区域划分 套路6:无痕滚动 5.3、按钮的 CSS 5.4、历史记录 5.5、总结 5、左侧边栏(难度:3.5颗星) 前文参照: 第一节:https://blog...

2019-08-08 16:47:45 205 0

原创 手把手教你用套路写页面(HTML、CSS初中级前端教学)(第一节)

很多人不太会写 HTML 和 CSS,这里教你如何分析页面结构,如何使用各种标准套路写出各种页面。 以 HTML 和 CSS 为主,部分动态内容加入 js 实现。 所有技巧全部简单暴力,没有兼容性问题(除非你要兼容IE8),但是非常好用。 源代码:https://github.com/qq200...

2019-08-07 14:53:36 2170 4

原创 前端架构详谈(1)纯前端发布

前端架构详谈(1)纯前端发布 0、前言 1、项目简述 2、场景描述 3、数据结构简述 4、项目核心点 5、后台服务 6、项目架构图 7、数据库设计 8、后期功能扩展 9、示例效果 10、总结 0、前言 在上一篇文章《大型项目前端架构浅谈》里,我简单的阐述了一下在大型项目里,前端架构如何设计。 ...

2019-06-17 16:00:12 759 1

原创 一图流的前端工程化

2019-05-08 21:13:09 287 0

原创 原 Python3——Django2新手教程(5)django和数据库(sqlite、mysql、多数据库)

8、django和数据库交互 8.0、前注 觉得文章写的对你有帮助,请点赞、关注、Star。 项目资源的github地址: https://github.com/qq20004604/Python3_Django_Demo 8.1、环境安装 首先,确保你安装了mysql。 如果没有安装,就只能和s...

2019-05-08 00:09:27 1036 1

原创 Python3——Django2新手教程(4)异步请求(ajax)的处理

7、异步请求(ajax)的处理 7.1、新建一个应用 应用名为:getform python manage.py startapp getform 7.2、先编辑路由 编辑 urls.py,先引入: from getform import views as form_views 然后再配置路由...

2019-05-05 20:00:14 1511 0

原创 Python3——Django2新手教程(3)返回嵌入数据的页面以及CSRF处理

6、返回嵌入数据的模板网页 6.1、新建一个应用 python manage.py startapp inject_str 执行后,文件夹创建完毕。 6.2、添加路由(urls.py) 打开 urls.py 文件,做两件事: 1、引入views: from inject_str import v...

2019-05-05 19:59:31 396 0

原创 Python3——Django2新手教程(2)静态目录/文件

5、静态目录 5.1、【方案一】简单,但不推荐,适合开发环境使用 简单来说,文件都丢进来,不需要配置路由,只要路径正确,会去找这些文件。 步骤: 根目录下新建 static文件夹; settings.py 进行配置,如下: static目录下新建 abc.html ,body标签内写 abc; ...

2019-05-05 19:58:26 640 0

原创 Python3——Django2新手教程(1)安装~添加应用~启动~返回html模板

0、说明 项目demo地址:https://github.com/qq20004604/Python3_Django_Demo 版本: django版本:2.2.1 python版本:3.7 1、安装 pip3 install django 初始化: 直接用 pycharm 新建 django...

2019-05-05 19:56:12 495 0

原创 Docker新手教程(07)Docker与MySQL

07、Docker与MySQL 1、场景说明和使用思路 场景说明: 既然说服务器,怎么能离开各种数据库呢?而 MySQL 显然是最好用的数据库之一。 但是博主自己经验来说,最讨厌配 MySQL 的环境了,还好有 Docker 可以简单解决这个问题。 使用思路: Docker的容器是可以被删除、复制...

2019-04-18 14:56:42 85 0

原创 Docker新手教程(06)Docker里container、image、文件的互相转化

06、container、image、文件的互相转化 1、情况说明 image(又称为镜像):是通过 Dockerfile file创建的,通过 docker image ls 查看; container(容器):是 image 通过 docker container run [image] 来...

2019-04-15 22:06:25 982 0

原创 Docker新手教程(05)Docker容器的管理

05、容器的管理 1、image文件生成容器 命令: docker container run 说明: 参照【04、run与start的区别】; 2、启动容器 命令: docker container start [containerID] 说明: 参照【04、run与start的区别】...

2019-04-15 22:05:46 75 0

原创 Docker新手教程(04)docker container run与docker container start的区别

04、docker container run与docker container start的区别 两个命令的区别: docker container run docker container start [containerID] 1、run 命令 命令: docker container ...

2019-04-15 22:05:08 2780 2

原创 Docker新手教程(03)进入已创建的Docker容器并执行bash命令

03、进入已创建的Docker容器并执行bash命令 1、情况描述 我们会遇见这样一种情况,一个Docker容器执行一段时间后,出错了,这个时候我们需要查看到底是因为什么原因出错。 正常情况,我们进入 shell ,然后通过各种命令调试,但是 Docker 的容器一般是后台运行的,所以显然没办法这...

2019-04-15 22:04:01 724 0

原创 Docker新手教程(02)创建一个自己的 Docker Image

02、创建一个自己的 Docker Image 1、预期目标 实现一个 Express 的 Docker Image; 使用 Node.js 的 Express 框架, 使用最基本的 Demo 即可; 2、步骤 2.1、先创建一个标准的 Express 项目 安装 Express(如果已经安装...

2019-04-15 22:03:24 588 0

原创 Docker新手教程(01)安装Docker

01、安装Docker 参考文章: Docker 入门教程(阮一峰) 1、Centos安装Docker Docker版本: 安装版本是CE(社区版); 除了社区版之外,还有EE(企业版)(付费); 系统要求: 要求Centos7,不能是测试版; 其他系统可以从参考文章里,找对应的系统的安...

2019-04-15 22:02:47 163 0

原创 利用Nginx实现负载均衡(反向代理)完全详解

1、常见负载均衡的方式(概念普及) 【1】用户手动选择 例如我们玩游戏,服务器会显示当前服务器的状态是拥挤、繁忙、还是空闲,然后用户根据自己实际需要,选择自己想去的服务器。 如果服务器人太多(达到上限),则触发排队,比如猪场主推的一些游戏,在刚上线的时候通常都特别火,要排很久,还有戏称阴兵的存在。...

2019-02-27 16:11:27 1269 0

原创 linux安装nodejs不是最新版本的解决方案(如何安装指定版本nodejs)

遇见问题: 执行 yum install nodejs 时,是老版本,而不是新版本。 并且变更源无效(示例代码如下,这个是centos装8.x版本的nodejs) curl -sL https://rpm.nodesource.com/setup_8.x | bash - 解决方案: 执行以下代...

2019-02-21 00:32:10 873 0

原创 如何使用虚拟机来运行linux,并通过ftp来访问linux服务器(多图详细教学)

0、前注 由于网站限定,故查看各个下载链接、参考文章链接,见github原文(链接在底部) 1、下载 虚拟机软件使用Oracle VM VirtualBox,优势是开源。 进入以下链接【见github原文(链接在底部)】,然后下载: 2、安装 打开,安装就行,建议不要放在C盘 3、新建虚拟机 1、...

2018-12-18 21:38:10 418 0

原创 nginx的安装

参考 http://www.nginx.cn/doc/ 1、安装 【1】ububtu平台、centos平台,参考: https://wizardforcel.gitbooks.io/nginx-doc/content/Text/1.3_install.html 【2】mac平台:...

2018-12-06 12:02:34 945 0

原创 Java(3)单元测试

如何进行单元测试 1、下载、创建 Maven 项目,或将项目转为 Maven 项目 参考这篇文章: https://blog.csdn.net/qq20004604/article/details/81613171 2、开始运行 Maven 项目 参考这篇文章: https:/...

2018-08-13 01:46:15 139 0

原创 Java(2)运行 Maven 项目

前注: 假设你已经创建好了 Maven 项目,哪怕是一个空的Maven项目,参照文章: https://mp.csdn.net/postedit/81613171 1、设置目录 如图,设置 src/main/java 为 Sources Root(代码根目录) 设置 src/te...

2018-08-13 01:16:10 600 0

原创 Java(1)创建Maven项目

前注 idea 直接创建 Maven 项目方法略,一般来说 idea 里 new Project 然后选择 Maven,一路向下就可以了。 这里解决的是将已有项目转为 Maven 项目的问题(记得先备份源代码)。 1、下载并配置Maven 首先下载 Maven 参照:https://bl...

2018-08-13 00:44:18 129 0

原创 聊聊React的一些玩法(下:九步玩转React容器组件与展示组件)

3、实战容器组件和展示组件的玩法 如果学过 redux 的话,会知道, redux 的思想是容器组件和展示组件分离,容器组件存数据,展示组件秀样式。 但是光看不练,恐怕很难理解这种玩法。 我在这里,不使用 Redux,而是使用原生的 React,一步一步带着做一个带【两级产品信息(订单级与商...

2018-03-26 00:24:39 1649 0

原创 聊聊React的一些玩法(上:工具篇)

1、简化写法 我们在写 React 组件时,参考官方文档写法,一要声明 state,二要绑定函数的 this,常规写法如下: class DEMO extends React.Component { constructor() { super(); ...

2018-03-25 00:47:45 582 0

原创 React-router(11)路由配置

11、路由配置 DEMO地址 参考 9.routeConfigTable.js 简单来说,就是有一个对象,如下: const RouteConfig = [ { path: 'first', component: Fi...

2018-03-04 22:44:09 2688 1

原创 React-router(10)登录拦截

10、登录拦截 DEMO地址 参考 8.needLogin.js 登录拦截说起来比较高大上,其实很简单。 需要组件: 登录功能组件; 受保护组件(需要登录后才能访问); 受保护组件的父组件(可选,如果 1 和 2 不是同一个路径,则需要,否则可以不需要)(用于进入受保护组件之前...

2018-03-04 22:43:28 6605 0

原创 React-router(9)重定向

9、重定向 DEMO地址 参考 7.redirect.js 重定向有两种方式,第一种是通过 <Redirect> 标签实现,第二种是通过编程式导航方式实现。 【<Redirect> 标签】 <Redirec...

2018-03-04 22:42:52 4923 1

原创 React-router(8)Link 标签 to 属性为对象时(路由信息传值)

8、Link 标签 to 属性为对象时(路由信息传值) DEMO地址 参考 6.routeInfo.js 在组件里,每个组件的路由数据,都是各自独立的。 在之前分析中,已知: match 属性的值,存储的是该 Route 标签的路由; location 属性的值,其中 url ...

2018-03-04 22:42:13 3998 0

原创 React-router(7)path 和 url 的区别

7、path 和 url 的区别 在 match 属性中,有 path 和 url 属性,大部分时间他们是一样的,那么区别是什么呢? 假如路由匹配路径是 /Params/2/:myParams,实际跳转路径是 /Params/2/1(此时匹配成功)。 那么; url:/Params/2/...

2018-03-04 22:20:30 1042 0

原创 React-router(6)父组件传 【值】 or 【函数】 给子组件

6、父组件传 【值】 or 【函数】 给子组件 DEMO地址 参考 5.fromParentComponent.js 如果你已经熟悉了前面的内容,会知道以下结论: 路由传参是通过 props 传参的; 子组件,是写在 Route 标签的 component 属性中的; 通过 Ro...

2018-03-04 22:19:56 2396 17

原创 React-router(5)params 路由传参

5、参数 DEMO地址 参考 4.params.js React路由取参数,有两种: ?a=1 :这种属于 search 字符串,在 location.search 里取值; /a/123 :这种需要从 match.params里取值; 但无论哪种,路由获取到的值,是跳转后的...

2018-03-04 22:19:11 19323 0

原创 React-router(4)props 路由信息

4、props DEMO地址 参考 3.props.js react-router 的路由信息,都存储在组件的 props 里。 之所以是存在 props 里,是因为我们写在父组件里的,是 Route 标签,我们需要显示的组件,是作为 Route 标签的属性而传进去的。 显然,而...

2018-03-04 22:18:20 3495 0

原创 React-router(3)BrowserRouter 和 HashRouter(哈希地址和普通地址)

3、BrowserRouter 和 HashRouter 前两节的DEMO,都是 HashRouter,而非 BrowserRouter ,二者有所不同。 以下解释的前提是你要懂什么叫 hash 地址,hash 地址就是指 # 号后面的 url。 假如有一个 Link 标签,点击后跳转到 /...

2018-03-04 22:10:04 5249 1

原创 React-router(2)路由嵌套

2、路由嵌套: 参考 2.routingNested.js DEMO地址 还是以上一节上面那个 DEMO 为示例。 毫无疑问,我们肯定会面临路由嵌套的问题,即在顶级路由匹配到组件后,子组件里面也可能有一个次级路由。 假如顶级路由的url为:/1,那么次级路由匹配后的路径一...

2018-03-04 22:03:49 2217 0

原创 React-router(1)基础用法

0、参考文献 React Router 4 简易入门 一个中文文档,但不确定是否是官方的,例子比较多 初探 React Router 4.0 这个对标签的说明比较详细 react-router v4 如何静态传值给子组件 render和component的区别 0.1、React-ro...

2018-03-04 22:01:49 615 0

原创 React(17)异步组件

26、异步组件 当在React里使用异步组件时,核心知识是两个: webpack 如何异步加载其他模块:通过 require(['xxx'], function(module){})来实现; React 里如何使用异步加载的这个模块:参考正常使用模块时的做法; 【...

2018-02-12 18:21:54 3902 0

原创 React(16)包裹标签 React.Fragment

24、包裹标签 React.Fragment 在 Vue 里,我们会用 <template></template> 标签来包裹一些不能有父容器的复数同级标签。 例如在 <tbody></tbody...

2018-02-12 18:20:58 10030 0

提示
确定要删除当前文章?
取消 删除