合集-2024年
摘要：https://blog.csdn.net/weixin_43928112/article/details/125813377 VSCode插件总结：（rust语言） 1.rust-analyzer：语言服务器、自动补全、语法高亮等； 2.CodeLLDB：debug功能； 3.Even Bette
阅读全文
摘要：下面在 Mac 演示 Rust 的安装，其他系统教程请看安装 Rust curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh这将下载并安装 Rust 的官方编译器，和它的包管理器Cargo。 Rustup 元数据和工具链
阅读全文
摘要：
windows下运行rust报错error: linker `link.exe` not found 1. 使用rustup-init安装成功后，运行cargo run报错如下：error: linker `link.exe` not found。网上各种都是说要安装vs或者cpp build工具，
阅读全文
windows下运行rust报错error: linker `link.exe` not found 1. 使用rustup-init安装成功后，运行cargo run报错如下：error: linker `link.exe` not found。网上各种都是说要安装vs或者cpp build工具，
阅读全文
摘要：Rust学习—解决crates.io 仓库代码下载慢的问题 今天在下载r a n d randrand依赖的时候，显示 update crates.io index 然后就华丽的卡住了。查了一下，这是网络的问题，先尝试了借助proxychains工具来使用国外代理的办法，但是没有成功，而且国外不安全
阅读全文
摘要：vscode如何链接git远程仓库gitee或github https://blog.csdn.net/G_C_H/article/details/120673227 1.在GitHub上创建新的仓库 2.生成 SSH 密钥 开启 Git Bash 命令行中输入：ssh-keygen -t ed25
阅读全文
摘要：标签之段落,换行,水平线 标签之段落 段落是通过<p>标签定义的 换行 如果你希望在不产生一个新段落的情况下进行换行(新行),请使用<br> <br>元素是一个空的HTML元素. 水平线 <hr>标签在HTML页面中创建水平线 <hr color="" width=""size=""align=""
阅读全文
摘要：标签之标题 标题介绍与应用 标题(Heading)是通过<h1>-<h6>标签进行定义的. <h1>定义最大的标题<h6>定义最小的标题 <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h
阅读全文
摘要：HTML5简介与基础骨架 HTML5介绍 HTML5是用来描述网页的一种语言,被称为超文本标记语言.用HTML5编写的文件,后缀以.html结尾 HTML是一种标记语言,标记语言是一套标记标签.标签是由尖括号包围的关键字,例如:<html>标签有两种表现形式: 双标签,例如:<html></html
阅读全文
摘要：VScode开发者工具快捷键 VSCode打开文件夹与创建文件 选择文件夹 拖拽文件夹 生成浏览器文件.html的快捷方式 !+回车 VSCode常用快捷键列表 代码格式化:Shift+Alt+F 向下或向上移动一行:Alt+Down或Alt+Up 快速复制一行代码:Shift+Alt+Down或S
阅读全文
摘要：前端工具的选择与安装 前端常见开发工具 工欲善其事必先利其器 浏览器 浏览器是我们最重要的合作伙伴 推荐选择 我们推荐谷歌浏览器,有两点原因: 简洁大方,打开响应速度快 开发者调试工具 开发者工具 开发者工具有效的提高了开发效率 推荐选择 我们推荐选择VSCode 打开速度快 使用方便 VSCode
阅读全文
摘要：第一个前端程序 两步完成一个网页程序 第一步:使用记事本,编写代码 在E盘下保存路径E:/itbaizhan/...,文件名Welcome.html <html> <head> <title>我的网页</title> </head> <body> Hello.我的第一个网页 </body></htm
阅读全文
摘要：回调函数是一段可执行的代码段，它作为一个参数传递给其他的代码，其作用是在需要的时候方便调用这段（回调函数）代码。 在JavaScript中函数也是对象的一种，同样对象可以作为参数传递给函数，因此函数也可以作为参数传递给另外一个函数，这个作为参数的函数就是回调函数。 回调函数 function add
阅读全文
摘要：1.概览 （转载https://zhuanlan.zhihu.com/p/346583098） 本文基于本人使用Rust语言以及刷leetcode每日一题总结的经验。刚开始使用Rust的时候由于其循环语句和Cpp等语言的循环使用方式区别较大，导致初学者经常想套用其他语言比较好实现的循环过程，却常常难
阅读全文
摘要：选择器二 ID选择器 针对某一个特定的标签来使用,只能使用一次.css中的ID选择器以#来定义 <h2 id="mytitle">你好</h2>#mytitle{border:3px dashed green;} 特别强调 ID是唯一的 ID不能以数字开头 合并选择器 语法:选择器1,选择器2,..
阅读全文
摘要：选择器一 CSS语法规则由两个主要的部分构成:选择器,以及一条或多条声明(样式) 全局选择器 可以与任何元素匹配,优先级最低,一般做样式初始化 *{ margin:0; padding:0;} 元素选择器 HTML文档中的元素,p,b,div,a,img,body等. 标签选择器,选择的是页面上所有
阅读全文
摘要：CSS的引入方式 内联样式(行内样式) 要使用内联样式,你需要在相关的标签内使用样式(style)属性.style属性可以包含任何CSS属性 温馨提示 缺乏整体性和规划性,不利于维护,维护成本高 <p style="background:orange; font-size:24px;">CSS</p
阅读全文
摘要：CSS简介 CSS概念 CSS(Cascading Style Sheets)层叠样式表,又叫级联样式表,简称样式表 CSS文件后缀名为.css CSS用于HTML文档中元素样式的定义 为什么需要CSS 使用CSS的目的就是让网页具有美观一致的页面 语法 CSS规则由两个主要的部分构成:选择器,以及
阅读全文
摘要：HTML5新增标签 HTML5是HTML最新的修订版本,2014年10月由万维网联盟(w3c)完成标准制定 在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上述缺点,HTML5新增了很多新
阅读全文
摘要：块元素与行内元素(内联元素) HTML5出现之前,经常把元素安装块级元素和内联元素来区分.在HTML5中,元素不再按照这种方式来区分,而是按照内容模型来区分,分为元数据型(metadata content),区块型(sectioning content),标题型(heading content),文
阅读全文
摘要：表单元素 文本框 文本域通过<input type="text">标签来设定,当用户要在表单中键入字母,数字等内容时,就会用到文本域 <form> First name:<input type="text" name="firstname"> <br> Last name:<input type="
阅读全文
摘要：Form表单 表单在Web网页中用来给用户填写信息,从而能采用户信息,使网页具有交互的功能. 所有的用户输入的内容的地方都用表单来写,如登录注册,搜索框 表单是由容器和控件组成的,一个表单一般应该包含用户填写信息的输入框,提交按钮等,这些输入框,按钮叫做控件,表单就是容器,它能够容纳各种各样的控件.
阅读全文
摘要：表格单元格合并 单元格合并属性 水平合并:colspan 垂直合并:rowspan <table border="1"width=500px height="500px"> <tr> <td>单元1</td> <td>单元2</td> <td>单元3</td> <td>单元4</td> <td>单元
阅读全文
摘要：标签之表格 表格展示效果 表格在数据展示方面非常简单，并且表现优秀 表格组成与特点 行，列，单元格 单元格特点：同行等高，同列等宽。 表格标签 表格：<table> 行:<tr> 单元格(列):<td> <table> <tr> <td>一中学校</td> <td>高年级</td> </tr> <t
阅读全文
摘要：列表标签之无序列表 无序列表实现 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记无序列表始于<ul>标签.每个列表项始于<li>标签. <ul> <li>程序员</li> <li>警察叔叔</li></ul> type属性 <ul>的属性type拥有的选项 disc默认实心
阅读全文
摘要：列表标签之有序列表 有序列表 有序列表是一列项目,列表项目使用数字进行标记.有序列表始于<ol>标签.每个列表项始于<li>标签. <ol> <li>老师</li> <li>学生</li></ol> type属性 <ol>的属性type用于的选项 1 表示列表项目用数字标号(1,2,3...) a
阅读全文
摘要：标签之文本 常用文本标签 标签描述 <em> 定义着重文字 <b> 定义粗体文字 <i> 定义斜体字 <strong> 定义加重语气 <del> 定义删除字 <span> 元素没有特定的含义 特别提示 常用文本标签和段落是不同的,段落代表一段文本,而文本标签一般表示文本词汇
阅读全文
摘要：标签之超文本链接 超链接描述 HTML使用标签<a>来设置超文本链接 超链接可以是一个字,一个词,或者是一组词,也可以是一幅图像,你可以点击这些内容来跳转到新的文档或者当前文档中的某个部分. <a href="url">链接文本</a> 超链接属性 在标签<a>中使用了href属性来描述链接的地址
阅读全文
摘要：图片路径详解 绝对路径 绝对路径是电脑的盘符存储与访问的具体地址 E:\前端学习\000总表.md 相对路径 两者相对关系,两者在同一路径下可以直接访问 子级关系:/ 父级关系:../ 同级关系:./ 网络路径 具体的网络地址:https://www.qq.com
阅读全文
摘要：标签之图片 网站中最多的元素 网站中最多的元素毋庸置疑,一定是图片 <img>标签定义HTML页面中的图像 <img src="" alt="" title="" width="" height=""> 注意事项 <img>是单标签,不需要进行闭合操作 属性: src:路径(图片地址与名字) alt
阅读全文
摘要：util.promisify 的那些事儿 util.promisify是在node.js 8.x版本中新增的一个工具，用于将老式的Error first callback转换为Promise对象，让老项目改造变得更为轻松。 在官方推出这个工具之前，民间已经有很多类似的工具了，比如es6-promis
阅读全文
摘要：方法一：使用forEach遍历 let list = ['a','b','c','d','e'] list.forEach((item,index)=>{ if(item == 'c'){ list.splice(index,1) } }) console.log('forEach',list) 方
阅读全文
摘要：Windows10 打开共享设置: 控制面板 → 网络和Internet → 网络和共享中心 →高级共享设置 中专用和所有网络的都开启共享的设置。 文件资源管理器（默认选中快速访问）→查看 →选项 →查看 → 勾选 使用共享向导(推荐)。 在windows上新建用于mac登录的账户: windows
阅读全文
摘要：如果 Git 远程库与本地库不一致，导致无法将本地代码推送到远程库中，可以按照以下步骤操作： 首先，使用 git fetch 命令将远程库中的代码更新到本地仓库中，但不会合并到当前分支中。可以使用以下命令： git fetch origin 这个命令会将远程库中的代码更新到本地仓库中的 origin
阅读全文
摘要：解决方案是换源，这个解决方法是从网上找到的，特此整理过来收藏一下。虽然平常使用cnpm来代替npm，但也只是使用新的指令而已。而在寻求create-react-app的相关配置希望修改registry时失败了，最后发现create-react-app指令默认调用npm，于是直接把npm的regist
阅读全文
摘要：vscode的格式化的settings.json的个人配置 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, //黄色波浪线 "eslint.enable": false, // 重新设定tabsize "
阅读全文
摘要：雪碧图 CSS Sprite也叫CSS精灵图,CSS雪碧图,是一种网页图片应用处理方式.它允许你将一个页面涉及到的所有零星图片都包含一张大图中去 优点 减少图片的字节 减少网页的http请求,从而大大的提高页面的性能 原理 通过background-image引入背景图片 通过background-
阅读全文
摘要：媒体查询 媒体查询能使页面在不同在终端设备下达到不同的效果 媒体查询根据设备的大小自动识别加载不同的样式 设置meta标签 使用设备的宽度作为视图宽度并禁止初始的缩放.在<head>标签里加入这个meta标签. <meta name="viewport" content="width=device-
阅读全文
摘要：动画 动画是使元素从一种样式逐渐变化另一种样式的效果 你可以改变任意多的样式任意多的次数 请用百分比来规定变化发生的时间,或用关键词"from"和"to",等同于0%和100% 0%是动画的开始,100%是动画的完成. @keyframes创建动画 使用@keyframes规则,你可以创建动画 @k
阅读全文
摘要：css3新特性 圆角 使用CSS3 border-radius属性,你可以给任何元素制作"圆角" border-radius属性,可以使用以下规则: 四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角 三个值:第一个值为左上角,第二个值为右上角和左下角,第三个值为右下角
阅读全文
摘要：定位 定义 position属性指定了元素的定位类型 | 值 | 描述 | | | | | relative | 相对定位 | | absolute | 绝对定位 | | fixed | 固定定位 | 其中,绝对定位和固定定位会脱离文档流 设置定位之后:可以使用四个方向值进行调整位置:left,to
阅读全文
摘要：清除浮动 浮动副作用 当元素设置float浮动后,该元素就会脱离文档流并向左/向右浮动. 浮动元素会造成父元素高度塌陷 后续元素会受到影响 <div class="container"> <div class="box"></div> <div class="box"></div> <div cla
阅读全文
摘要：浮动 浮动的定义 float属性定义元素在哪个方向浮动,任何元素都可以浮动. | 值 | 描述 | | | | | left | 元素向左浮动 | | right | 元素向右浮动 | 浮动的原理 浮动以后使元素脱离了文档流 浮动只有左右浮动,没有上线浮动 元素向左浮动 脱离文档流之后,元素相当于页
阅读全文
摘要：文档流 文档流是文档中可显示对象在排列时所占用的位置/空间 例如:块元素自上而下摆放,内联元素,从左到右摆放标准流里面的限制非常多,导致很多页面效果无法实现 高矮不齐,底边对齐 空白折叠现象 无论多少个空格,换行,tab,都会折叠为一个空格 如果我们想让img标签之间没有空隙,必须紧密连接 文档流产
阅读全文
摘要：弹性盒子模型(flex box) 定义 弹性盒子是CSS3的一种新的布局模式 CSS3弹性盒子是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式 引入弹性盒子布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列.对齐和分配空白空间 CSS3弹性盒内容 弹
阅读全文
摘要：CSS盒子模型(Box Model) 概念 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用 CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括: 外边距(margin),边框(border),内边距(padding),和实际内容(conte
阅读全文
摘要：关系选择器 关系选择器分类 后代选择器 子代选择器 相邻兄弟选择器 通用兄弟选择器 后代选择器 定义 选择所有被E元素包含的F元素,中间用空格隔开 语法 E F{} <ul> <li>宝马</li> <li>奔驰</li></ul><ol> <li>奥迪</li></ol>ul li{ color:
阅读全文
摘要：表格属性 使用css可以使HTML表格更美观 表格边框 指定CSS表格边框,使用border属性 table,td{ border:1px solid black;} 折叠边框 border-collapse属性设置表格的边框是否被折叠成一个单一的边框或隔开 table {border-collap
阅读全文
摘要：文本属性 text-align 指定元素文本的水平对齐方式 值描述 left 文本居左排列,默认值 right 把文本排列到右边 center 把文本排列到中间 h1{text-align:center}h2{text-align:left}h3{text-align:right} text-dec
阅读全文
摘要：背景属性 CSS背景属性主要有以下几个 属性描述 background-color 设置背景颜色 background-image 设置背景图片 background-position 设置背景图片显示位置 background-repeat 设置背景图片如何填充 background-size 设
阅读全文
摘要：字体属性 CSS字体属性定义字体,颜色,大小,加粗,文字样式 color 规定文本的颜色 div{color:red;}div{color:#ff0000;}div{color:rgb(255,0,0);}div{color:rgba(255,0,0,.5);} font-size 设置文本的大小
阅读全文
浙公网安备 33010602011771号