weixin_30635053
weixin_30635053

CSS基础_01：

CSS的发展历程：

前面学习了ＨＴＭＬ，如果要只用ＨＴＭｌ来写样式的话，一般都是写在行内，这样显得很臃肿

所以就出现了CSS(Cascading Style Sheet)层叠样式表

 

CSS----网页的美容师

CSS初识：

CSS基础_01：_第1张图片

 

 

CSS书写的位置：

CSS基础_01：_第2张图片

 

 

行内式：

 

 

 

 

CSS基础_01：_第3张图片

注意这种方式，用的不多，只是偶尔会用它来写css 的样式。

 

用的最多的是以下两种：

内部样式表：

CSS基础_01：_第4张图片

CSS基础_01：_第5张图片

 

它就是内部样式表，

 

外部样式表：

 CSS基础_01：_第6张图片

 

CSS基础_01：_第7张图片

 

 

rel 是（relation ） 指的是，当前文档和 被链接文档的关系。

 

三种样式表总结：

CSS基础_01：_第8张图片

一般开发时的文件夹：

CSS基础_01：_第9张图片

 

CSS 样式规则：

CSS基础_01：_第10张图片

 

CSS基础_01：_第11张图片

 

选择器（重点）：

 

 

CSS基础选择器：

标签选择器（元素选择器）：

CSS基础_01：_第12张图片

 

 

类选择器：

CSS基础_01：_第13张图片

CSS基础_01：_第14张图片

注意：

CSS基础_01：_第15张图片

 

 

案例：google 案例

CSS基础_01：_第16张图片

 

 

CSS基础_01：_第17张图片

 

 

总结起来就是一句话，类选择器可以 选择一个或多个 标签。

 

多类名选择器：

多类名选择器还是比较常用的。

CSS基础_01：_第18张图片

 

此时，第一行就既是  红色，也是 20px 的字号了。

 

CSS基础_01：_第19张图片

 

 

CSS基础_01：_第20张图片

 

 

CSS基础_01：_第21张图片

id 选择器：

CSS基础_01：_第22张图片

 

 

 

 

id选择器和 类选择器的区别：

id只能唯一，类选择器可以有多个。

注：class 平时用的比较多，id选择器在js 中用的比较多。

CSS基础_01：_第23张图片

 

 

 

 

通配符选择器：

 

但是，实际开发的时候一般都不会用它 。

CSS字体样式属性：

font-size 字号大小

CSS基础_01：_第24张图片

 

最常用的是px  偶尔也会用下 em 

 

 

font-family 字体

 

注意：

CSS基础_01：_第25张图片

 

 

CSSnicode 字体

CSS基础_01：_第26张图片

 

 

font-weigh字体粗细

 

CSS基础_01：_第27张图片

 

 

CSS基础_01：_第28张图片

 

 

font-style 字体风格

CSS基础_01：_第29张图片

 

 

 

CSS基础_01：_第30张图片

 

div 和 span 的区别：

 

字体连写：
CSS基础_01：_第31张图片

 

 

 

CSS的外观属性：

color:文本颜色

CSS基础_01：_第32张图片

 

CSS基础_01：_第33张图片

 

两位十六进制相同时可以缩写。

line-height:行间距

 

 

text-align:水平对齐

css 中没有垂直对齐这一说。

CSS基础_01：_第34张图片

 

它只是让标签中的文字对齐。

 

 

text-indent 首行缩进

 

CSS基础_01：_第35张图片

 

 

em 是以字为单位的，1 em 就是一个字，

 

text-decoration 文本的修饰

CSS基础_01：_第36张图片

 

CSS基础_01：_第37张图片

 

CSS基础_01：_第38张图片

 

删除线和    和  标签的作用相同。都是删除线。

 

 

CSS基础_01：_第39张图片

 

文本修饰总结：

CSS基础_01：_第40张图片

 

 

调试工具（chorm）:

CSS基础_01：_第41张图片

 

 

 

CSS复合选择器：

后代选择器：

CSS基础_01：_第42张图片

 

CSS基础_01：_第43张图片

 

CSS基础_01：_第44张图片

 

 

子代选择器：

CSS基础_01：_第45张图片

 

CSS基础_01：_第46张图片

 

 

CSS基础_01：_第47张图片

 

一般用的最多的是后代，直接加个空格即可！

 

总结：>  代表的是 亲儿子！

交集选择器

 

它就是交集选择器！用的也比较少！

CSS基础_01：_第48张图片

并集选择器（重点）

CSS基础_01：_第49张图片

 

CSS基础_01：_第50张图片

 

但是有点罗嗦！

 

 

总结：

空格表示 后代 ，大于号（>）表示子代！

直接连写表示交集，逗号（,)表示并集！

这里面，后代选择器　和　并集　使用的最多！

 

伪类选择器

 

链接伪类选择器：

CSS基础_01：_第51张图片

 

CSS基础_01：_第52张图片

 

 

CSS基础_01：_第53张图片

 

注：

link  visited hover active 它们的顺序一般是不能调换的！

记忆技巧：

1，

 

 2，lv hao   lv 包真好！

但是实际开发中，

针对伪类选择器，一般不会将这四个都写一般是如下：

CSS基础_01：_第54张图片

 

 

 

测试题：

CSS基础_01：_第55张图片

 

 

CSS基础_01：_第56张图片

1，

 

 

CSS基础_01：_第57张图片

用的是后代选择器！

2，

 

 

这主要用的是逗号 表示 并集！

 

3,

 

 

大于号，>表示子代选择器！（子代用的相对比较少！）

CSS注释：

 

 

 

标签的显示模式：

 

 

 

块级元素block-level：

 

CSS基础_01：_第58张图片

 

 

 


行内元素inline-level：

 

CSS基础_01：_第59张图片

 

 

 

 

 


块级元素和行内元素的区别：CSS基础_01：_第60张图片

 

 

行内块元素inline-block：

CSS基础_01：_第61张图片

 

 


标签显示模式   的相互转换：

CSS基础_01：_第62张图片

 

CSS基础_01：_第63张图片

 

CSS基础_01：_第64张图片

 

 

作业：

CSS基础_01：_第65张图片

 

1，

 1 DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>title>
 6     <style>
 7         div{
 8             background-color: cyan;
 9             width: 100px;
10             height: 100px;
11         }
12     style>
13 head>
14 <body>
15     <div>哈哈哈div>
16     <div>哈哈哈div>
17     <div>哈哈哈div>
18 body>
19 html>
View Code

2，

 1 DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>title>
 6     <style>
 7         span{
 8             width: 150px;
 9             height: 150px;
10             background-color: skyblue;
11         }
12     style>
13 head>
14 <body>
15     <span>我是spanspan>
16     <span>我是spanspan>
17     <span>我是spanspan>
18 body>
19 html>
View Code

3，

 1 DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>title>
 6     <style>
 7         a{
 8             width:80px;
 9             height: 20px;
10             background-color: red;
11         }
12     style>
13 head>
14 <body>
15     <a href="https://www.baidu.com">百度a>
16     <a href="https://www.baidu.com">百度a>
17     <a href="https://www.baidu.com">百度a>
18 body>
19 html>
View Code

 

补充：

第一个：

 

第二个：

行高 = 盒子的高度时可以将文本垂直居中。

 1 DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>title>
 6     <style>
 7         .nav a{
 8             width: 120px;
 9             height: 50px;
10             background-color: orange;
11             background-image: url("images/social_github.png");
12             display: inline-block;
13             text-align: center;
14             text-decoration: none;   /*取消下划线*/
15             line-height: 50px; /*使文本居中对齐*/
16         }
17         .nav a:hover{
18             background-color: cyan;/*当鼠标经过时 显示青色*/
19         }
20         .nav{
21             text-align: center; /*此时可以将  a标签看作是文字 ，可以居中对齐*/
22                 /*一般是将inline 和 inline-block 看作文字，block 不可*/
23         }
24     style>
25 head>
26 <body>
27     <div class="nav">
28         <a href="#">百度a>
29         <a href="#">新浪a>
30         <a href="#">搜狐a>
31         <a href="#">腾讯a>
32         <a href="#">阿里a>
33         <a href="#">华为a>
34     div>
35 body>
36 html>
综合案例

 

前面小复习：（注意点）

 

CSS基础_01：_第66张图片

 

行内标签里不能放块级元素，（a是个例外，它里面可以放块级元素！！！）

 

小结：

 

1，p h  内不能放块级元素

2，链接中不能放链接

3，a里面可以放 块级元素。

 

转载于:https://www.cnblogs.com/zach0812/p/11602829.html

你可能感兴趣的:(CSS基础_01：)

  • Host '*' is not allowed to connect to this MariaDB server weixin_34358365 数据库python
    2019独角兽企业重金招聘Python工程师标准>>>MYSQL权限问题原因：安装MySQL时没有勾选“Enablerootaccessfromremotemachines”如何开启MySQL的远程帐号-1）首先以root帐户登陆MySQL在Windows主机中点击开始菜单，运行，输入“cmd”，进入控制台，然后cd进入MySQL的bin目录下，然后输入下面的命令。>MySQL-uroot-p12
  • PAT A1052Linked List Sorting(测试点3：输出首节点地址时也要保证格式) 明亮的托比 PATPAT真题静态链表
    #include#include#includeusingnamespacestd;#defineMAX100010structnode{intadd;intkey;intnext;intflag;};boolcmp(nodea,nodeb){returna.key>n>>first;inti,x;node*s=newnode[MAX];
  • Host ‘db01‘ is not allowed to connect to this MariaDB server 怎么解决？ teayear 云原生mariadb数据库云计算运维岗位运维技术
    出现错误ERROR1130(HY000):Host'db01'isnotallowedtoconnecttothisMariaDBserver，表示当前用户test没有足够的权限从主机db01连接到MariaDB服务器。以下是逐步解决方案：1.检查用户权限登录MariaDB服务器（需本地或通过其他有权客户端），执行以下命令查看用户权限：SELECTuser,hostFROMmysql.userWH
  • SQLite3 在嵌入式系统中的应用指南 指令集诗人 sqlite3sqlite数据库嵌入式实时数据库
    SQLite3在嵌入式系统中的应用指南一、嵌入式系统中SQLite3的优势SQLite3是嵌入式系统的理想数据库解决方案，具有以下核心优势：特性嵌入式系统价值典型指标轻量级适合资源受限环境库大小：500-700KB零配置无需数据库管理员开箱即用无服务器减少系统复杂性无后台进程低功耗延长电池寿命读操作：~0.001mAh高可靠性应对意外断电ACID事务保证单文件存储简化数据管理单个.db文件二、嵌入
  • 投标文件制作中多级标题自动设置 ℃-柠檬 职场和发展其他
    针对大型项目的投标文件制作，标书中可能会涉及到很多的内容，需要做标题分级和分类，格式调整需要耗费大量的时间和精力，近期由于投标工作需要，自己整理了一稿标书制作过程中的多级标题的自动设置及格式调整的方法，分享给需要的朋友。样式表我同步上传到我自己的博客资源中了，有需要的朋友可以直接下载使用。（PS：我自己用的是2013版的Office）一、定义新的多级列表新建一个空白Word文档，在“开始”中找到列
  • 一篇文章读完50篇摄影教程（托马斯的2016总结） weixin_30341745 photoshop人工智能
    作者：Thomas看看世界链接：https://zhuanlan.zhihu.com/p/24654853来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。2016年，托马斯精心原创和精选转载了近50篇摄影教程。从拍摄思路到修图技术，从前期滤镜到后期工具，从风光人像到手机摄影。每篇教程，都是托马斯利用周末时间，策划、编写和制作完成的。托马斯制作教程，并不是为了显摆自己有
  • 2017暑训摸底（xdoj1045，xdoj1173，xdoj1007，xdoj1038） Owen_Q dpxdoj搜索
    由于时间没赶上摸底，只能跟一波新增的dp摸底，感觉难度一般般，可能有段时间内没做题的缘故吧暑训就要开始了呢A黑白棋思路：一上来就是个博弈搜索根据上一状态与这一状态必胜必败态的转换来判断先手的情况dfs搜索所有前项状态，若均为必败态，则该状态为必胜态，否则为必败态/*Author：Owen_Q*/#includeusingnamespacestd;inta[5][5];intdfs(intx,int
  • ACM ICPC 2017 Warmup Contest 7（CTU Open Contest 2016） Owen_Q 水题搜索数组stlacm
    ccsp与区域赛都越来越近了，模拟与区域赛题并进，还有一堆作业，有点累，想玩耍，感觉自己有点迷失，算了，还是就这样吧，努力向前练习赛7，打两个签到题走人，继续刷csp去B.HotAirBallooning思路：统计不同人用过的气球的方案数，又是个去重问题，又想往set上放，后来发现气球数很少，完全可以数组统计，而气球总组合有限，虽然不大，但强搜可能会感觉tle，加个状压好了，感觉现在自己特别喜欢做
  • 2015 United Kingdom and Ireland Programming Contest (UKIEPC 2015) Owen_Q 数学字符串模拟
    2015年的icpc英国站，不到一百只过题队伍，可以算是icpc在英国刚起步的时候。ProblemBMountainBiking思路：作为本场的签到题，读懂题意之后，这题倒是更像一道数学题。给定n个坡面的角度，求解到达坡道底端的速度利用经典力学动力学公式即可直接求出./*AuthorOwen_Q*/#includeusingnamespacestd;typedeflonglongll;consti
  • specpu2017安装/编译/运行测试总结 So_shine linux调试工具和性能量化linux
    目录前言一、源码镜像获取二、安装三、配置修改四、编译五、运行测试六、结果查看七、遇到的问题前言SPEC是标准性能评估公司（StandardPerformanceEvaluationCorporation）的简称。SPEC是由计算机厂商、系统集成商、大学、研究机构、咨询等多家公司组成的非营利性组织，这个组织的目标是建立、维护一套用于评估计算机系统的标准。SPECCPU测试中，测试系统的处理器、内存子
  • specpu2017在arm64环境下的部署/测试 So_shine specpu性能测试arm64环境部署
    目录前言一、源码镜像获取二、安装三、配置修改四、编译五、运行测试六、结果查看七、遇到的问题前言SPEC是标准性能评估公司（StandardPerformanceEvaluationCorporation）的简称。SPEC是由计算机厂商、系统集成商、大学、研究机构、咨询等多家公司组成的非营利性组织，这个组织的目标是建立、维护一套用于评估计算机系统的标准。SPECCPU测试中，测试系统的处理器、内存子
  • [M数学] lc2829. k-avoiding 数组的最小总和(推公式+贪心模拟+好题) Ypuyu LeetCode算法
    文章目录1.题目来源2.题目解析1.题目来源链接：2829.k-avoiding数组的最小总和参考：灵神题解前置题：xxx题单：待补充2.题目解析2025年03月27日00:01:32方法一：贪心模拟依据两数之和的思想，从i=1开始填，总共需要填n个数。如果当前的i不可用，那就一直i++，找到一个可用的i如果k0{form[i]{i++}ifk>i{m[k-i]=true}res+=ii++n--
  • 洛谷P1850 [NOIP 2016 提高组] 换教室 xwztdas 算法动态规划暴力枚举
    洛谷P1850[NOIP2016提高组]换教室洛谷题目传送门题目背景NOIP2016提高组D1T3题目描述对于刚上大学的牛牛来说，他面临的第一个问题是如何根据实际情况申请合适的课程。在可以选择的课程中，有2n2n2n节课程安排在nnn个时间段上。在第iii（1≤i≤n1\leqi\leqn1≤i≤n）个时间段上，两节内容相同的课程同时在不同的地点进行，其中，牛牛预先被安排在教室cic_ici上课，
  • Microsoft VBA Excel VBA学习笔记——双重筛选+复制数值1.0 偷心伊普西隆 VBA学习和实践microsoftexcel
    问题场景CountryProductCLASS1CLASS2CLASS3CLASS4CLASS5CLASS6…USApple0.3641416030.8918210610.0591451990.7320110290.0509636560.222464259…USBanana0.2300833330.4027262180.1548836670.2988904860.7802326210.028592
  • Windows Server 2019 安装 Docker 完整指南 z日火 dockerwindowsdocker容器
    博主本人使用的是离线安装1.安装前准备系统要求操作系统：WindowsServer2019（或2016/2022）权限：管理员权限的PowerShell网络：可访问互联网（或离线安装包）启用容器功能Install-WindowsFeature-NameContainers如果提示需要重启，但Restart-Computer-Force失败，请手动重启服务器。2.安装Docker方法1：在线安装（推
  • 手把手教程：在 VS2017 32位 Windows 环境下编译 OR-Tools 9.6 并集成到 C++ 项目 A小庞 C++知识算法c++开发语言or-tools算法库
    OR-Tools是Google开源的优化算法库，支持路径规划、线性规划、约束编程等多种功能。本文将详细介绍在VisualStudio201732位Windows环境下编译OR-Tools9.6的两种方法：联网自动下载依赖和手动编译依赖项，并提供避坑指南。方法一：联网自动下载依赖（推荐新手）步骤1：克隆OR-Tools仓库gitclonehttps://github.com/google/or-to
  • Vivado使用误区与进阶【1.0】 BinaryStarXin FPGA技术汇总分享4FPGA技术汇总分享3fpga开发硬件工程dsp开发嵌入式硬件Vivado和XDCVivado日志
    UltraFAST™是Xilinx©在2013年底推出的一套设计方法学指导，旨在指引用户最大限度地利用现有资源，提升系统性能，降低风险，实现更快速且可预期的设计。面向Vivado®的UltraFAST方法学的主体是UG949文档，配合相应的Checklist，随Vivado版本同时更新，用户可以在Xilinx的主页上免费下载。目前，针对Vivado设计套件的UltraFAST中文版也已经上市，另外
  • 【攻防篇】解决：阿里云docker 容器中自动启动xmrig挖矿-- 实战 ladymorgana 日常工作总结docker挖矿实战
    文章目录场景一、问题二、原因三、解决方案1、控制台处理2、[清除与防护](https://blog.csdn.net/ladymorgana/article/details/148921668?spm=1001.2014.3001.5501)1.紧急处理：停止挖矿进程2.清理被感染的容器3.防护措施：防止再次被入侵4.排查入侵来源四、实战Step1：检查服务器是否被植入挖矿程序Step2：删除被感
  • C51填坑记：中断处理导致主程序函数参数改变 albert_812 C51C51DataOverlay中断参数异常改变
    1.现象平台：keilc51，中颖SH79F7019A现象：在增加了一个中断处理逻辑后，发现主程序异常，断点调试发现某个函数的参数被改变了，程序使用了错误的数据导致逻辑出错。2.排查初步分析，可能原因如下：1.参数寄存器(R0-R7)的值，被中断函数改变。2.堆栈溢出。2.1参数寄存器首先排查参数寄存器（中断里面调用了函数，有参数传递）。通过仿真器观察中断函数汇编代码，发现在进入中断之前是对R0-
  • 读芯片信息出错3_简单说说汽车MCU有关security信息安全功能 weixin_39617685 读芯片信息出错3
    汽车生态系统正在快速发展，新的连接技术将推动汽车进入物联网领域，其好处与威胁并存。随着每辆车的电子控制单元(ECU)的数量增加，以及汽车与互联网，用户以及彼此之间的连接，其复杂性和攻击面呈指数级增长。空中远程诊断和软件更新，紧急呼叫，互联网服务，车载支付，移动应用以及信息娱乐和交通信息等新功能都增加了车辆的攻击面。汽车电子网络安全标准化白皮书(2018)中，通过对近年来出现的各类汽车安全事件的搜集
  • 中国地图分幅编号计算工具 红衣大叔 gisjavascript分幅
    fenfu中国地图分幅编号计算工具，符合GB/T13989-2012国家标准。支持单点计算和范围查询，适用于测绘、GIS开发、城市规划等场景。特性✅支持8种比例尺（100万至5000）✅单点坐标转图幅编号✅矩形范围批量图幅查询✅自动处理高纬度特殊分幅规则✅输入验证与错误处理✅TypeScript类型支持安装npminstallfenfu#或yarnaddfenfu使用示例1.单点计算constMa
  • 2019-2020年线上睡眠市场深度分析报告 我就是夏迎春
    本文还有配套的精品资源，点击获取简介：本报告全面分析了2019至2020年间中国线上消费者购买睡眠相关产品的行为和趋势。报告内容涉及市场概况、消费偏好、消费者行为、地域差异及未来展望，详细解读了消费者对多种睡眠产品的偏好及线上市场的发展。京东平台的数据为研究提供了丰富的实证，包括市场增长、产品多样化、高端产品需求上升、科技产品的发展、购买时段、年龄分布、决策因素以及地域差异等。报告指出，健康意识和
  • Mysql 主从备份 龙那个猫robot 数据库mysql
    英文好的可以直接去mysql官网查看https://dev.mysql.com/doc/refman/5.7/en/replication.html1环境准备我这里准备两套linux虚拟机，主mysql服务器,从mysql服务区ip192.168.1.30ip192.168.1.1001.1备份主mysql数据库1.2从数据库恢复主mysql数据库1.3配置主mysql服务器配置server-id
  • 【LlamaIndex核心组件指南 | 模型篇】一文通晓 LlamaIndex 模型层：LLM、Embedding 及多模态应用全景解析
    Langchain系列文章目录01-玩转LangChain：从模型调用到Prompt模板与输出解析的完整指南02-玩转LangChainMemory模块：四种记忆类型详解及应用场景全覆盖03-全面掌握LangChain：从核心链条构建到动态任务分配的实战指南04-玩转LangChain：从文档加载到高效问答系统构建的全程实战05-玩转LangChain：深度评估问答系统的三种高效方法（示例生成、手
  • 稳定币独角兽：Circle InnoLink_1024 区块链稳定币区块链
    Circle公司背景分析CircleInternetFinancial（以下简称Circle）是一家成立于2013年的美国金融科技公司，总部位于波士顿，由JeremyAllaire和SeanNeville联合创立。公司最初专注于点对点加密货币支付和交易，后转型为全球领先的稳定币发行机构，其核心产品是与美元1:1挂钩的USDCoin（USDC），目前为全球第二大稳定币，仅次于Tether的USDT。
  • Java中的值传递 Obltv Java基础java开发语言
    更多内容请看我的个人网站date:2025-06-01tags:八股基础Java中只有值传递什么是值传递值传递（PassbyValue）调用方法时，传递的是参数的值，是原始数据的一个副本。方法内部改变这个副本，不影响原始数据。什么是引用传递引用传递（PassbyReference）调用方法时，传递的是变量的地址（指针），方法内部对这个引用的任何更改，都会影响原始对象的引用。举例一个方法不能修改一个
  • ResNet（Residual Network） 不想秃头的程序 神经网络语音识别人工智能深度学习网络残差网络神经网络
    ResNet（ResidualNetwork）是深度学习中一种经典的卷积神经网络（CNN）架构，由微软研究院的KaimingHe等人在2015年提出。它通过引入残差连接（SkipConnection）解决了深度神经网络中的梯度消失问题，使得网络可以训练极深的模型（如上百层），并在图像分类、目标检测、语义分割等任务中取得了突破性成果。以下是ResNet的详细介绍：一、核心思想ResNet的核心创新是
  • 1.2 Python 的特点与优势 Utopia Reverie pythonpython开发语言
    1.语法简洁易读Python以简洁的语法著称，代码可读性强，减少了不必要的符号和冗余代码。例如，使用缩进来表示代码块，而非传统的大括号。这使得代码更易于理解和维护，尤其适合初学者。示例：python运行【#计算斐波那契数列的前10项n=10a,b=0,1for_inrange(n);print(a,end='')a,b=b,a+b#输出:0112358132134】2.开源与社区支持Python是
  • Unity脚本--01-脚本书写规则-脚本生命周期-脚本调试-常用API 秦果 开发语言
    一、脚本书写规则脚本：.cs的文本文件类文件作用：附加到游戏物体中，定义游戏对象行为指令的代码与C#类的区别：脚本只有字段和方法，没有自动属性和构造函数publicintA{get{returna;}set{a=value;}}属性定义了在unity中不会显示publicLifecycle(){Debug.Log("构造函数")//b=Time.time;}不要在脚本中写构造函数，因为不能在子线程
  • 2024鸿蒙OS实战开发项目大全：从入门到精通（含101个实战案例）超详细的鸿蒙实战案例 人工智能_SYBH harmonyos华为鸿蒙开发实战项目开发入门精通
    订阅专栏可获取100个实战项目源码和教程！！！（需要哪个给哪个，订阅后发邮箱，无法全给）探索鸿蒙OS开发的世界，一个非同小可的旅程即将开始。在这篇目录博客中，我将带您一览一系列令人难以置信的实战开发项目，每一个都是对HarmonyOS应用开发者的绝佳启发和宝贵资源。从基础的UI组件到复杂的分布式场景，从ArkTS的细致教学到JS的灵活运用，这一百个项目涵盖了你需要知道的HarmonyOS实战技术和
  • 辗转相处求最大公约数 沐刃青蛟 C++漏洞
    无言面对”江东父老“了，接触编程一年了，今天发现还不会辗转相除法求最大公约数。惭愧惭愧！   为此，总结一下以方便日后忘了好查找。   1.输入要比较的两个数a,b   忽略：2.比较大小（因为后面要的是大的数对小的数做%操作）   3.辗转相除（用循环不停的取余，如a%b,直至b=0）   4.最后的a为两数的最大公约数 &
  • F5负载均衡会话保持技术及原理技术白皮书 bijian1013 F5负载均衡
    一.什么是会话保持？        在大多数电子商务的应用系统或者需要进行用户身份认证的在线系统中，一个客户与服务器经常经过好几次的交互过程才能完成一笔交易或者是一个请求的完成。由于这几次交互过程是密切相关的，服务器在进行这些交互过程的某一个交互步骤时，往往需要了解上一次交互过程的处理结果，或者上几步的交互过程结果，服务器进行下
  • Object.equals方法：重载还是覆盖 Cwind javagenericsoverrideoverload
    本文译自StackOverflow上对此问题的讨论。 原问题链接   在阅读Joshua Bloch的《Effective Java（第二版）》第8条“覆盖equals时请遵守通用约定”时对如下论述有疑问： “不要将equals声明中的Object对象替换为其他的类型。程序员编写出下面这样的equals方法并不鲜见，这会使程序员花上数个小时都搞不清它为什么不能正常工作：” pu
  • 初始线程 15700786134
          暑假学习的第一课是讲线程，任务是是界面上的一条线运动起来。            既然是在界面上，那必定得先有一个界面，所以第一步就是，自己的类继承JAVA中的JFrame，在新建的类中写一个界面，代码如下： public class ShapeFr
  • Linux的tcpdump 被触发 tcpdump
    用简单的话来定义tcpdump，就是：dump the traffic on a network，根据使用者的定义对网络上的数据包进行截获的包分析工具。 tcpdump可以将网络中传送的数据包的“头”完全截获下来提供分析。它支 持针对网络层、协议、主机、网络或端口的过滤，并提供and、or、not等逻辑语句来帮助你去掉无用的信息。 实用命令实例 默认启动 tcpdump 普通情况下，直
  • 安卓程序listview优化后还是卡顿 肆无忌惮_ ListView
    最近用eclipse开发一个安卓app，listview使用baseadapter，里面有一个ImageView和两个TextView。使用了Holder内部类进行优化了还是很卡顿。后来发现是图片资源的问题。把一张分辨率高的图片放在了drawable-mdpi文件夹下，当我在每个item中显示，他都要进行缩放，导致很卡顿。解决办法是把这个高分辨率图片放到drawable-xxhdpi下。 &nb
  • 扩展easyUI tab控件，添加加载遮罩效果 知了ing jquery
    (function () { $.extend($.fn.tabs.methods, { //显示遮罩 loading: function (jq, msg) { return jq.each(function () { var panel = $(this).tabs(&
  • gradle上传jar到nexus 矮蛋蛋 gradle
    原文地址： https://docs.gradle.org/current/userguide/maven_plugin.html configurations {     deployerJars } dependencies {     deployerJars "org.apache.maven.wagon
  • 千万条数据外网导入数据库的解决方案。 alleni123 sqlmysql
    从某网上爬了数千万的数据，存在文本中。 然后要导入mysql数据库。 悲剧的是数据库和我存数据的服务器不在一个内网里面。。 ping了一下， 19ms的延迟。 于是下面的代码是没用的。 ps = con.prepareStatement(sql); ps.setString(1, info.getYear())............; ps.exec
  • JAVA IO InputStreamReader和OutputStreamReader 百合不是茶 JAVA.io操作 字符流
    这是第三篇关于java.io的文章了，从开始对io的不了解-->熟悉--->模糊，是这几天来对文件操作中最大的感受，本来自己认为的熟悉了的，刚刚在回想起前面学的好像又不是很清晰了，模糊对我现在或许是最好的鼓励 我会更加的去学 加油！： JAVA的API提供了另外一种数据保存途径，使用字符流来保存的，字符流只能保存字符形式的流   字节流和字符的难点：a,怎么将读到的数据
  • MO、MT解读 bijian1013 GSM
    MO= Mobile originate，上行，即用户上发给SP的信息。MT= Mobile Terminate，下行，即SP端下发给用户的信息； 上行:mo提交短信到短信中心下行:mt短信中心向特定的用户转发短信，你的短信是这样的，你所提交的短信，投递的地址是短信中心。短信中心收到你的短信后，存储转发，转发的时候就会根据你填写的接收方号码寻找路由，下发。在彩信领域是一样的道理。下行业务：由SP
  • 五个JavaScript基础问题 bijian1013 JavaScriptcallapplythisHoisting
    下面是五个关于前端相关的基础问题，但却很能体现JavaScript的基本功底。 问题1：Scope作用范围 考虑下面的代码：  (function() { var a = b = 5; })(); console.log(b); 什么会被打印在控制台上？  回答：         上面的代码会打印 5。 &nbs
  • 【Thrift二】Thrift Hello World bit1129 Hello world
    本篇，不考虑细节问题和为什么，先照葫芦画瓢写一个Thrift版本的Hello World，了解Thrift RPC服务开发的基本流程   1. 在Intellij中创建一个Maven模块，加入对Thrift的依赖，同时还要加上slf4j依赖，如果不加slf4j依赖，在后面启动Thrift Server时会报错 <dependency>
  • 【Avro一】Avro入门 bit1129 入门
    本文的目的主要是总结下基于Avro Schema代码生成，然后进行序列化和反序列化开发的基本流程。需要指出的是，Avro并不要求一定得根据Schema文件生成代码，这对于动态类型语言很有用。   1. 添加Maven依赖   <?xml version="1.0" encoding="UTF-8"?> <proj
  • 安装nginx+ngx_lua支持WAF防护功能 ronin47
    需要的软件:LuaJIT-2.0.0.tar.gz                   nginx-1.4.4.tar.gz          &nb
  • java-5.查找最小的K个元素-使用最大堆 bylijinnan java
    import java.util.Arrays; import java.util.Random; public class MinKElement { /** * 5.最小的K个元素 * I would like to use MaxHeap. * using QuickSort is also OK */ public static void
  • TCP的TIME-WAIT bylijinnan socket
    原文连接： http://vincent.bernat.im/en/blog/2014-tcp-time-wait-state-linux.html 以下为对原文的阅读笔记 说明： 主动关闭的一方称为local end，被动关闭的一方称为remote end 本地IP、本地端口、远端IP、远端端口这一“四元组”称为quadruplet，也称为socket 1、TIME_WA
  • jquery ajax 序列化表单 coder_xpf Jquery ajax 序列化
       checkbox 如果不设定值，默认选中值为on；设定值之后，选中则为设定的值   <input type="checkbox" name="favor" id="favor" checked="checked"/> $("#favor&quo
  • Apache集群乱码和最高并发控制 cuisuqiang apachetomcat并发集群乱码
    都知道如果使用Http访问，那么在Connector中增加URIEncoding即可，其实使用AJP时也一样，增加useBodyEncodingForURI和URIEncoding即可。 最大连接数也是一样的，增加maxThreads属性即可，如下，配置如下： <Connector maxThreads="300" port="8019" prot
  • websocket dalan_123 websocket
    一、低延迟的客户端-服务器 和 服务器-客户端的连接 很多时候所谓的http的请求、响应的模式，都是客户端加载一个网页，直到用户在进行下一次点击的时候，什么都不会发生。并且所有的http的通信都是客户端控制的，这时候就需要用户的互动或定期轮训的，以便从服务器端加载新的数据。   通常采用的技术比如推送和comet（使用http长连接、无需安装浏览器安装插件的两种方式：基于ajax的长
  • 菜鸟分析网络执法官 dcj3sjt126com 网络
      最近在论坛上看到很多贴子在讨论网络执法官的问题。菜鸟我正好知道这回事情.人道"人之患好为人师" 手里忍不住,就写点东西吧. 我也很忙.又没有MM,又没有MONEY....晕倒有点跑题. OK,闲话少说,切如正题. 要了解网络执法官的原理. 就要先了解局域网的通信的原理. 前面我们看到了.在以太网上传输的都是具有以太网头的数据包. 
  • Android相对布局属性全集 dcj3sjt126com android
    RelativeLayout布局android:layout_marginTop="25dip" //顶部距离android:gravity="left" //空间布局位置android:layout_marginLeft="15dip //距离左边距 // 相对于给定ID控件android:layout_above 将该控件的底部置于给定ID的
  • Tomcat内存设置详解 eksliang jvmtomcattomcat内存设置
    Java内存溢出详解   一、常见的Java内存溢出有以下三种：   1. java.lang.OutOfMemoryError: Java heap space ----JVM Heap（堆）溢出JVM在启动的时候会自动设置JVM Heap的值，其初始空间(即-Xms)是物理内存的1/64，最大空间(-Xmx)不可超过物理内存。 可以利用JVM提
  • Java6 JVM参数选项 greatwqs javaHotSpotjvmjvm参数JVM Options
    Java 6 JVM参数选项大全（中文版）   作者：Ken Wu Email: [email protected] 转载本文档请注明原文链接 http://kenwublog.com/docs/java6-jvm-options-chinese-edition.htm！   本文是基于最新的SUN官方文档Java SE 6 Hotspot VM Opt
  • weblogic创建JMC i5land weblogicjms
    进入 weblogic控制太 1.创建持久化存储 --Services--Persistant Stores--new--Create FileStores--name随便起--target默认--Directory写入在本机建立的文件夹的路径--ok 2.创建JMS服务器 --Services--Messaging--JMS Servers--new--name随便起--Pers
  • 基于 DHT 网络的磁力链接和BT种子的搜索引擎架构 justjavac DHT
    上周开发了一个磁力链接和 BT 种子的搜索引擎 {Magnet & Torrent}，本文简单介绍一下主要的系统功能和用到的技术。 系统包括几个独立的部分： 使用 Python 的 Scrapy 框架开发的网络爬虫，用来爬取磁力链接和种子； 使用 PHP CI 框架开发的简易网站； 搜索引擎目前直接使用的 MySQL，将来可以考虑使
  • sql添加、删除表中的列 macroli sql
    添加没有默认值：alter table Test add BazaarType char(1) 有默认值的添加列：alter table Test add BazaarType char(1) default(0) 删除没有默认值的列：alter table Test drop COLUMN BazaarType 删除有默认值的列：先删除约束（默认值）alter table Test DRO
  • PHP中二维数组的排序方法 abc123456789cba 排序二维数组PHP
    <?php/*** @package     BugFree* @version     $Id: FunctionsMain.inc.php,v 1.32 2005/09/24 11:38:37 wwccss Exp $*** Sort an two-dimension array by some level
  • hive优化之------控制hive任务中的map数和reduce数 superlxw1234 hivehive优化
    一、    控制hive任务中的map数: 1.    通常情况下，作业会通过input的目录产生一个或者多个map任务。 主要的决定因素有： input的文件总个数，input的文件大小，集群设置的文件块大小(目前为128M, 可在hive中通过set dfs.block.size;命令查看到，该参数不能自定义修改)；2. 
  • Spring Boot 1.2.4 发布 wiselyman spring boot
    Spring Boot 1.2.4已于6.4日发布，repo.spring.io and Maven Central可以下载(推荐使用maven或者gradle构建下载)。   这是一个维护版本，包含了一些修复small number of fixes,建议所有的用户升级。   Spring Boot 1.3的第一个里程碑版本将在几天后发布，包含许多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他