我是一名从事了5年前端的程序员，辞职目前在做讲师，今年年初整理了一份适合2019年学习的web前端干货，从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理，送给每一位前端小伙伴，这里是小白聚集地

前言前面看到了一些面试题，总感觉会用得到，但是看一遍又记不住，所以我把面试题都整合在一起，都是来自各路大佬的分享，为了方便以后自己需要的时候刷一刷，不用再到处找题，今天把自己整理的这些面试题分享出来。一、京东软件测试岗面试30题（干货）1、黑盒测试的测试用例常见设计方法都有哪些？请分别以具体的例子来说明这些方法在测试用例设计工作中的应用。1）等价类划分：等价类是指某个输入域的子集合.在该子集合中,

如果只看背影你敢相信下面这位是个25岁的姑娘吗⬇️这名女白领在江苏南京工作别看她年纪轻轻脱发已经持续三四年在医院治疗也有一年了医生说这名患者平时工作很忙生活和饮食不规律小编是一个有着5年工作经验的架构师，关于web

知识准备1)Python语言Python爬虫作为Python编程的进阶知识，要求具备较好的Python编程基础了解Python语言的多进程与多线程，并熟悉正则表达式语法，也有助于编写爬虫程序2)Web前端了解

Java】学习之路吐血整理技术书从入门到进阶最全50+本（珍藏版)②【算法数据结构+acm】从入门到进阶吐血整理书单50+本（珍藏版)③【数据库】从入门到进阶必读18本技术书籍网盘吐血整理网盘(珍藏版)④【Web

JS数据格式化是在进行web前端开发时常碰到的事情，特别是在数据类型为Float的数据就需要特殊处理，如保留两位小数、小数点后的数据是否需要四舍五入等等。

Sass简介大家都知道，js中可以自定义发量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义发量、不可以引用等等。面对这些问题，我们现在来引入Sass，简单的说，他是css的升级版，可以自定义发量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍返个神奇的Sass。Sass比Less的功能更强大，也更复杂。Sass的定义Sass：英文是SyntacticallyAwesome

文章目录一、大模型（LLMs）基础面二、大模型（LLMs）进阶面三、大模型（LLMs）微调面四、大模型（LLMs）langchain面1.基于LLM+向量库的文档对话基础面2.基于LLM+向量库的文档对话优化面3.LangChain的概念面试问题4.LangChain的一些模块提问5.LangChain的业务提问6.LangChain的问题解决五、LoRA、QLoRA、AdaLoRA篇六、Fine

CSS3之空间转换和动画目录CSS3之空间转换和动画一、空间转换1.1概述1.23D转换常用的属性1.33D转换：translate3d（位移）1.43D转换：perspective（视角）1.53D转换：rotate3d（旋转）1.63D转换：transform-style:preserve-3d（立体呈现）1.73D转换：scale3d（缩放）1.73D导航案例二、动画2.1动画介绍2.2动画

CSS3之Web字体、字体图标、平面转换、渐变目录CSS3之Web字体、字体图标、平面转换、渐变一、Web字体1.1Web字体概述1.2字体文件1.3@font-face规则二、字体图标2.1字体图标2.2字体图标的优点2.3图标库2.4下载字体包2.5字体图标的使用步骤2.6字体图标使用注意点2.7上传矢量图三、平面转换3.1平面转换介绍3.22D转换：translate（位移）3.32D转换：

现如今用户对产品体验的要求越来越高，各种应用软件的交互效果也是越来越炫酷，那么想要实现这种效果就离不开Web前端工程师，Web前端开发是互联网时代中尤为重要的一个环节，那Web前端是什么呢，Web前端主要学习哪些部分呢

Web前端开发是指创建和维护用户在浏览器上所能看到、与之交互的一切内容的开发工作。它专注于构建和增强网站或Web应用程序的客户端部分，确

了解字体的一样常识，不管做一份文档编辑还是网页开发，都是很有必要的。整齐划一，井然有序才终是大家之道。1.字体在文档编辑中，我们常用的是宋体，小四号字，新罗马字体，字母和数字用的是Arial字体,段落首行缩进2个字体，采用多倍行距中的1.25倍行距。在网页开发中，普遍偏爱微软雅黑与宋体，14/16px，非衬线体。2.字号印刷文字有大、小的不同变化，排版及图象处理软件中汉字字体大小的计量，前主要采用

作者：coderYYY个人简介：前端程序媛，目前主攻web前端，后端辅助，其他技术知识也会偶尔分享欢迎和我一起交流！（评论和私信一般会回！！）

作者：coderYYY个人简介：前端程序媛，目前主攻web前端，后端辅助，其他技术知识也会偶尔分享欢迎和我一起交流！（评论和私信一般会回！！）

笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录实战练习1.京东图片列表开发准备布局剖析结构搭建样式添加方式1方式2细节完善背景色外边距最终效果核心代码2.京东左侧导航条开发准备布局剖析结构搭建样式添加细节完善文字调整符号调整悬浮样式最终效果核心代码存疑问题

认识web网站的开发模式采用前后端分离技术开发Web前端三个组成部分HTML：负责网页结构（页面元素的内容）CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）JavaScript

暑假快要过去了，假期刚开始时，计划好做许多事情，计算机二级，英语四级，web前端等要学习，下学期有许多证要考，假期是个很好的时间练习，目前学的最多的是前端的知识，但是学完忘得特别快，需要实践练习才能掌握

继续分享我整理了5年的面试题html：https://www.jianshu.com/p/aa218e2b8fe1css：https://www.jianshu.com/p/0f5571b75fb5javascript：https://www.jianshu.com/p/fe1089a4ab1ajquery：https://www.jianshu.com/p/363fc2615cfe另外附上课程链

SpringBootWeb案例前面我们已经讲解了Web前端开发的基础知识，也讲解了Web后端开发的基础(HTTP协议、请求响应)，并且也讲解了数据库MySQL，以及通过Mybatis框架如何来完成数据库的基本操作

笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录过渡与动画1、过渡2、动画3、实战米兔奔跑的少年弹力球酷炫球过渡与动画1、过渡过渡（transition）通过过渡可以指定一个属性发生变化时的切换方式通过过渡可以创建一些非常好的效果

笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录less简介1、安装插件2、编写less3、less语法less注释父子关系嵌套变量其他4、混合函数其他5、补充less简介

一、拖拽#box1{width:300px;height:300px;background-color:yellowgreen;position:absolute;}#box2{width:300px;height:300px;background-color:yellow;position:absolute;left:300px;top:300px;}window.onload=function

一、通过style操作内联样式#box1{width:200px;height:200px;background-color:red;}/*通过style属性读取和设置的都是内联样式通过JS修改元素的样式语法：元素.style.样式名=样式值*通过JS读取元素的样式*语法：元素.style.样式名*/window.onload=function(){/*点击按钮以后，修改box1的大小*///获取

一、事件对象鼠标/键盘属性altKey返回当事件被触发时，“ALT”是否被按下。button返回当事件被触发时，哪个鼠标按钮被点击clientX返回当事件被触发时，鼠标指针的水平坐标。clientY返回当事件被触发时，鼠标指针的垂直坐标。ctrlkey返回当事件被触发时，“CTRL"键是否被按下。metakey返回当事件被触发时，"meta"键是否被按下。relatedTarget返回与事件的目标

web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）Cellpadding属性在内容和外

超级玛丽【超级玛丽】是一个基于HTML5和JavaScript开发的经典电子游戏。玩家需要控制主角马里奥在各种关卡中跳跃、奔跑、消灭敌人，以完成游戏目标。玩家通过浏览器可以体验经典的超级玛丽关卡和冒险。运行效果：方向键控制马里奥的左右移动、跳跃、奔跑；CTRL键发射子弹HTML源码-mario.html：FullScreenMarioCSS源码-mario.css：html{background:

CSS的定位和装饰目录CSS的定位和装饰一、学习目标二、文章内容2.1定位2.1.1定位的基本介绍2.1.2定位的基本使用2.1.3静态定位2.1.4相对定位2.1.5绝对定位2.1.6子绝父相2.1.7固定定位2.1.8元素的层级关系2.2装饰2.2.1垂直对齐方式2.2.2光标类型2.2.3边框圆角2.2.4溢出部分显示效果2.2.5元素本身隐藏2.2.6元素整体透明度2.2.7边框合并2.2

前端基础布局目录前端基础布局布局简介盒模型1.标准盒模型2.怪异盒模型3.解决方案4.代码示例常见的布局单位百分比布局flex布局一、Flex布局是什么？二、基本概念三、容器属性flex-direction属性：决定主轴的方向（即项目的排列方向）flex-wrap属性：定义换行情况flex-flow属性：flex-direction和flex-wrap的简写，默认rownowrapjustify-

CSS的浮动目录CSS的浮动一、学习目标二、文章内容2.1结构伪类选择器2.2伪元素2.3标准流2.4浮动2.5清除浮动2.6拓展（BFC）三、综合案例3.1小米模块案例3.2网页导航案例一、学习目标能够使用结构伪类选择器在HTML中选元素能够说出标准流元素的布局特点能够说出浮动元素的特点能够使用浮动完成小米模块布布局案例能够说出清除浮动的目的，并能够使用清除浮动的方法二、文章内容2.1结构伪类选

早期的浏览器能力十分有限，Web前端开发者希望能够通过一定的机制来扩展浏览器的能力。早期的方法就是插件机制，现在流行次啊用混合编程（HybirdProgramming）模式。

1.计算用户指定的数值内的奇数和。例如用户输入的是10，则计算1+3+5+7+9的和。2.使用递归计算1~100的和

1.Redis发布订阅Redis发布订阅(pub/sub)是一种消息通信模式：发送者(pub)发送消息，订阅者(sub)接收消息。**1.订阅命令subscribe主题名字**2.发布命令publish主题名称消息内容注意：返回的是订阅者数量。发布的消息没有持久化。2.Redis慢查询慢查询，顾名思义就是比较慢的查询，但是究竟是哪里慢呢？说明：1.慢查询发生在第3阶段2.客户端超时不一定慢查询，但

对比两者的不同可以更好的理解web前端开发。本文开始将从目录结构，代码复用，路由，增删改查等方面进行对比。然后简单的了解下Nuxt(服务端渲染)。最后写当项目中遇到jq和vue共同使用时候的解决方法。

1、什么是Mybatis？（1）Mybatis是一个半ORM（对象关系映射）框架，它内部封装了JDBC，开发时只需要关注SQL语句本身，不需要花费精力去处理加载驱动、创建连接、创建statement等繁杂的过程。程序员直接编写原生态sql，可以严格控制sql执行性能，灵活度高。（2）MyBatis可以使用XML或注解来配置和映射原生信息，将POJO映射成数据库中的记录，避免了几乎所有的JDBC代码

基础理论1）简介2）绝对长度3）相对长度4）经验之谈1）简介在前端开发中，会遇到各种不同类型的长度单位，比如px,em,rem等。而整体的长度单位分为两大类：相对长度和绝对长度。2）绝对长度绝对长度单位是一个固定的值，它反应一个真实的物理尺寸。绝对长度单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）。1.px像素（Pixel）px的最小单位是1，所以小数的度量没有意义相对于显示器屏幕

表单补充-->西安咸阳宝鸡渭南提交属性选择器[class="first_div"]{width:100px;height:100px;background-color:aqua;}/*以什么字符开头*/[class^="f"]{background-color:cadetblue;}/*包含某个字符*/[class*="f"]{background-color:red;}/*以什么结尾*/[cla

如果您不了解HTML，CSS，JavaScript，则可以使用某些Client/Server（FullStack）或Client-Focused第三方Web框架从Delphi/C++Builder构建Web

印记中文-深入挖掘国外前端新领域，为中国Web前端开发人员提供优质文档！-https://docschina.org/印记中文-深入挖掘国外前端新领域，为中国Web前端开发人员提供优质文档！

kafka名词说明分布式高吞吐量消息系统producer：生产者consumer：消费者broker：机器，节点controller：kafka服务器的主节点负责管理元数据（zk存储一份）follower：kafka服务器的从节点（同步元数据）topic：主题。类似于关系型数据库中的表partition：一个主题可以有多个分区replica：副本，为了保证数据安全，每个partition可以设置多

被广大中国JS开发者誉为"Web前端开发神器""最强大的HTML5编辑器""最智能的JavaSscriptIDE"等。

WEB前端DAY8变换效果3dbody{/*视距：设置距离xy轴构成的平面有多少像素距离*/perspective:500px;}div{/*设置变化效果为3d*/transform-style:preserve

CSS常见样式CSS语法结构选择器表达式{key:value;.......}margin、paddingmargin：外边距padding：内边距*{margin:0;padding:0;}body{width:800px;height:800px;border:1pxsolidrebeccapurple;}div{width:400px;height:400px;border:1pxsolid

WEB前端DAY7练习nth-child和nth-type区别nth-child会判断集合中的第n个标签是否是伪类前面的标签nth-type则会根据标签生成合集去其中的第n个标签body>div:nth-of-type

IDE的使用Document子项1子项2子项3子项4子项5子项6子项7子项8子项9表单标签用户名:密码:爱好:篮球唱跳Rap性别:男女跨性别邮箱:上传CSS部分css层叠样式表（cascadingstylesheet）外链样式的好处首先提高代码的复用性他可以降低代码的耦合性div{width:100px;height:200px;background-color:black;}/*第四种方式@im

Vue是渐进式的JavaScript框架，易学易用，性能出色，适用场景丰富的web前端框架，vue算是目前最火的web前端框架之一，使用vue可以提升开发体验。

教材：Web前端开发技术——HTML5、CSS3、JavaScript（第3版）储久良编著这是个人的期末复习笔记，纯手动输入，如果有哪里写错了，恳请指点。

01【Web】基础-HTML(P1)本系列文章，针对Web前端的相关知识进行了详细的介绍文章目录01【Web】基础-HTML(P1)Chapter01HTML概述1.Internet起源2.HTML发展过程

希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言横向二级导航菜单Web页面设计实例总结前言该练的还是要练，终究是自己的！网页标题：二级下拉导航菜单网页的主体部分代码为：使用外部样式表为其设置样式，在CSS文件夹下新建样式表文件style10.css@charset"utf-8";/*CSSDocu

希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言鼠标经过图片显示大图网页标题：表格标签的综合应用总结前言坚持就是胜利，加油特种兵！鼠标经过图片显示大图网页主体部分代码为：鼠标经过图片显示大图……新建一个外面样式表”hoverbox.css”放入CSS文件夹中，具体的样式设置如下：/*hoverbo