WGP鹏灬-CSDN博客

原创移动web开发之rem适配布局

一、rem布局1、rem单位rem（root em）是一个相对单位，类似于em，em是父元素字体大小rem的基准是相对于<html>元素的字体大小比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 转换成px表示就是24px优势：父元素文字大小可能不一致，但是整个页面只有一个<html>，可以很好地来控制整个页面的元素大小比例* { margin: 0; padding: 0;}html { fo

2021-10-28 14:53:54 316

原创移动端开发之flex布局

一、flex布局1、与传统布局对比传统布局兼容性好布局繁琐局限性，不能在移动端很好的布局flex布局操作方便，布局极为简单，移动端应用很广泛PC端浏览器支持情况较差IE11或更低版本，不支持或仅部分支持建议：如果是PC端页面布局，我们还是传统布局如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局2、flex布局体验<!DOCTYPE html><html lang="en"><head> &l

2021-10-28 01:38:26 205

原创移动开发之流式布局

一、流式布局（百分比布局）1、概念流式布局，就是百分比布局，也称非固定像素布局通过将盒子的宽度设置成百分比，从而根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充流式布局是移动web开发使用的比较常见的布局方式注：制作过程中，需要定义页面的最大和最小支持宽度max-width 最大宽度（max-height 最大高度）min-width 最小宽度（min-height 最小高度）2、二倍精灵图做法在fireworks里面把精灵图等比例缩放为原来的一半，之后根据新的大小测量

2021-10-27 22:50:56 1345

原创移动web开发基础

笔记来源：拉勾教育 - 大前端就业集训营文章内容：学习过程中的笔记、感悟、经验一、基础1、移动端调试方法Chrome DevTools（谷歌浏览器）的模拟手机调试搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器使用外网服务器，直接IP或域名访问2、概况移动端浏览器我们主要对webkit内核进行兼容我们现在开发的移动端主要针对手机端开发现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一学会用谷歌浏览器模拟手机界面以及调试二、视口1、概念就是浏览器显示页面

2021-09-29 13:54:19 133

原创 IE浏览器兼容方法+几种网页布局

笔记来源：拉勾教育 - 大前端就业集训营文章内容：学习过程中的笔记、感悟、经验一、IE浏览器兼容1、html 兼容写法html 中可以使用条件注释的方法，对 IE 进行特殊处理。条件注释通过注释演变而来：普通的浏览器认为内部内容为注释，不进行加载，而指定的浏览器会正常加载代码内容。注：书写时，两个标签前面都要加！，

2021-09-14 22:53:51 958

原创 BFC、IFC、GFC、FFC格式化上下文

笔记来源：拉勾教育 - 大前端就业集训营文章内容：学习过程中的笔记、感悟、经验一、盒模型1、组成content box：必备padding box：可选border box：可选margin box：可选2、IE怪异模式和标准盒模型的区别IE怪异模式标准盒模型3、box-sizing属性IE8 开始支持CSS3属性 box-sizing，让我们可以自由选择采用哪种盒模型，属性值：content-box——默认值，采用 Standard box mod

2021-09-14 18:47:05 219

原创 PC端静态网页应用开发及项目

一、网页开发流程1、需求分析：对开发产品进行定位（如产品类型、产品功能、面向的客户群、达到的目的等）2、整体规划：根据需求分析的结论，确定网站中要展示的内容、层次、展示形式等，给出对应内容的文案3、界面设计：设计师根据整体规划的方案、将网站各个页面进行设计，最终给出设计图、颜色、数据信息等4、前端程序设计：前端开发人员根据设计图进行代码编写，实现网页的界面和功能5、前后端系统整合：后端开发人员进行数据库设计，将程序功能与界面进行整合，前后端配合进行功能调试6、测试验收：项目经历及相关测试人员，根

2021-09-14 17:37:03 1179

原创 overflow:hidden——溢出隐藏，解除塌陷，清除浮动

一、溢出隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title

2021-09-13 22:14:19 1227

原创盒子垂直水平居中的几种方法

一、定位1、盒子宽高已知<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

2021-09-13 09:09:27 125

原创 CSS3新特性

笔记来源：拉勾教育 - 大前端就业集训营文章内容：学习过程中的笔记、感悟、经验一、CSS3新增选择器1、子级选择器用于选取带有特定父元素的元素书写语法：element1 > element2.box > p { background-color: cyan; }注：如果element2元素不是父元素element1的直接子元素，则不会被选择。2、兄弟选择器（1）相邻兄弟选择器用于选择紧接在另一个元素后的兄弟元素，而且二者有相同

2021-08-21 22:09:29 96

原创 HTML5新特性

笔记来源：拉勾教育 - 大前端就业集训营文章内容：学习过程中的笔记、感悟、经验一、概述1、概念狭义：指HTML语言的第五个版本广义：HTML5本身+CSS3+JavaScript技术的综合1、HTML5优势提高可用性和改进用户的友好体验更好的语义化标签可以给站点带来更多的多媒体元素（视频和音频）可以很好地替代FLASH和Silverlight当涉及到网站的抓取和索引的时候，对于SEO很友好可被大量应用于移动应用程序和游戏可移植性好2、HTML5劣势该标准并未能很

2021-08-20 12:15:56 95

原创 CSS核心样式

一、CSS常用样式1、文字属性（1）粗细 font-weight加粗显示，属性值两种类型：单词类型、数字类型单词类型：属性值说明normal默认值，定义标准的字体，常用bold定义粗体字符，b、strong标签的默认值，常用bolder定义更粗的字体，浏览器中效果与bold没太大区别lighter定义更细的字体数字类型：100-900 之间的整百数字。数字越大，文字显示越粗。400 等价于 normal，700 等价于 bold。（2）字体

2021-08-19 17:38:06 128

原创 CSS基础学习笔记

笔记来源：拉勾教育 - 大前端就业集训营文章内容：学习过程中的笔记、感悟、经验一、css语法1、css书写规则主要两部分构成：选择器、一条或多条声明2、书写位置①内联式：也叫行内式<div style="width: 100px;height: 100px;font‐size: 14px;">1</div>缺点：行内式必须写在标签上，让标签结构繁重，不利于结构的解读，如果多个标签有相同的样式，同样的 css 代码需要书写多次，增加代码量。注：实际工作中

2021-08-17 01:24:28 169

原创 HTML基础学习笔记

笔记来源：拉勾教育 - 大前端就业集训营文章内容：学习过程中的笔记、感悟、经验一、概述1、前端三层技术HTML：结构层，从语义的角度搭建网页结构CSS：样式层，从美观的角度描述页面样式JavaScript：行为层，从交互的角度描述页面行为2、互联网运行过程程序员将网页源文件上传到服务器进行存储，然后用户通过客户端发送http请求到服务器，服务器收到http请求后进行响应，将对应存储的相关文件通过http响应回传到用户本地客户端，最后通过客户端对网页文件进行渲染，显示最终用户看到的网页效

2021-08-16 20:35:43 107

原创 VMware虚拟机的Ubuntu18.04创建ftp服务器

一、配置网络环境1、关闭虚拟机中Ubuntu18.04系统，联网方式设定为“桥接模式”2、在虚拟机菜单中点击编辑，在点击虚拟网络编辑器，点击更改配置，可能会弹出说会更改你的设备，选择是，最后选择无线网卡模式，最后点击确定3、最后在启动虚拟机二、安装ftp服务器1、安装vsftpdsudo apt-get purge vsftpd //卸载应用，没安装不用执行sudo apt-get install vsftpd //重新安装vsftpd -version //查询版本sudo ad

2021-06-26 00:51:41 1596 2

原创 GitHub——创建自己的代码仓库

第一步：首页点击创建仓库（以下两个按钮均可）第二步：填写仓库信息并创建第三步：参考克隆课上代码将仓库克隆到本地克隆完成的仓库为一个空仓库，克隆之后将代码复制到空仓库（直接到文件夹把你的代码拽到仓库里，成功创建仓库会生成一个文件夹放里就行）点击查看，里面有一个终端输入git clone 自己的地址第四步：提交代码（web那个是我自己建立的仓库，你应该点你自己的）点是即可或者总是写完敲下回车第一次提交就是上一步填的字，做的标记注意：若是不让提交，说确认用户名和邮件，执行下面

2021-03-04 20:42:52 715 2

qq_43477251的博客