前端开发
未读tip LessIt’s CSS, with just a little more.
Learn More
What is LessLess(Leaner Style Sheets 精简样式表) 是一种动态样式语言，属于 css 预处理器的范畴，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展，Less 既可以在 客户端 上运行 ，也可以借助 Node.js 在服务端运行。
Less 编译工具：
Koala
vscode 的 Easy LESS 插件
注释(Comments)
多行注释保留
单行注释不被保留在编译生成的 CSS 中
123456789/* * 一个块注释 * style comment! */// 这一行被注释掉了！div { color: red;}
变量(Variables)基本使用
@ 声明变量，作为普通属性值使用
1234567@width: 50px;@height: 100px;div { width: @width; height: @height;}
变量插 ...
flex 布局原理全称 flexible box，弹性布局。
如何开启：为元素添加 display: flex。
开启 flex 布局的元素，称为 flex 容器（flex container），其子元素成为容器成员，称为 flex 项目。
flex 布局原理：通过给父盒子添加 display: flex，来控制盒子的位置和排列方式。
flex 布局父盒子常见属性flex-direction设置主轴方向
属性值
含义
row
默认值，从左到右
row-reverse
从右到左
column
从上到下
column-reverse
从下到上
justify-content设置主轴子元素排列方式
属性值
含义
flex-start
默认值，从头开始
flex-end
从尾部开始
center
居中
space-around
平分剩余空间
space-between
两侧子元素贴边，再平分剩余空间
flex-wrap设置子元素是否换行
默认不换行，若子盒子宽度和大于父盒子，则会收缩！
属性值
含义
wrap
换行
n ...
CSS 选择器标签选择器
通过标签名选择元素
优点：可快速为同类型标签统一设置样式
缺点：不能涉及差异化样式，只能选择全部标签
123h1 { color: #ccc;}
类选择器
通过类名选择元素
123.container { color: pink;}
id 选择器
通过元素 id 属性选择元素
123#md { font-weight: 600;}
通配符选择器
选择页面所有元素
用于清除内外边距
1234* { padding: 0; margin: 0;}
相邻选择器
选择所有指定元素的相邻后一个兄弟节点
1234567<h1>h1-2</h1><p>p0 被选中</p><div class="container"> <h1 class="good">h1</h1> <p>p1 被选中</p> <p>p2 ...
✍HTML✍目录总览
1、VS插件推荐🔥
插件
说明
Chinese
中文语言包
Open in Browser
右击选择浏览器打开html文件
JS-CSS-HTML Formatter
每次保存，都会格式化代码
Auto Rename Tag
自动重命名配对的HTML/XML标签
CSS Peek
追踪至样式
escook-theme
黑马刘龙彬老师主题
Community Material Theme
设置颜色主题
Live Server
自动监测代码修改并在浏览器响应
vscode-icons
设置文件图标作主题
2、 基本结构标签🔥
标签名
定义
说明
<html></html>
HTML标签
页面中的最大的标签，我们称为根标签
<head><head>
文档的头部
注意在head标签中我们必须要设置的标签是title
<title></title>
文档的标题
让页面拥有一个属于自己的网页标题
<body>&l ...
前端体系梳理从输入 URL 到页面加载的过程？如何由一道题完善自己的前端知识体系！
浏览器浏览器渲染页面的原理和流程
V8 引擎垃圾回收
HTML && CSSscript 标签 async 和 defer 区别CSS 绘制三角形
JavaScript深入理解 javascript 原型和闭包深入浅出 Javascript 事件循环机制(上)深入理解 JavaScript 的事件循环如何解释 Event Loop 面试官才满意？理解作用域和作用域链
VueVue 双向绑定原理及实现Vuejs 如何实现双向绑定剖析 Vue 原理&实现双向绑定 MVVMvue 生命周期v-if 与 v-show 的区别
计算机网络TCP 三次握手最后一次失败怎么办
Postman 教程
我爱 GTAGTA 圣安地列斯秘籍
阿里云部署 Node如何快速部署 Node.js 项目为阿里云服务器 ECS 实例安装 Nodejs
我爱 MATLABMATLAB 中文论坛MATLAB—GUI 新手入门教程MATLAB GUI 界面设计 数字图像处理
Python & Keras 深度学习多标签分类器：
Multi-label classification with KerasKeras and Convolutional Neural Networks (CNNs)How to (quickly) build a deep learning image dataset基于 Keras 的多标签图像分类器手把手教你用 Keras 进行多标签分类多标签分类（基于 Keras）使用 Keras 进行单模型多标签分类教你用 Keras 和 CNN 建立模型识别神奇宝贝
深度学习：
One-Hot 独热编码VGGNet 阅读理解VGGNet 介绍
Keras 深度学习框架：
Keras 中文文档Keras 深度学习简明教程Keras 深度学习数据集keras ...
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment
