CSS代码规范
书写顺序从下往下的依次写
布局相关：
外部显示类型
内部显示类型
定位
盒子自身相关：
宽度
高度
内边距
边框
外边距
背景
字体相关：
字体大小
颜色
粗斜体
行高
字间距
字体溢出设置隐藏
其他：
过渡
动画
ElementUI/Plus使用与解析
ElementUI
版本：2.15.6
官方参考链接：https://element.eleme.io/#/zh-CN/component/installation
安装1npm i element-ui -S
如果网络超时，重新安装一遍
基本使用完全引入（全量引入）在 main.js 中写入以下内容：
1234567891011import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({ el: '#app', render: h => h(App)});
以上代码便完成了 Element 的引入。需要注意的是，样式文件需要单独引入。
按需引入（增量引入）借助 babel-plugin-comp ...
爬虫
教程来源1：https://www.bilibili.com/video/BV1Yh411o7Sz?p=14
教程来源2：https://www.bilibili.com/video/BV1xq4y1H7Ba/?p=50
爬虫简介
模拟浏览器，发送请求，获取响应
抓取互联网上的数据，为我所用。原则上，只要是客户端（浏览器）能做的事情，爬虫都能够做。爬虫也只能获取客户端（浏览器）所展示出来的信息。
比如没有登陆的账号，是获取不到会员数据的。如果有会员账号，理论上就可以。
有了大量的数据，就如同有了一个数据银行一样。
下一步做的就是如何将这些爬取的数据，产品化、商业化。
爬虫合法性探究爬虫究竟是违法还是合法的？
在法律中不被禁止
具有违法风险
区分为善意爬虫和恶意爬虫
爬虫带来的风险
爬虫干扰了被访问网站的正常运营
爬虫抓取了受到法律保护的特定类型的数据或信息
如何避免进局子喝茶
时常优化自己的程序，避免干扰被访问网站的正常运行
在使用、传播爬取到的数据时，审查抓取的内容，如果发现了涉及到用户以及商业机密等敏感内容时，需要及时停止爬取或传播。
爬虫初始深入爬虫在使用场景中的分类 ...
HTML核心
[TOC]
HTML介绍HTML基本概念
HTML通过各种各样的标记，将纯文本语义化；
不同的标签包裹内容，形成不同的元素，表示不同含义的文本或内容；
嵌套元素增强了语义的表达能力；
不同元素以一定的规则嵌套，组合形成完整页面
什么是HTML
HTML通过各种各样的标记，将纯文本文字进行结构化和语义化
超文本标记语言 (英语：Hypertext Markup Language，简称：HTML ) 是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表。
HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。
HTML 由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。一对标签（ tags）可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等。
HTML元素详解
元素的主要部分有：
1<p>My cat is very grumpy</p>
开始标签（Opening tag）：包含元素的名称（本例为 p），被大于号 ...
如何写出更优HTML
工具层Emmet安装现代IDE如webstorm、vscode等，通常支持emmet语法
生成HTML根据id或类名生成标签1#page>div.logo+ul#navigation>li*5>a{item $}
最后敲一下tab，webstorm中的生成结果
12345678910<div id="page"> <div class="logo"></div> <ul id="navigation"> <li><a href="">item 1</a></li> <li><a href="">item 2</a></li> <li><a href="">item 3</a></li> <li>< ...
英雄联盟官网案例
[TOC]
视频链接：https://www.bilibili.com/video/BV1qS4y1z7iu
资源链接：https://pan.baidu.com/s/1H6NYwlmKiZSf4dN4ZqXhqg?pwd=ryuk 提取码：ryuk
掌握HTML5/CSS3核心知识及实战技巧
掌握CSS3中浮动/定位等布局方案
掌握CSS3中的transition和animation
掌握基于flex弹性盒模型的布局方案
同行排列的N种实现方案及优缺点对比
CSS3样式编写中的模块思想及封装处理
掌握JS（包含ES6+）、DOM操作等核心知识
掌握DOM事件的核心知识及事件委托
掌握基于JS+CSS3动画的实战处理方案
掌握Promise/async/await异步管控方案
掌握Ajax/Axios的核心应用及数据绑定
基于JS管控video视频播放的解决方案
基于单例设计模式/ESModule实现模块化编程
基于JS实现页卡切换：两种不同处理思想
基于JS实现多种形态轮播图案例开发
基于iscroll插件实现局部滚动
基于JS实现“鼠标滑动的图片幻灯片”特效
...
学习方式
学习方式费曼学习法也好，记忆曲线也罢，在于用心、花时间、实践、输出
设定一个切合实际的目标，以激励自己
自律问题
学习的过程不是单纯的学习技术，也需要让自己养成良好的习惯（生活的节奏感）
培养自己的学习、研究能力
培养自己的静心、专注能力
解决问题
不要不带目的的学习
主动用学习到的内容，求解工作中的问题
量化学习的目标
温故而知新
整理笔记（跟着系统教程（老师）学）
好记性不如烂笔头
阶段式学习
不要妄想一口吃成一个胖子，明确现阶段学习重点，忌讳每天什么都学一点
现实中如果有各种压力，要沉下心来
不断的强化复习（每天）
慢慢的把所学的知识，在脑海中形成一个知识图谱。
比如以前端为例，最起码，知道前端，如js中有哪些内容。能够对js，对前端开发有一个系统性的认知
有了知识体系后，逐渐的将每个知识点串联到一起，会梳理出一条主干和若干分支。每条分支和主干的关系，每条分支和其他分支的关系做到心中有数。那个时候别人问你什么都能答出来，问一个东西引申到另一个东西也可以，这样才算是基础知识扎实
只有基础知识扎实了，以后提一个需求，会有n中方案实现这个需求，然后通过实践、尝试 ...
hadoop_问题记录
Linux CentOs7 ping网址 未知的名称或服务
https://blog.csdn.net/weixin_45550460/article/details/104762660