前端基础

最新推荐文章于 2023-07-05 21:29:09 发布
最新推荐文章于 2023-07-05 21:29:09 发布
阅读量178 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wutanghua/article/details/98273225
版权

web前端课程

1.开发中用到的知识点

2.面试中要用到的知识

3.后台程序员，在开过程中要必备的知识点

前端阶段:html    css    javascript   Jquery    Vue组件   框架:   写的少，做的多

第一天: html 概述

  html 功能      常用标签      css 样式      css 书写方式      css 属性          HTML (HyperText Mark-up Language) 即超文本标记语言或超文本标签语言

情书     卫生纸  血书   卡片

 图片    音乐    小程序    小视频   笔记.txt 普通文本

.html     超文本 

超文本格式

在标签体中写内容 <html>

</html> 

hbuilder 设置浏览器  工具  >  选项 > web浏览器 > 新建

运行快捷键 ctrl + r

<!DOCTYPE html> 声明这是一个html 文档

<head>  头标签

<body>  内容标签

title 标题标签

meta  指定编码格式  

！+ tab 键 快速生成

br 换行标签

pre 格式化标签

p 是段落标签  段落之间距离是默认

  

h1 文本标题标签，，h1-h6  h1最大    h6最小

img 图片标签   

　　src 图片的路径   alt 1.当图片不能正常显示，会提示alt中文本内容，2.爬取图片数据对图片进行分析      ./ 表示当前路径     表示html目录  下   ../ 表示上层路径  表示 day01目录下      

 <!--链接标签        a 用来跳转网页界面        href 属性值是地址  如果没有默认是 #        也可以跳转html文件页面，href后面跟地址        _blank 会重新弹出一个窗口        _self  在当前页面进行显示，默认是self

css 概念

　　css（cascading style sheets的简写）翻译为 层叠样式表

　　css作用

　　　　它的作用是给标签设置样式

　　　　外观样式，html文件中的文本，字体，大小，网页背景

　　css 书写方式

　　　　1.行内式 ：  过多写重复的代码

　　　　2.嵌入式  ：容易造成相同标签

　　　　3.外链式：降低代码的耦合性

 

 

 

 

常用标签

 

　　例如h20  H<sub> 2</sub>0  sub为下角标

　　　　　　H<sup>2</sup>0    sup为上交标

b 加粗标签

strong 加强版文本加粗，具有强调特性

em 斜体标签

i 标签斜体 em 加强版斜体

b 加粗标签 strong 加强版斜体标签

cite 用于引用书名

sub 下角标 sup上角标

bdo 文本输出的起始方向 dir="ltr" dir="rtl"

u 带有下划线

del 删除线标签

三种引入方式优先级：行内式最高，内嵌式和外链式遵循后定义优先（就近原则）

元素溢出 overflow

hidder 隐藏溢出部分
visible 显示隐藏部分（默认）
scroll 滑动显示隐藏文本
auto 自动

 

 

head 标签

　　用来引入外部文件，指定编码格式

　　　　border 边框

　　　　　　dotted虚线

　　　　　　solid实线

　　　　上 border-top ；设置上面的边线

　　　　左border-left；设置左边的边线

 

列表标签

　　分类；无序列表 有序列表自定义

　　ul 无序

　　OL 有序

　　dl   自定义列表

　　dt 标题

　　dd列表项

u1>li*5　+　tab键

　　u1 默认是圆的

　　circle 空心圆

　　square实心方块

　　disc实心圆

　　ol默认是1234数字

　　start 指定开始位置

 无序列表

type默认为disc（小圆点），还可以自定义circle(小圆圈),square（小方块），none
<ul type="square">
    <li>平凡的世界</li>
    <li>与时间做朋友</li>
    <li>自卑与超越</li>
</ul>

　实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ul去除自带样式</title>
</head>
    <style>
        body {margin: 0;    /*标签与网页直接无空隙*/
              background-color: bisque;  /*网页背景颜色*/
              }
        ul {margin: 0;
            list-style-type: none;  /*去除列表序号*/
            padding-left: 0         /*列表紧贴左边*/
            }
    </style>
<body>
<ul>
        <li>书籍1</li>
        <li>书籍2</li>
        <li>书籍3</li>
</ul>
</body>
</html>
有序列表
　　type可以为：A I a i 1
　　<ol type="1">
    　　<li>路遥</li>
    　　<li>李笑来</li>
    　　<li>阿福雷德 阿德勒</li>
　　</ol>

　

　标题列表　

<dl>
    <dt>内蒙古</dt>
    <dd>呼和浩特</dd>
    <dd>鄂尔多斯</dd>
    <dd>呼伦贝尔</dd>
    <dt>湖北</dt>
    <dd>武汉</dd>
    <dd>黄石</dd>
    <dd>鄂州</dd>
</dl>

dt 标题
dd 内容

表格标签
table 表格标签，一般应用于信息展示
tr 行
td 文本单元格
th 标题单元格（文本加粗）

<table border="20" cellspacing="20" cellpadding="20">
    <thead>
        <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>爱好</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>王大锤</td>
            <td>18</td>
            <td>吃饭</td>
        </tr>
        <tr>
            <td>2</td>
            <td>赵大锤</td>
            <td>50</td>
            <td>睡觉</td>
        </tr>
        <tr>
            <td>3</td>
            <td>李大锤</td>
            <td>100</td>
            <td>做梦</td>
        </tr>
    </tbody>
</table>

 

HTML——form表单（获取用户输入（手动输入/选择/默认值），并将获取到的信息发送到服务端）

　　　　form表单中只有input的type类型为submit才会触发提交信息的动作
　　　　如果不想通过input标签来触发提交动作
　　　　可以直接写一个<button>button按钮</button>


input
        通过控制type的类型从而实现不同的获取用户输入的标签样式
        text        普通文本
        password    密文
        date        日历
        radio        单选框
        checkbox    多选框
        file        获取文件
        
        submit        触发提交数据的行为
        button        普通的按钮
        reset        重置form表单内容
　　　　　

　　　　　　radio 单选 disable 不能选 checked 默认选中
　　　　　　checkbox 复选框 可以选择多个 disable 不能选 checked 默认选中

 

        
select
        选择框  默认是单选的 可以通过multiple参数将单选变为多选
        一个option就是一个选项
    
textarea
        获取用户大段文本值



注册功能实例
<h3>注册界面</h3>
<form action="">
    <p>用户名 <input type="text" name="user"></p>
    <p>密 码 &nbsp&nbsp<input  name="password" type="password"></p>
    <p>生 日 &nbsp&nbsp<input  name="birthday" type="date"></p>
    <p>性 别 &nbsp&nbsp      <!--单选时候需要将name指向同一个gender，这样只能选一个-->
        男<input type="radio" name="gender">
        女<input type="radio" name="gender">
        保密<input type="radio" name="gender">
    </p>
    <p>爱 好 &nbsp&nbsp
        <input type="checkbox" name="hobby">读书
        <input type="checkbox" name="hobby">健身
        <input type="checkbox" name="hobby">篮球
    </p>
    <p>省份(单选) &nbsp&nbsp
        <select name="province" id="">
            <option value="hubei">湖北</option>
            <option value="neimenggu">内蒙古</option>
            <option value="shanghai">上海</option>
        </select>
    </p>
    <p>市(多选) &nbsp&nbsp
        <select name="city" id="" multiple>
            <option value="hubei">武汉市</option>
            <option value="neimenggu">黄石市</option>
            <option value="shanghai">鄂州市</option>
        </select>
    </p>
    <p>地 区 &nbsp&nbsp
        <select name="" id="">
            <optgroup label="湖北">
                <option value="">武汉市</option>
                <option value="">黄冈市</option>
                <option value="">孝感市</option>
            </optgroup>
            <optgroup label="内蒙古">
                <option value="">鄂尔多斯市</option>
                <option value="">呼和浩特市</option>
                <option value="">呼伦贝尔市</option>
            </optgroup>
            <optgroup label="上海市">
                <option value="">青浦区</option>
                <option value="">黄埔新区</option>
                <option value="">虹桥区</option>
            </optgroup>
        </select>
    </p>
    <p>自我评价 &nbsp
        <textarea name="" id="" cols="60" rows="8"></textarea>
    </p>
    <p>文件上传 &nbsp&nbsp
        <input type="file" name="file">
    </p>
    <p>
        <input type="submit" value="提交注册">   <!--value改变按钮的名字-->
    </p>
    <p>
        <input type="button" value="普通按钮，可以后续自定义功能">
    </p>
    <p>
        <input type="reset" value="重选输入信息">
    </p>
</form>



补充
<form action="">
    <label for="i1">username:<input type="text" id="i1" name="username"></label>
    <label for="i2">password: <input type="password" name="pwd" id="i2"></label>
    <input type="submit">
</form>
  • 需要注意：
    • form表单中需要给每一个获取用户输入的标签加上name属性，用来标识当前数据的类型
    • 可以将name属性看成服务端接收到提交过来信息的字典的key
    • 用户输入的当做字典的value
    • 可以手动设置value默认值，如果用户修改了则更新为修改的表单如果需要上传文件，则需设置enctype="multipart/form-data"（默认为enctype="application/x-www-form-urlencoded"）

    • action：用来控制数据提交的目标对象（一般都是url来指定提交目标）

　　表单中几个重要属性

    • action：用来控制数据提交的目标对象（一般都是url来指定提交目标表单默认请求是get类型（获取数据请求），

    • 可以通过修改method属性来更改提交方法为：post（提交数据请求）

    • get请求可以携带参数供服务端效验，不推荐携带敏感型参数，因为get请求提交时候，会在地址栏显示携带的参数
      而且请求携带的参数大小是有限制的，大约在4KB，所以敏感性的信息都应该采用post提交方式

 

常用标签分类：

分类一：双标签：<h1>标题标签</h1>
   　　    自闭合标签：<hr>    <br>

分类二：

　　块儿级标签：div   p   h1~h6  ul  ol  dl  li   dd  table  h

　　　　独占一行

　　　　能够嵌套某些块儿级标签和行内标签

　　　　可以设置长、宽

　　　　行内标签：span  img  a  lable  input  em  i  select   small   sub  strong   button...

　　　　自身内容有多大就占多大

  •     几个特殊的块儿级标签只能嵌套行内标签，不能包含块儿级标签：h1~h6、 p、dt
  •     p标签虽然也是块级标签，但是不能嵌套任何块儿级标签和行内

 

 RL:统一资源定位符

　　　就是我们访问某一网站的网址

  • 四部分：

    第1部分：为协议：http://、ftp://等 
    第2部分：为站点地址：可以是域名或IP地址
    第3部分：为页面在站点中的目录：stu
    第4部分：为页面名称，例如 index.html
    各部分之间用“/”符号隔开。

 a标签：链接标签

　　可以通过href=" "跳转到指定网址

　　跳转功能

<!--_self:原页面打开链接，_blank：新页面打开链接-->
<a href="http://www.baidu.com" target="_self">[百度一下]</a>
<a href="http://www.baidu.com" target="_blank">[百度一下]</a>　　

　　锚点功能：
解析：href="这里面填写跳转id，id前面要加#"    id="这里面填写此行代码的位置id"

<a href="#middle" id="top">跳到中间</a>   把这个放在body顶部
<a href="#down" id="middle">跳到底部</a>  把这个放在body中间
<a href="#top" id="down">跳到顶部</a >    把这个放在body底部

 img标签：图片标签

<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=155
9654296&di=9107ce33edfe48328019f4aa2c976fc3&imgtype=jpg&er=1&src=http%3A%2F%2Fmmb
iz.qpic.cn%2Fmmbiz_jpg%2FeibPQuTaEv62qGwCsE1ibzCWficke01VS9d1CLPllyt5fl9TbZSXziat
RpEB3L0c1VPYZPtT7BfYYgXGoGk4GcMFnw%2F640%3Fwx_fmt%3Djpeg" alt="">
<br>
<img src="平凡的世界.jpg" alt="细读经典" title="这是一本必须要读的书">
<img src="平凡的世界.jpg" alt="" title="路遥" width="315">   #  图片原宽度631
 解析：src输入图片网络地址或者html同目录下图片名，alt图片加载失败显示的文字，
title图片加载出来鼠标放在图片上会出现的文字
width图片宽度，高度等比例改变



选择器:

1、标签选择器 此种选择器影响范围大，一般用来做一些通用设置，或用在层级选择器中。

2、类选择器 通过类名来选择元素，一个类可应用于多个元素，
一个元素上也可以使用多个类，应用灵活，可复用，是css中应用最多的一种选择器。

3、主要应用在标签嵌套的结构中，是结合上面的两种选择器来使用的选择器,
它可与标签选择器结合使用，减少命名，同时也可以通过层级，限制样式的作用范围。

4、通过id名来选择元素，元素的id名称不能重复，所以一个样式设置项只能对应于页面上一个元素，不能复用

5、常用的伪类选择器有hover，表示鼠标悬浮在元素上时的状态。

table表格标签 一般用于文档信息展示

tr表示一行

td文本单元格

 

 

选择器权重：

th标题单元格(文本加粗居中)


cellspacing 单元格间距

cellpadding 文字距离边框的距离

border 设置表格和单元格的边框

style设置边框样式

text-align=center 是单元格内文本居中

style="border-collapse: collapse;" 去除单元格间距，相邻边框合并

 
 
表格的特点:
 
 
如果表格设置了宽度和高度，列宽和行高按照单元格里面内容之间的比例去分配。
如果需要单独设置行高和列宽，可以给单元格单独设置width或者height属性。


这几个标签为了增强表格的语义,但是不是所有浏览器都支持，比较少用。 
 thead 表头
 tbody 表格主体
 tfoot 表格的脚注
 
 


 
 
合并单元格

 rowspan 纵向合并单元格

 colspan 横向合并单元格
 
 
 
 
 
复合选择器的三种类型:交集选择器、并集选择器、后代选择器
 
 
交集选择器
 
 
“交集”复合选择器由两个选择器直接连接构成；其中第一个必须是标签选择器，第二个必须是类别选择器或者ID选择器；这两个选择器之间不能有空格。
 
 
并集选择器
 
 
并集选择器简称“集体声明”；并集选择器是多个选择器通过逗号连接而成的。
 
 
后代选择器
 
 
 
 
 
盒模型 
 
 
1、内容content :  width、height 
 
 
2、内边距 padding   
 
 
  padding:50px;   四个方向都是50px  
 
 
   padding:50px 100px;   上下   左右  
 
 
   padding:50px 100px 150px;   上   左右  下   
 
 
   padding:50px 100px 150px 200px;   上   右  下   左 
 
 
 
 
 
   单独设置四个方向：
 
 
  padding-top   
 
 
  padding-bottom    
 
 
  padding-left  
 
 
  padding-right
 
 
 
 
 
3、边框 border   
 
 
  border:border-width border-style border-color;  
 
 
   border-top:border-width border-style border-color;  
 
 
   border-bottom:border-width border-style border-color;  
 
 
   border-left:border-width border-style border-color;  
 
 
   border-right:border-width border-style border-color;
 
 
    border-width:5px;  
 
 
   border-style:solid(实线)/dashed(虚线)/dotted(点线)/double(双实线) 
 
 
    border-color:red;
 
 
    border-top-width:5px;  
 
 
   border-top-style:solid;  
 
 
   border-top-color:black;  
 
 
 去除边框的写法：border:none/0;
 
 
 
 
 
4、外边距 margin  
 
 
   margin:50px;   四个方向都是50px  
 
 
   margin:50px 100px;   上下   左右   
 
 
  margin:50px 100px 150px;   上   左右  下   
 
 
    margin:50px 100px 150px 200px;   上   右  下   左  
 
 
 单独设置四个方向：     margin-top   
 
 
   margin-bottom   
 
 
   margin-left   
 
 
   margin-right * margin可以设置负值，往反方向移动。  
 
 
 
 
 
 
 
 
 background 属性
 
 
background属性是css中应用比较多，且比较重要的一个属性，它是负责给盒子设置背景图片和背景颜色的
 
 
background-color 设置背景颜色 
 
 
background-image 设置背景图片地址
 
 
 background-repeat 设置背景图片如何重复平铺 
 
 
background-position 设置背景图片的位置
 
 
 
 
 
 
 
 
标签的分类
 
 
元素特点标准分类 只有2类:块元素 行内元素
 
 
块元素特点:
 
 
  1.默认宽度和父元素一直 100%   2.霸占一行   3.支持全部样式
 
 
常用块元素
 
 
  1.p   2.div   3.ul ol   4.dl   5.form   6.h1-h6   
 
 
  *行内元素特点  
 
 
  * 1.自动排列一行，如果遇到边界自动换行  
 
 
  * 2.默认宽高和内容一致   
 
 
 * 3.不支持宽高样式   
 
 
 * 4.不是支持margin 上下  
 
 
  * 5.不支持padding上下    解决行内元素的间隔问题
 
 
   1.代码不换行    2.设置父元素 font-size 0  单独设置自己的font-size    
 
 
其他行内元素
 
 
  a span  input   img   label   
 
 
 
 
 
 
 
 
浮动
 
 
  浮动特点  float    
 
 
    1.left  right  
 
 
  2.默认排列一行，遇到边界会自动换行  
 
 
  3.浮动元素之间没有间隔  
 
 
  4.浮动元素不占位置  
 
 
  5.如果是文字的，会绕着浮动元素走        
 
 
    清除浮动      * overflow:hidden      *    
 
 
  * 在后面设置一个空标签     
 
 
 
 
 
 
 
 
 
 
 
定位 
 
 
  相对定位 relative    参照物以自己为基准    
 
 
  绝对定位 absolute    参照物以父元素为基准，但是父元素设置定位    
 
 
  固定定位 fixed   参照物 浏览器   
 
 
   无定位   static
 
 


注册表单
 
 
 
 


<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <table style="height: 300px;width: 600px;" border="" cellspacing="0" cellpadding="">
   
   
   <tr >
    <td colspan="6">基本情况</td>
    
   </tr>
   
   <tr>
    <td style="height: 40PX;width: 150PX;">姓名</td>
    <td style="height: 40PX;width: 150PX;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td style="height: 40PX;width: 150PX;">性别</td>
    <td style="height: 40PX;width: 150PX;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td colspan="2" rowspan="5"><img style="text-align: center;"  src="programmer.jpg"></td>
   </tr>
   <tr>
    <td>名族</td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td>出生日期</td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    
   </tr>
   <tr>
    <td>政治面貌</td>
    <td></td>
    <td>健康情况</td>
    <td></td>
    
   </tr>
   <tr>
    <td>籍贯</td>
    <td></td>
    <td>学历</td>
    <td></td>
    
   </tr>
   <tr>
    <td>电子邮箱</td>
    <td></td>
    <td>联系电话</td>
    <td></td>
    
   </tr>
   
  </table>
   
 </body>
</html>





 
 
 
 



<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <table border="1px" style="height: 700px;width: 800px;text-align:center" align="center"  cellspacing="0">
   <tr>
    <td style="height: 50px;width: 150px;">姓名</td>
    <td style="height: 50px;width: 150px;"></td>
    <td style="height: 50px;width: 150px;">性别</td>
    <td style="height: 50px;width: 150px;"></td>
    <td style="height: 50px;width: 150px;">出生年月</td>
    <td style="height: 50px;width: 150px;"></td>
   </tr>
   
   <tr>
    <td>名族</td>
    <td></td>
    <td>籍贯</td>
    <td></td>
    <td>专业</td>
    <td></td>
   </tr>
   <tr>
    <td>电话</td>
    <td colspan="5"></td>
    
   </tr>
   
   
   <tr>
    <td colspan="6">工作学习经历</td>
   
   </tr>
   <tr>
    <td colspan="2">公司名称</td>
    <td>职务</td>
    <td>工作年限</td>
    <td colspan="2">转换学习原因</td>
    
   </tr>
   <tr>
    <td colspan="2"></td>
    <td></td>
    <td ></td>
    <td colspan="2"></td>
    
   </tr>
   <tr>
    <td colspan="2"></td>
    <td></td>
    <td></td>
    <td colspan="2"></td>
   </tr>
   <tr>
    <td colspan="2"></td>
    <td></td>
    <td></td>
    <td colspan="2"></td>
   </tr>
   <tr>
    <td colspan="2"></td>
    <td></td>
    <td></td>
    <td colspan="2"></td>
   </tr>
   <tr>
    <td colspan="7" rowspan="3">兴趣爱好</td>
    
   </tr>
   
   
  </table>
 </body>
</html>
 
 
 
 
 





 


                

        

        

    




    

      

        

            

              
                
                  愿过尽千帆，你我仍少年。
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
web前端基础总结

				
			

			

				

					weixin_68043491的博客
				

				

					06-06
					
					1904
					
				

			

		

		

			
				
1.首先了解网页和浏览器网页:网页是网站的基本单位，也叫Web页面，是承载各种网站应用的平台。网页由主要由文字，图片和链接构成，除此之外，网页的元素还包括表格、动画、音频、视频等等。浏览器: 浏览器目前有五大代表,分别为1.IE浏览器 → Edge浏览器2.谷歌（Chrome）浏览器3.safari浏览器4.火狐（Firfox)浏览器5.Opera浏览器浏览器主要由1.用户界面 2.渲染引擎 3.js解释器(Javascript) 4.网络功能模块 5.数据持久化存储等五大部分组成浏览器的内核:2.web标

			
		

	



                

              
                



	

		

			

				
					
web前端基础案例

				
			

			

				

					09-30
				

			

		

		

			
				
总结来说，这个"Web前端基础案例"教程旨在帮助初学者建立起对Web前端开发的全面理解，通过实践案例强化技能，从而能够独立创建具有基本功能和样式的静态网页。随着进一步的学习，你将能掌握更复杂的前端框架和技术，...

			
		

	



                


  
              

                


	

		

			

				
					
sanlyShi的前端之路六：常用input的几种类型

				
			

			

				

					sanlyshi's front-end road
				

				

					08-21
					
					291
					
				

			

		

		

			
				
input： type
1.text  输入框（定义单行的输入字段）
2.checkbox  复选框
3.radio  单选按钮  


4.file  文件上传


5.image   定义图像形式的提交按钮。


6.submit 提交按钮


7.button 定义按钮

			
		

	





	

		

			

				
					
华清远见-重庆中心-前端学习技术总结

				
			

			

				

					joe_c72的博客
				

				

					12-21
					
					1856
					
				

			

		

		

			
				
前端学习总结

			
		

	



		

			
		



	

		

			

				
					
HTML+CSS+JS实例——商品展示图片切换及放大镜功能实现

				
			

			

				

					ColdCoder的博客
				

				

					04-09
					
					2075
					
				

			

		

		

			
				
购物商城 展示图片局部放大功能实现
图片局部放大效果结合的知识点主要是DOM的操作，以及事件的应用，所以首先要对DOM的操作有一定了解，其次能对事件的应用有一定的累积。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta nam

			
		

	





	

		

			

				
					
css标签显示模式

				
			

			

				

					Gnemoah6的博客
				

				

					09-09
					
					1236
					
				

			

		

		

			
				
标签显示模式
1.1.1） 块级元素（block-level）
常见的块级元素<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等，其中<div>标签是典型的块元素。
块级元素的特点
（1）比较霸道，自己独占一行
（2）高度，宽度，外边距和内边距都可以控制
（3）宽度默认是父元素宽度的100%
（4）是一个容器及盒子，里面可以放行内或者块级元素
1.1.2 ）行内元素（inline-level）

			
		

	





	

		

			

				
					
web前端面试题（含答案）

				
			

			

				

					Dcripple的博客
				

				

					09-08
					
					2195
					
				

			

		

		

			
				
一、填空题

1、JS中的数据类型有哪些 Number,Null,undefined,String,boolean,Array,Function,Object；(8种)

2、JS中强制类型转换为 number 类型的方法有：Number() parseInt() parseFloat()

3、创建一个子节点 createElement ，插入一个子节点 appendChild ，在已有元素之前插入节点insertsBefore，删除子节点 removeChild 。

4、获取元素的第...

			
		

	





	

		

			

				
					
web前端基础知识

				
			

			

				

					早睡早起长头发的博客
				

				

					07-11
					
					7051
					
				

			

		

		

			
				
一、网页、静态网页、动态网页   二、网页名词解释   三、Web标准   四、Web页面的组成

			
		

	





	

		

			

				
					
Web前端基础知识

				
			

			

				

					weixin_74227828的博客
				

				

					07-05
					
					1392
					
				

			

		

		

			
				
Web前端是指网站或应用程序的用户界面部分。它包括HTML、CSS、JavaScript等语言和技术，用于创建用户可浏览和交互的网页。Web前端的特点在于其交互性和动态性，可以通过CSS和JavaScript实现页面的动态效果和用户交互。

			
		

	





	

		

			

				
					
前端团队管理 前端基础架构的实践和思考 共22页.pdf

				
			

			

				

					06-09
				

			

		

		

			
				
前端团队管理与前端基础架构的实践和思考  前端团队管理是指在软件开发过程中，负责前端开发的团队如何更好地发挥职能作用，提高团队的效率和质量。本文将探讨前端团队的职能转变、前端基础架构的构建和实施，以及...

			
		

	





	

		

			

				
					
前端基础第一天的笔记

				
			

			

				

					01-03
				

			

		

		

			
				
这是前端基础第一天学习的笔记,视频,文档,练习题所有的东西,文件太大传输不上来,需要把种子传上去,大家再用µTorrent软件打开即可

			
		

	





	

		

			

				
					
第4章 前端面试技能拼图2 ：前端基础知识 ， 必知必会

				
			

			

				

					03-13
				

			

		

		

			
				
本章“第4章 前端面试技能拼图2：前端基础知识，必知必会”将深入探讨那些面试官常问且开发者必须掌握的核心概念。  1. HTML（超文本标记语言）： HTML是网页内容的结构标准，是前端开发的基石。理解不同标签的作用...

			
		

	





	

		

			

				
					
web前端基础适合零基础基础小白通俗易懂自制.xmind

				
			

			

				

					07-03
				

			

		

		

			
				
自学web前端基础适合零基础基础小白通俗易懂

			
		

	





	

		

			

				
					
SQLAlchemy-2.0.31-cp37-cp37m-musllinux_1_2_aarch64.whl

				
			

			

				

					08-31
				

			

		

		

			
				
SQLAlchemy 是一个 SQL 工具包和对象关系映射（ORM）库，用于 Python 编程语言。它提供了一个高级的 SQL 工具和对象关系映射工具，允许开发者以 Python 类和对象的形式操作数据库，而无需编写大量的 SQL 语句。SQLAlchemy 建立在 DBAPI 之上，支持多种数据库后端，如 SQLite, MySQL, PostgreSQL 等。

SQLAlchemy 的核心功能：
对象关系映射（ORM）：
SQLAlchemy 允许开发者使用 Python 类来表示数据库表，使用类的实例表示表中的行。
开发者可以定义类之间的关系（如一对多、多对多），SQLAlchemy 会自动处理这些关系在数据库中的映射。
通过 ORM，开发者可以像操作 Python 对象一样操作数据库，这大大简化了数据库操作的复杂性。
表达式语言：
SQLAlchemy 提供了一个丰富的 SQL 表达式语言，允许开发者以 Python 表达式的方式编写复杂的 SQL 查询。
表达式语言提供了对 SQL 语句的灵活控制，同时保持了代码的可读性和可维护性。
数据库引擎和连接池：
SQLAlchemy 支持多种数据库后端，并且为每种后端提供了对应的数据库引擎。
它还提供了连接池管理功能，以优化数据库连接的创建、使用和释放。
会话管理：
SQLAlchemy 使用会话（Session）来管理对象的持久化状态。
会话提供了一个工作单元（unit of work）和身份映射（identity map）的概念，使得对象的状态管理和查询更加高效。
事件系统：
SQLAlchemy 提供了一个事件系统，允许开发者在 ORM 的各个生命周期阶段插入自定义的钩子函数。
这使得开发者可以在对象加载、修改、删除等操作时执行额外的逻辑。

			
		

	





	

		

			

				
					
osal api中文说明

				
			

			

				

					08-31
				

			

		

		

			
				
osal api中文说明

			
		

	





	

		

			

				
					
SQLAlchemy-2.0.31-cp311-cp311-manylinux_2_17_x86_64.whl

				
			

			

				

					08-31
				

			

		

		

			
				
SQLAlchemy 是一个 SQL 工具包和对象关系映射（ORM）库，用于 Python 编程语言。它提供了一个高级的 SQL 工具和对象关系映射工具，允许开发者以 Python 类和对象的形式操作数据库，而无需编写大量的 SQL 语句。SQLAlchemy 建立在 DBAPI 之上，支持多种数据库后端，如 SQLite, MySQL, PostgreSQL 等。

SQLAlchemy 的核心功能：
对象关系映射（ORM）：
SQLAlchemy 允许开发者使用 Python 类来表示数据库表，使用类的实例表示表中的行。
开发者可以定义类之间的关系（如一对多、多对多），SQLAlchemy 会自动处理这些关系在数据库中的映射。
通过 ORM，开发者可以像操作 Python 对象一样操作数据库，这大大简化了数据库操作的复杂性。
表达式语言：
SQLAlchemy 提供了一个丰富的 SQL 表达式语言，允许开发者以 Python 表达式的方式编写复杂的 SQL 查询。
表达式语言提供了对 SQL 语句的灵活控制，同时保持了代码的可读性和可维护性。
数据库引擎和连接池：
SQLAlchemy 支持多种数据库后端，并且为每种后端提供了对应的数据库引擎。
它还提供了连接池管理功能，以优化数据库连接的创建、使用和释放。
会话管理：
SQLAlchemy 使用会话（Session）来管理对象的持久化状态。
会话提供了一个工作单元（unit of work）和身份映射（identity map）的概念，使得对象的状态管理和查询更加高效。
事件系统：
SQLAlchemy 提供了一个事件系统，允许开发者在 ORM 的各个生命周期阶段插入自定义的钩子函数。
这使得开发者可以在对象加载、修改、删除等操作时执行额外的逻辑。

			
		

	





	

		

			

				
					
geopandas-0.5.0-py2.py3-none-any.whl

				
			

			

				

					08-31
				

			

		

		

			
				
GeoPandas是一个开源的Python库，旨在简化地理空间数据的处理和分析。它结合了Pandas和Shapely的能力，为Python用户提供了一个强大而灵活的工具来处理地理空间数据。以下是关于GeoPandas的详细介绍：

一、GeoPandas的基本概念
1. 定义

GeoPandas是建立在Pandas和Shapely之上的一个Python库，用于处理和分析地理空间数据。
它扩展了Pandas的DataFrame和Series数据结构，允许在其中存储和操作地理空间几何图形。
2. 核心数据结构

GeoDataFrame：GeoPandas的核心数据结构，是Pandas DataFrame的扩展。它包含一个或多个列，其中至少一列是几何列（geometry column），用于存储地理空间几何图形（如点、线、多边形等）。
GeoSeries：GeoPandas中的另一个重要数据结构，类似于Pandas的Series，但用于存储几何图形序列。
二、GeoPandas的功能特性
1. 读取和写入多种地理空间数据格式

GeoPandas支持读取和写入多种常见的地理空间数据格式，包括Shapefile、GeoJSON、PostGIS、KML等。这使得用户可以轻松地从各种数据源中加载地理空间数据，并将处理后的数据保存为所需的格式。
2. 地理空间几何图形的创建、编辑和分析

GeoPandas允许用户创建、编辑和分析地理空间几何图形，包括点、线、多边形等。它提供了丰富的空间操作函数，如缓冲区分析、交集、并集、差集等，使得用户可以方便地进行地理空间数据分析。
3. 数据可视化

GeoPandas内置了数据可视化功能，可以绘制地理空间数据的地图。用户可以使用matplotlib等库来进一步定制地图的样式和布局。
4. 空间连接和空间索引

GeoPandas支持空间连接操作，可以将两个GeoDataFrame按照空间关系（如相交、包含等）进行连接。此外，它还支持空间索引，可以提高地理空间数据查询的效率。

			
		

	





	

		

			

				
					
[湖北]监理平行检验规范用表.doc

					
最新发布

				
			

			

				

					08-31
				

			

		

		

			
				
[湖北]监理平行检验规范用表.doc

			
		

	





	

		

			

				
					
博客绑定 博客绑定在新手教程 包含注释和说明

				
			

			

				

					08-31
				

			

		

		

			
				
博客绑定 博客绑定在新手教程 包含注释和说明

【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。
【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。
【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。
【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。

			
		

	





	

		

			

				
					
Web前端基础：HTML语法详解

				
			

			

				

					
				

			

		

		

			
				
在Web前端基础的学习中，首先需要理解的是网页的本质。网页是基于浏览器的应用程序，其主要功能是展示数据。它由三个核心部分构成：浏览器、服务器和协议。浏览器负责发送请求到服务器，并解析接收到的数据呈现给...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值