懒人笔记web前端开发库(代码片段)

关键词：

项目需要一个页面展示，于是我冒充了2个月的 Web前端，这里记录下用到的相关工具和库。
Web框架 用的是 Django，不得不说，对于我这样的前端小白来说，上手容易很多。也让我进一步了解到 Python 的强大。

工具	用途	说明
django	web框架	前端小白快速上手，功能强大，为了和 django-celery搭配，最好使用 ver 1.11
django-celery	定时服务	web后台定时服务
bootstrap 4	界面美化	提升界面颜值的快速方法,纯js、css实现，无需第三方库
font-awesome	图标库	常用图标，下载即用
chart.js	图表库	实现折线图、饼图等等，纯js实现，无需第三方库， 查看中文文档

web前端开发笔记——第二章html语言第十一节语义标签(代码片段)

目录一、语义标签的定义二、头部标签、底部标签三、导航栏标签四、内容栏标签、区段标签五、其它内容标签六、<figure>和<figcaption>标结语一、语义标签的定义之前有阐述过Web语义化的知识：这里还要了解Web语义... 查看详情

web前端开发笔记——第四章javascript程序设计第一节输出数据(代码片段)

目录一、JavaScript的定义二、JavaScript的创建和使用（一）内嵌JavaScript代码（二）引用JavaScript文件三、JavaScript输出数据（一）alert()弹出警告框（二）访问HTML元素（三）写至HTML文档（ 查看详情

web前端开发笔记——第三章css语言第六节css定位(代码片段)

目录一、定义二、文档流定位（一）block类型元素（二）inline类型元素（三）inline-block类型元素三、浮动定位（一）左浮动和右浮动（二）清除浮动四、层定位（一）static定位（... 查看详情

web前端开发笔记——第二章html语言第五节图像标签(代码片段)

目录前言一、图像标签的属性（一）src属性和alt属性（二）width属性和height属性（三）borde属性二、绝对路径和相对路径三、图像映射例题结语前言本节介绍图像标签即img标签的用法以及相关应用例题。一... 查看详情

web前端开发笔记——第三章css语言第七节圆角边框阴影(代码片段)

目录前言一、圆角边框（一）border-×-×-radius（二）border-radius二、阴影（一）基本阴影设置（二）内部阴影设置结语前言本节介绍仅在CSS3中的新内容，例如圆角边框、盒子阴影等等。一、圆角边... 查看详情

web前端开发笔记——第四章javascript程序设计第二节变量(代码片段)

目录一、JavaScript中的注释二、变量的命名规则三、变量声明以及赋值四、变量作用域五、变量提升一、JavaScript中的注释JavaScript中单行注释通过“//”，多行注释通过“/*”开头并以“*/”结尾。二、变量的命名规则JavaScript中... 查看详情

web前端开发笔记——第四章javascript程序设计第三节数据类型(代码片段)

目录一、基本数据类型（一）String类型（二）Number类型1、字面量2、无穷大3、非数值（三）Boollean类型（四）Undefined类型和Null类型二、引用数据类型（一）Object类型（二）数组类型&#x... 查看详情

web前端开发笔记——第二章html语言第七节表格标签(代码片段)

目录一、表格标签的定义二、表格标签的属性（一）边框属性（二）单元格属性三、表格标签的表头表头属性四、表格标签的标题五、表格标签的嵌套结语一、表格标签的定义在html中，表格标签表示为<table&... 查看详情

web前端开发笔记——第三章css语言第二节css选择器(代码片段)

目录前言一、CSS选择器（一）标签选择器（二）id选择器（三）类别选择器二、针对标签的选择器嵌套三、集体声明和全局声明（一）集体声明（二）全局声明结语前言CSS代码由选择器和一... 查看详情

web前端开发笔记——第二章html语言第六节区域标签列表标签(代码片段)

目录一、区域标签（一）div标签的定义（二）div标签的属性二、列表标签（一）列表标签的定义（二）列表标签的类型1、有序列表（1）有序列表的定义（2）有序列表的属性2、无序... 查看详情

web前端开发笔记——第三章css语言第四节css列表表格样式(代码片段)

目录一、CSS列表样式（一）设计列表项前标志类型（二）设计列表项前标志位置（三）设计列表项图片（四）设计整体列表属性二、CSS表格样式（一）设计表格大小（二）设计表格边... 查看详情

web前端开发笔记——第二章html语言第八节表单标签(代码片段)

目录一、表单的定义二、输入标签（一）文本框和密码框（二）提交按钮和重置按钮（三）单选框和复选框（四）带边框的表单三、下拉菜单四、文本域结语一、表单的定义表单用于收集用户的输... 查看详情

web前端开发笔记——第二章html语言第一节标签元素属性(代码片段)

目录一、什么是HTML？二、标签（一）标签、元素的定义（二）标签的嵌套（三）标签的属性（四）父元素、子元素、兄弟元素三、HTMLDOM树结语一、什么是HTML？HTML语言，即超文本标记语... 查看详情

web前端开发笔记——第三章css语言第五节盒子模型(代码片段)

目录一、CSS布局与定位二、盒子模型三、盒子模型的组成四、设置边框的属性五、设置外、内边距的属性六、overflow属性结语一、CSS布局与定位在CSS中对一个网页进行布局与定位，首先通过盒子模型，即页面元素的大小、... 查看详情

web前端开发笔记——第二章html语言第二节基本标签(代码片段)

目录前言一、标题标签二、段落标签和段内换行三、预留格式标签四、行内组合标签五、水平线标签六、注释标签七、空格字符例题（创建一个网页）结语前言本节主要讲解HTML的一些基本标签。一、标题标签下面红框中... 查看详情

web前端开发笔记——第二章html语言第四节超链接标签(代码片段)

目录前言一、超链接标签（一）链接其它子网页（二）链接其它站点（三）虚拟超链接二、从当前页面链接到指定位置三、链接的访问情况四、在新窗口中打开链接例题结语前言本节介绍超链接标签即a标... 查看详情

web前端开发笔记——第二章html语言第九节框架标签和脚本标签(代码片段)

目录一、框架标签（一）显示目标页面（二）规定大小的框架（三）规定边框的框架二、脚本标签结语一、框架标签（一）显示目标页面<iframe></iframe>标签表示框架标签，使用该标签可... 查看详情

web前端开发笔记——第三章css语言第三节文本字体背景超链接样式属性(代码片段)

目录一、CSS文本属性二、CSS字体属性（一）常用文本字体样式属性（二）设置整体font属性三、CSS背景属性（一）背景颜色（二）背景图片（三）图片平铺方式（四）图片位置（五... 查看详情