typora-copy-images-to:imagestypora-root-url:images网页编程设计B/S架构BBrowser浏览器SServer服务器网页编程设计是每个程序员必懂的一项技能。本阶段课程主要讲解HTML、CSS、JavaScript、JQuery。对于Java程序员而言，不需要像前端工程师那样精通这部分内容，但是也需要做到熟练。HTML、CSS与JS的关系?HTMLHT
分类：
Web程序 时间：
2020-10-19 23:03:44
阅读次数：
36
高度坍塌 成因 父元素 div 未设置高度 子元素全部设置浮动（float: left | right;），浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度，高度靠内部子元素撑开，而今子元素全部脱离文档流，所以此时父元素的高度为 0，给父元素和子元素设置 边框（border: 1px s ...
分类：
Web程序 时间：
2020-10-19 22:56:44
阅读次数：
31
1.启动vscode，点击左侧边栏扩展选项（Ctrl+shift+X）在扩展商店中搜索px to rem 2.安装好之后右击px to rem，点击扩展设置，打开如图界面可以设置当前rem与px的比例值 如图所示，我设置的比例为100px：1rem 3.找到你需要转换为rem的css文件，全部选中（ ...
分类：
其他好文 时间：
2020-10-19 22:45:33
阅读次数：
25
一BFC(Block formatting context): 称为块级格式化上下文，是CSS中的一种渲染机制。是一个拥有独立渲染区域的盒子(也可以理解为结界)，规定了内部元素如何布局，并且盒子内部元素与外部元素互不影响。 二 文档流和非文档流的定义： 文档流：将窗体自上而下分成一行行，并在每一行中 ...
分类：
其他好文 时间：
2020-10-19 22:40:31
阅读次数：
18
假如需要你实现换行对齐，你可能会想到ul标签和li标签自带这种功能 确实在使用li标签自带的项目符号的时候可以直接使用，但是有时可能会有不一致时 就需要我们动手写两行代码来实现一下，比如这种效果： 项目符号是数字和顿号，如果我们直接复制粘贴这四行文字则会得到如下结果 文字换行后是不和项目符号对齐的， ...
分类：
Web程序 时间：
2020-10-18 17:11:32
阅读次数：
51
一、HTML、CSS基础、JavaScript语法基础。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。 二、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。相信我，JS语法，永远是面试中最重要的部分。 三、jQuery、Ajax等。jQuery没有过时，它仍然是 ...
分类：
Web程序 时间：
2020-10-18 17:04:41
阅读次数：
48
用css实现一个rate评分 ? 核心代码也就三行 效果图 原理 梳理如下： 去找个好看的iconfont，[Iconfont-阿里巴巴矢量图标库]；借用5个radio单选框，把默认样式都去掉，显示默认的星星；用checked伪类监听用户选中?，由默认的星星变成高亮的星星；然后配合~兄弟操作符把当前 ...
分类：
Web程序 时间：
2020-10-18 16:23:01
阅读次数：
33
一、两列布局 1.1 左列定宽,右列自适应 效果： (1)利用float+margin实现 html代码: <body> <div id="left">左列定宽</div> <div id="right">右列自适应</div> </body> css代码: #left { background-c ...
分类：
其他好文 时间：
2020-10-18 16:21:55
阅读次数：
21
JavaScript和java --没关系 JavaScript在浏览器在网页显示当中的角色 HTML：负责静态显示页面、展示 CSS：美化、排版 JavaScript：负责动态展示 JS原理： Python通过selenium向webdriver发送请求， webdriver接收到请求后，通过JS ...
分类：
Web程序 时间：
2020-10-16 11:32:33
阅读次数：
47
ul.circle {list-style-type:circle;}//圆形列表项 ul.square {list-style-type:square;}//正方形列表项 ol.upper-roman {list-style-type:upper-roman;}//大写罗马数字 ol.lower- ...
分类：
Web程序 时间：
2020-10-16 11:02:43
阅读次数：
34
