2020年12月_专注Python二十年

原创吃透web前端秘籍，来听听大佬是怎么说的

看看阿里大神对web前端是如何总结的一.为什么要学习前端开发？你可能是因为兴趣，完成一个网站、页面、功能的成就感。你也可能是因为现在前端岗位火爆，就业率高。不管是因为什么，只要找准了目标，学就是了！二.Web前端开发是干什么的？有没有“钱”途？先看一张图吧北京高级前端研发工程师的平均月工资为29.3k,深圳也有15k,“钱”途已经有了。那前端是干什么的呢？（1）定义：前端开发就是将UI设计师设计好的界面实现，即用一些前端方面的语言（HTML、CSS、jQuery等等）将UI设计变成可以与用

2020-12-12 18:04:42 4706 11

原创有趣的控制台使用方法

大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让你爱上console.log先的简单介绍一下chrome的控制台，打开chrome浏览器，按f12就可以轻松的打开控制台

2020-12-31 17:26:38 731

原创你必须知道的CSS盒模型

盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识_，希望对初学者有用。一、css盒子模型概念CSS css盒子模型又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：图中最内部的框是元素的实际内容，也就是元素框，紧挨着元素框外部的是内边距padding，其次是边框（border），然后最外层是外边距（

2020-12-30 17:22:38 437 1

原创 Web前端基础三剑客学习知识分享

Web前端开发基础知识学习路线分享，前端开发入门学习三大基础：HTML、CSS、JavaScript。除此之外还要学习数据可视化、Vue、React、Angular相关框架，熟练运用框架提升开发效率，提升稳定性。HTML、CSS、JS三大部分都起什么作用？HTML内容层，它的作用是表示一个HTML标签在页面里是个什么角色；CSS样式层，它的作用是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示；JS行为层，它的作用是当用户触发某些行为时，会给内容和样式带来什么样的改变。HTML5+CSS3

2020-12-29 15:49:50 487 3

原创 CSS颜色--基本样式

CSS样式1.指定颜色的几种方式颜色名称 {color:green;} //（预定义/跨浏览器的颜色名称）RGB {color:rgb(0,0,0);} //即是代表红、绿、蓝，以这三种颜色拼出的RGBA {color:rgba(0,0,0,0.5);} //前面三位 rgb 和上面一样，最后一位代表了透明度，这里是 0.5 的透明度十六进制 {color:#ff0000;}HSL色彩{color: hsl(120,65%,75%);}HSLA颜色{color: hsla

2020-12-26 14:36:12 1206 2

原创 CSS的文本样式属性值

HTML编辑文本，通过CSS的设置属性赋予HTML网页活力，改变文字类型、背景以及插入图片、视频、音频等，使网页更具生动。CSS中的文本属性font-weight: bold; //改变字体粗细 normal //正常字体、标准字体 font-style:oblique; //字体风格（oblique倾斜） text-decoration： underline; //文字修饰（underlin

2020-12-25 11:58:44 377 1

原创全家桶 + Ant Design再次开发项目

前言本文参自开源项目此 blog-react-admin 项目是基于蚂蚁金服开源的 ant design pro之上，用 react 全家桶 + Ant Design 的进行再次开发的，项目已经开源。效果预览开箱即用的中台前端 / 设计解决方案。Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用

2020-12-24 16:16:55 572 2

原创 CSS字体样式的使用

定义字体的各个属性，可以让页面板式变得更好看。字体样式包括字体类型、大小、颜色基本效果，另外还包括一些特殊的样式，如字体粗细、下划线、斜体、大小写样式等。一、定义字体类型font-family 属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。语法：1、font-family``:name;name：表示字体名称，可以使用多种字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体。** 常用技巧：**1. 现在网页中普遍使用14px+。

2020-12-23 14:25:37 813

原创 CSS常用五类选择器

要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。㈠什么是选择器？每一条css样式定义由两部分组成，形式如下： [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。㈡CSS的五大选择器⑴标签选择器（元素选择器）⑵ID选择器（唯一性，一次引用）⑶类选择器（单类选择器，多类选择器）⑷属性选择器（简单属性选择，具体属性选择，部分属性选择，特定属

2020-12-22 09:52:11 4261

原创 289页初中级前端题助你拿下Offer

需要289页前端初中级前端面试题，请直接滑到文末获取1、ant-design的使用总结及常用组件和他们的基本用法?ant-design为React，Angular和Vue都提供了组件，同时为PC和移动端提供了常用的基础组件。ant-design提供的demo非常的丰富并且样式能够基本的覆盖开发需求。antd的Demo因为是多人编写的，所以可以看到不同样式的实现都有，可以很好的满足不同开发的风格。常用的组件有：Button，Form，Radio，Select，TimePicker，Upload，Ta.

2020-12-21 14:12:20 7738 14

原创 CSS的行内样式与内联样式，看完就会了

什么是行内样式行内样式，其实从它的名字就可以看出来它的特点，就是直接在 HTML 标签中使用 style 属性设置 CSS 样式。例如像下面这样的：<p style="font-size: 18px;">行内样式</p>HTML 中的 style 属性提供了一种改变所有 HTML 元素样式的通过方法，语法格式如下所示：<标签 style="样式声明1;样式声明2;样式声明3"></标签>要记得用在每个样式声明之间使用分号 ; 分隔哟，否则样式会失

2020-12-20 21:48:43 3449

原创 web前端CSS全局样式

css全局样式的使用/* 禁用iPhone中Safari的字号自动调整 */html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;/* 解决IOS默认滑动很卡的情况 */-webkit-overflow-scrolling : touch;}/* 禁止缩放表单 */input[type=“submit”], input[type=“reset”], input[type=“button”], input {res

2020-12-18 09:59:33 1031

原创攻克前端开发的难点，你就是码上人！

前言你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。但是，对于前端开发这个方向，即使『会了』……依然感觉很难，唉，说多了都是泪呀，我用三个亲身经历的怪现象来说明吧。怪现象一：谁都可以指手画脚的前端开发我职业生涯很长一段时间都在做前端开发，我也

2020-12-17 14:19:05 422

原创 CSS简介：初识CSS

一.我们为什么需要CSS？使用css的目的就是让网页具有美观一致的页面，另外一个最重要的原因是内容与格式分离在没有CSS之前，我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性，当HTML内容非常多时，就会定义很多重复的样式属性，并且修改的时候需要逐个修改，费心费力。是时候做出改变了，所以CSS就出现了。CSS的出现解决了下面两个问题：将HTML页面的内容与样式分离。提高web开发的工作效率二，什么是CSS？CSS是指层叠样式表(Cascading Style S

2020-12-14 11:15:17 959

原创熬夜整理最全面的HTML字符实体，很下饭

HTML字符实体HTML字符实体（Character Entities），转义字符串（Escape Sequence）为什么要用转义字符串？HTML中<，>，&等有特殊含义（<，>，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？这就要说到HTML转义字符串（Escape Sequence）了。转义字符串（Escape Sequence）也称字符实体(Character Ent

2020-12-13 21:50:54 1623 2

原创不是吧，都2020年了，注释标签还要写吗

HTML 注释注释标签 用于在 HTML 插入注释。HTML 注释标签您能够通过如下语法向 HTML 源代码添加注释：实例注释：在开始标签中有一个惊叹号，但是结束标签中没有。浏览器不会显示注释，但是能够帮助记录您的 HTML 文档。您可以利用注释在 HTML 中放置通知和提醒信息：实例<p>这是一个段落。</p><!-- 记得

2020-12-11 11:02:45 353

原创史上最全HTML分类标签，看完不了解来砍我

html标签html标签HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。标签不会出现在页面中，只有标签中的内容才会显示在页面上：也就是<html>此处为内容</html>标签不区分大小写，但是推荐使用小写：(X)HTML 版本中强制使用小写，这样更加严谨标签分为闭合标签和空标签：闭合标签是指由开始标签和结束标签组成的一对标签，这种标签允许嵌套和承载内容，例如：<html></h

2020-12-10 11:57:55 1314

原创错过了秋招，我该如何突出重围挤进前端的大厂！！

前言每年毕业季都能听到很多报道说大学毕业生找工作难，以前看到这类新闻一直觉得无所谓。因为总觉得离我还早，但今年轮到我毕业了，才发现不幸终于降临到我的头上。一.我的故事“上大学什么都没学会，还不如人家店里导购员。”已经大四了还没有找到工作。而在二三线城市，一个导购员的工资一般有三四千。和大多数毕业生一样，想做与专业对口的工作。大学期间表现一般，平平庸庸，没拿过奖学金，没参加过社团活动，平常在寝室追剧、打游戏，交际范围仅限同班同学，甚至可以说寝室室友，也不知道自己喜欢做什么、擅长做什么。临近毕业了

2020-12-09 14:10:19 434 1

原创前端学习笔记一一HTML表格标签（table）

前言表格是网页制作中使用最多的工具之一，在制作网页时，使用表格可以更清晰地排列数据。但是在实际制作过程中，表格更多用在网页布局的定位上。很多网页都是以表格布局的。这是因为表格在文本和图像的位置控制方面都有很强的功能。1.表格的基本构成表格由行、列、和单元格3部分组成，一般通过3个标记来创建，分别是表格标记<table>、行标记<tr>、和单元格标记<td>。表格的各种属性都要在表格的开始标记<table>和表格的结束标记</table>之间才

2020-12-08 09:54:44 2092 1

原创前端学习笔记一一HTML表单标签（form）

form表单细节一、表单1.表单标签用于为用户输入创建 HTML 表单2.表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。3.表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。4.表单用于向服务器传输数据。二、表单form 的属性（一）action属性action 属性规定当提交表单时，向何处发送表单数据属性值：url 链接的地址（二）name属性na

2020-12-07 20:19:26 1815

原创前端学习笔记一一HTML如何添加锚点

页面添加锚点的三种方式HTML中的链接，正确的说法应该称作"锚点"，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时，标记锚点是最佳的方法。锚点链接对SEO的作用锚链接是一个非常重要的概念，在网页中增加恰当的锚链接，会让所在网页和所指向网页的重要程度有所提升，从而影响

2020-12-05 14:33:00 3117 1

原创前端学习笔记一一HTML常用标签之列表标签

HTML常用标签之列表标签列表标签的用途，就是用于编排短语句的文字。1.无序列表在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。设置无序列表的类型—type无序列表的默认符号是圆点（● ）。 <ul>元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有：disc(圆●)、circle（圆圈○ ）、square（方块■ ）定义无序列表要用<ul>标签与<li>标签，例如下：

2020-12-04 16:22:30 616

原创前端学习笔记一一html的常用标签

html简介1.1 html概述html全称：Hyper Text Markup Language(超文本标记语言) 超级文本标记语言是标准通用标记语言（SGML）下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符。可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其

2020-12-03 11:37:14 1253 1

pig_html的博客