课程：（b站）黑马程序员【前端HTML5+CSS3+移动web全套教程】day07能够说出定位的常见应用场景能够说出不同定位方式的特点能够使用子绝父相完成元素水平垂直案例能够写出三种常见的光标类型（cursor

html转pdf，是先把html截成图片，在把图片转成pdf。需要引入html2canvas.js和jspdf.debug.js两个文件，因为分页的话，会出现很丑的分割线，所有这个例子是不分页的，直接看个demo吧。(主要scale和dpi来提高清晰度)移动端html转pdf.main{min-width:320px;max-width:750px;width:100%;margin:0auto;

引入所需要的js文件下载js文件将html中任意div中的元素生成pdf雷灾预警报告-申请位置：${lzbg.wz}道路：${lzbg.dl}申请人：${lzbg.sqrxm}申请时间：${lzbg.cjsj.format(DateTimeFormatter.ofPattern("yyyy-MM-ddHH:mm"))}雷灾强度：${lzbg.wz}预计时间：${lzbg.yjsj}备注：${lzb

需要用到的组件1、html2canvas地址：http://html2canvas.hertzen.com/安装：npminstall--savehtml2canvas2、jsPDF地址：https://github.com/parallax/jsPDF安装：npminstalljspdf--save代码//导出页面为PDF格式importhtml2Canvasfrom'html2canvas'i

前端HTML代码：Js请求后端代码：//销售大类数据绘图functionsalesPie(date1,date2,shopID){varcategoryParentNameArr=[];varmessage

这里之所以使用JWT认证是因为在前端html页面发起post请求会有跨域问题。这里直接附上完整代码//导入express模块constexpress=req

的中间件配置捕获错误中间件完整的登录接口代码前言本文介绍如何使用node编写登录接口以及解密生成token，如何编写注册接口已经在Node编写用户注册接口这篇文章中介绍，本文是建立在编写注册接口这篇文章的基础之上同时也可以在在前端

本文代码规范来自HTML/CSS代码开发规范文档文件命名规范使用小写字母、数字和下划线组成文件名。避免使用特殊字符和空格。使用语义化的命名，能够清晰地表达出文件的功能或内容。目录结构规范使用约定俗成的目录结构，如：src/components/、src/assets/等。将不同类型的文件放置在不同的目录下，如：JavaScript文件放在src/目录下，样式文件放在src/styles/目录下。缩

开发目的：实现通用流程自动化处理（即实现不需要hardcode代码的bpm统一处理后台，仅需要写少量前端htmlform代码和拖拽设计BPM定义）既可独立运行或可依托于Liferay或依托其它门户系统(

在前端html页面中，如果一次展示太多数据，这样的用户体验并不是很好，所以需要在前端进行分页，将数据进行切割成多段数据，用分页的方式进行展示。

如何定位bug界面展示类:肉眼看前端html代码:F12console(前端控制台报错,定位html错误行)网络请求:F12network/fiddler抓包接口名字状态:http状态码类型(根据后缀名判断

是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，利用模板引擎来生成前端的html代码，模板引擎会提供一套生成html代码的程序，然后只需要获取用户的数据，然后放到渲染函数里，然后生成模板+用户数据的前端

给定数组[54,65,43,21,12,34,45,58,97,24]，求其最大值和最小值？定义数组varary=[54,65,43,21,12,34,45,58,97,24];1、字符串拼接法利用toString和join把数组转换为字符串，再和Math的max和min方法分别进行拼接，最后执行eval方法varmaxN=eval("Math.max("+ary.toString()+")");

斜切的导航图示*{margin:0;padding:0;}ul{list-style:none;}ul{width:430px;margin:30pxauto;overflow:hidden;}/*li容器倾斜30deg*/ulli{float:left;width:100px;height:30px;background:red;color:white;line-height:30px;text

主要问的是前后端分离及前端一.前后端分离前端HTML页面通过AJAX调用后端的RESTFULAPI接口并使用JSON数据进行交互。

文章使用到的的工具Python：一种编程语言，只能进行后端数据的处理和管理前端HTML文件，不能用来处理HTTP请求Nginx：web服务器，用于处理HTTP请求uWsgi：Python的第三方库，建立

混合app开发顾名思义一个app既有原生app语法（包括ios和android）又有前端html+javascript+css语法。

相关视频：前端Html5+Css3+移动Web教程，前端Web入门教程，零基础前端开发视频教程课程相关代码已上传到个人Github，如有需要请自取：Github版HTML+CSS笔记和代码各章节笔记对应链接

环境：开发工具：idea，数据库：MySQL5.7jdk1.8架构：SpringBoot，前端HTML主要功能会员列表（查询指定会员、删除会员、新增会员、修改会员、为会员充值、导出会员信息）、会员卡类型管理

目录前瞻：基础认知：1.1基础认知：1、网页组成2、基础认知3、渲染引擎（浏览器内核）4、Web标准三个构成：2.1HTML1、HTML页面固定结构2、开发工具3、HTML语法规范注释：标签：格式：结构说明：父子关系：兄弟关系：4、基本标签3.1路径的介绍绝对路径：相对路径：4.1标签一、列表标签二、表格标签四、语义化标签五、字符实体一：CSS基础认知1.1css的介绍二、基础选择器1.2标签选择

什么是前端开发？学习路线1、认识两位先驱2、计算机基础知识3、C/S架构与B/S架构4、浏览器相关知识5、网页相关概念

一、cursor可以设置鼠标指针在元素上面时的显示样式1.常见设值auto:浏览器根据上下文决定指针的显示样式，比如根据文本或者非文本切换指针样式default:箭头效果pointer小手效果text竖线效果none什么效果都无二、css属性-定位1、标准流（NormalFlow）默认情况下，元素都是按照标准流进行排布从左到右，从上到下按顺序摆放好默认情况下不存在层叠情况可以通过margin、pa

文章使用到的的工具Python：一种编程语言，只能进行后端数据的处理和管理前端HTML文件，不能用来处理HTTP请求Nginx：web服务器，用于处理HTTP请求uWsgi：Python的第三方库，建立

文章使用到的的工具Python：一种编程语言，只能进行后端数据的处理和管理前端HTML文件，不能用来处理HTTP请求Nginx：web服务器，用于处理HTTP请求uWsgi：Python的第三方库，建立

file-saver一、安装npminstallfile-saver--save#如使用TS开发，可安装file-saver的TypeScript类型定义npminstall@types/file-saver--save-dev二、使用方法，在ts文件中导入saveAsimport{saveAs}from'file-saver';三、详细代码贴出html：导出关于实施临时静默管理的通告实施临时静默

前端HTML&CSS基础入门（1）初识前端HTML&CSS基础入门（2）段落及文本前端HTML&CSS基础入门（3）列表及其样式前端HTML&CSS基础入门（4）边框与背景前端HTML&CSS基础入门（

建立C#winform后端程序，内嵌HTML前端网页，后端读入图像，将图像传输到前端HTML显示，前端再返回后端显示成功信号。

学习路线：一、Java核心语法二、面向对象三、常用API四、集合五、IO流六、多线程&&并发编程七、异常八、开发实用九、JDK8新特性Web前端Html、CSS、JavaScript、Json、JQuery.JavaWebServlet

学习目的：前后端数据交换思路：json数据格式是怎么样？后端各种语言怎么将自己内容转换成json格式的内容？前端怎么接收json数据？有几种方式？js中怎么将json数据转换成js中的数组，对象来使用？遇到问题：用ajax接收数据直接赋值给了变量，发现里面是一个数组。在php中不知道怎么传递数据？(或者说ajax的xmlhttp.responseText是怎么获取后端数据的？)php中把对象和数组

文章使用到的的工具Python：一种编程语言，只能进行后端数据的处理和管理前端HTML文件，不能用来处理HTTP请求Nginx：web服务器，用于处理HTTP请求uWsgi：Python的第三方库，建立

文章使用到的的工具Python：一种编程语言，只能进行后端数据的处理和管理前端HTML文件，不能用来处理HTTP请求Nginx：web服务器，用于处理HTTP请求uWsgi：Python的第三方库，建立

day01网页组成：文字，图片，音频，视频，超链接，浏览器：ie,火狐，谷歌，safari，opera,edge浏览器内核是渲染引擎，专门对代码进行解析渲染的部分相同网页在不同浏览器中显示效果不一样，因为i不同浏览器渲染引擎不一样，解析效果存在差异HTML页面元素CSS页面样式JS页面交互的动态效果标签：加粗网页的整体网页的头部网页身体网页的标题常见开发工具：vscode,webstorm,sub

修改过前端HTML代码之后，在页面刷新即可！！！这也太帅了吧1、2、修改之后重启就生效了！！！修改过前端HTML代码之后，在页面刷新即可！！！这也太帅了吧

1.背景相关属性1.背景颜色属性:background-color取值:颜色值2.背景图片属性:background-image取值:url(‘‘)3.背景图片相关属性1.背景图片重复平铺显示属性:background-repeat取值:1.repeat(默认值)当图片尺寸小于元素尺寸,会自动沿水平和垂直方向重复平铺,直到铺满元素2.repeat-x设置图片沿水平方向平铺3.repeat-y设置图

框架+SpringMVC+持久层框架Mybatis）（完成）Mybatis-Plus（完成）SpringBoot（完成）单体项目微服务（SpringCloudDockerRedisRabbitMQ）2.前端

*前端html注释html注释-----存在换行vscode批量去掉代

环境准备：1.已经搭建好Django项目和app环境2.前端html、css和JSP页面。

springboot+layui进行分页以及模糊查询前端后端效果展示springboot+layui进行分页以及模糊查询前端html部分搜索部分搜索信息用户姓名年龄性别-->请选择性别男女搜索数据表格

（持续更新中…）文章目录1）前端2）网关层3）服务层3.1基础知识常见协议：计算机基础：服务器相关：3.2编程语言4）数据层1）前端HTML、CSS、JavaScript、Ajax、JSON、Vue、Node.js

目录一、排版标签1、标题标签2、段落标签二、语义标签三、块级元素和行内元素1.块级元素2.行内元素四、文本标签1.常用文本标签2.不常用文本标签五、图片标签六、相对路径与绝对路径1.相对路径2.绝对路径七、常见图片格式总结一、排版标签1、标题标签一级标题二级标题总共6级，h1最大，h6最小，不能互相嵌套2、段落标签段落标签用于整体布局，更好控制段落二、语义标签标签默认的效果不重要，语义最重要标题标

01_intoduce1、前言客户端和服务端软件分为两部分：—客户端:用户通过客户端使用软件。—服务器：负责远程处理业务逻辑。服务器开发的语言：java（主流）、python、C#、Node.js（前端重要）客户端客户端形式-文字客户端：命令行来使用软件-图形化界面：点击拖动等来使用软件C/S架构-网页：访问网页来使用软件B/S架构（浏览器Browser）网页的特点网页优点：-不需要安装-无需更新

今天学习了HTML的基本结构写法，VSCode虽然有提示但还是要同通过自己敲多几次熟悉才行，HTML的标准语法还可以主要通过三个W3C、W3Cshool、MDN网站来学习，块级元素与行级元素的区别用规则，还有语义化的概念原则。明天将继续继续学习HTML语法，预计还需14天左右完成。

微信小程序的整体开发流程非常接近前端HTML+CSS+JavaScript的

文章使用到的的工具Python：一种编程语言，只能进行后端数据的处理和管理前端HTML文件，不能用来处理HTTP请求Nginx：web服务器，用于处理HTTP请求uWsgi：Python的第三方库，建立

附上视频教程链接：P50黑马程序员web前端进阶教程，前端html5+css3+移动端项目实战（含华为新闻，b站移动端等）_哔哩哔哩_bilibiliDocument/*1.精灵图是水平方向的，盒子的尺寸等于精灵图的宽度

目录图片代码最后图片是一个注册页面代码自己查看效果注意:单位全部用rem这样才能保证兼容性适配多端，px转rem转换公式1px=1/37.5rem所以想要20px应该对应20/37.5=0.53rem注册五福亿家*{margin:0;padding:0}/*但这样我们会发现在写布局的时候会非常复杂，也就是你需要自己手动去计算一下对应的rem值，比如上面的font-size设计稿上是20px，那我们

前端HTML篇前端CSS篇Vue篇TypeScript篇React篇微信小程序篇前端面试题汇总大全（含答案超详细，HTML,JS,CSS汇总篇）--持续更新前端面试题汇总大全二（含答案超详细，Vue，TypeScript

文章使用到的的工具Python：一种编程语言，只能进行后端数据的处理和管理前端HTML文件，不能用来处理HTTP请求Nginx：web服务器，用于处理HTTP请求uWsgi：Python的第三方库，建立

section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分；article：特殊独立区块，表示这篇页眉中的核心内容；aside：标签内容之外与标签内容相关的辅助信息；header：某个区块的头部信息/标题；hgroup：头部信息/标题的补充内容；footer：底部信息；nav：导航条部分信息figure：独立的单元，例如某个有图片与内容的新闻块。

在官方演示中，GPT-4能根据一张草图，几乎只花十来秒的时间就实时生成了一个网站完整的前端HTML代码并制作出网站。60秒做出一个游戏相关演示并非来自官方，而是网