有关前端的分享

本文介绍了前端开发的核心技术,包括HTML(负责网页内容结构)、CSS(美化页面和优化性能)和JavaScript(实现动态效果与交互)。同时提及了HTML标签的使用和CSS选择器的工作原理,并通过实例展示了如何构建一个简单的算法题——杨辉三角形。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

什么是前端

前端,全称为前端开发,是计算机科学中的一个专业领域,主要关注于网站或Web应用的用户界面(UI)和用户体验(UX)的开发. 通俗一点来说就是开发给用户看的内容

核心技术--"三剑客"

前端三剑客: 前端基础由3个东西组成

        htm(超文本标记语言): 是一个网页基本组成,给用户看的东西都写这里(图片/文字/视频) 

        css(叠层样式表): 负责美化页面内容/优化网页性能(颜色,排版,字体) 

        JavaScript: 脚本语言,主要用来实现动态效果,前后端交互

html超文本标记语言:

超文本: 比普通文本更厉害.可以插入图片/音乐/视频/超链接.对内容进行排版,样式设计

标记语言:把html当成是一块拼图.它的代码就是一块块碎片称为标签 如:<>

写在html中的的代码都是用<>标签包裹

以下是我学习时写的笔记(案例只传代码没效果,省略)

标签有单双标签  单:<br>换行  <hr>分割线  

    双标签 : <h1>  </h1>标题标签  <p title='xxx'在鼠标进过时会触发> </p>段落标签,会自动换行\

    <span>  </span> 文本标签

    特殊文字标签: <b></b> &&<strong></strong>粗体标签

    <i></i>&&<em></em>斜体标签

    <u></u>&&<ins></ins>下滑线标签

   图片标签 <img src='图片路径' alt='图片描述' width='宽度' height='高度'>

   超链接标签a <a href='跳转的网站/位置#id'>内容</a>  其中有target属性用来页面打开方式  _self:   _blank:

   列表有无序和有序

   1.无序 <ul>容器标签 </ul>  里面有内容标签<li> </li>  

   清除列表样式:ul,li{

                         list.style:none 把前面的黑点去除

   }

   2.有序 <ol> </ol>  <li></li>

   自定义列表

   <dl> </dl>容器标签    <dt>标题标签</dt>  <dd> 内容标签</dd>

css 叠层样式表  用来添加样式的

   工作方式:1.找到元素 2.添加样式

   通过css选择器来  


   1.标签选择器 通常用来清除样式
   p{
    color:#096;
    font-size:20px;
   }

    2.id选择器
    #id{
        color:  ;
        font_size: ;
    }

    3.class选择器
    <标签名 class='类名'>
    <u class='money'>
    .u{
        color: ;
        font_size: ;
    }

    4.通配符选择器(*)  选中全部元素
    *{
        color: ;
    }

 

下面是分享的一道算法题

P8749 [蓝桥杯 2021 省 B] 杨辉三角形

https://www.luogu.com.cn/problem/P8749

#include <stdio.h>

typedef long long LL;
const LL INF = 1e9;

LL n;

LL C(LL a, LL b) {
    LL res = 1;
    for (LL i = a, j = 1; j <= b; i--, j++) {
        res = res * i / j;
        if (res > n)
            return res;
    }
    return res;
}

int main() {
    scanf_s("%lld", &n);
    if (n == 1) {
        printf("1");
        return 0;
    }
    for (int i = 16; i >= 0; i--) {
        LL l = 2 * i, r = INF, mid, lim;
        while (l <= r) {
            mid = (l + r) / 2;
            lim = C(mid, i);
            if (lim == n) {
                printf("%lld", (mid + 1) * mid / 2 + i + 1);
                return 0;
            }
            else if (lim < n)
                l = mid + 1;
            else
                r = mid - 1;
        }
    }
    return 0;
}

今天到此为止

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值