有关前端的分享

什么是前端

前端，全称为前端开发，是计算机科学中的一个专业领域，主要关注于网站或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;
}

今天到此为止