- 博客(212)
- 资源 (6)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 感染新冠的经历
自从放开后，身边阳了的越来越多，本以为自己能够坚持的最后，没想到第一轮就赶上了。(笑)既然如此，那么不能免俗，记录下这几天的经历吧。Day 1头痛腰痛，喉咙只有一点点不适。一开始以为只是感冒????而已，因为前一天晚上洗完澡，只穿着秋衣秋裤到处跑，到了晚上睡觉的时候就感觉头痛开始了，反反复复睡不着。到了早上，实在难受不行了，还好年初有买了布洛芬，还有半盒，于是吃了一颗。想着布洛芬应该见效很快，就忍着头痛...
2022-12-18 21:41:07
310
原创 第7节：CSS概述，选择器，标签分类，CSS三大特性
1、什么是 CSS？CSS 全称为 Cascading Style Sheets，中文翻译为“层叠样式表”，简称 CSS。在网页制作时采用 CSS 技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分的外观和格式。2、CSS 的作用简单地来讲，CSS 能对你制作的网页进行布局、颜色、背景等样式进行控制，让网页更加...
2022-12-04 18:11:04
294
原创 HTML5概述 - 语义化标签
一、HTML5 简介1、什么是 HTML5HTML5 不是一门新的语言，而是我们之前学习的 HTML 的第五次重大修改版本。2、HTML 的发展历史•超文本标记语言（第一版，不叫 HTML 1.0）——在 1993 年 6 月作为互联网工程工作小组（IETF）工作草案发布（并非标准）；•HTML 2.0——1995 年 11 月作为 RFC 1866 发布，在 RFC 2854 于 2000 年 ...
2022-11-20 21:31:46
1110
原创 HTML表单元素-其他控件
3、下拉列表下拉列表在我们的表单中也非常常用。使用<select>标签，来创建下拉列表。使用<select>元素中的<option>标签，来表示下拉列表中的每一个选项。示例：<select name="下拉框"> <option value="1">选项1</option> <option va...
2022-11-13 12:16:33
93
原创 HTML表单元素-输入框
2、表单元素-输入框输入框使用input标签。<input>标签，根据type属性的不同，会有不同的表现样式。默认type="text"，也就是文本输入框。2.1、文本输入框单行的文本区域，（输入中的换行会被自动去除）。<input type="text" name="username" maxlength="6" readonly="readonly"...
2022-11-06 00:00:23
9586
原创 第15节 | HTML表单 表单域
HTML 表单HTML 表单主要用于收集用户的输入信息。它包含各种表单元素。表单元素是允许用户在表单中输入内容的一些标签元素，比如：输入框（input）、文本域（textarea）、下拉列表（select）、单选框（radio-buttons）、复选框（checkbox） 等等。比如我们经常用到的注册/登录的界面就是一个表单。一个常见的表单，通常由左侧提示文本和右侧表单元素组成。1、表单域表单域，...
2022-11-05 14:25:12
515
转载 我们一生未做坏事，为何如此
我们本来计划5月份拍婚纱照，10月份举办婚礼的，一切美好的未来在接到诊断书的那一刻戛然而止。目前治病已经花了很多钱了，后面还要骨髓移植，再加上排异，住院吃药复查，真的是一笔不小的费用，确实很困难。希望大家看到后能帮忙转发和支持一下，真的谢谢大家了❤️❤️❤️我们一生未做坏事，为何如此。...
2022-09-22 21:40:42
51
原创 第二节：常用标签
常用标签https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element1.1、单标签•注释标签 ：<!-- 注释 -->•换行标签：<br> 或 <br />•水平线标签：<hr> 或 <hr />•图片标签：<img> 或 <img />...
2022-04-10 19:24:17
344
原创 第1节：认识前端
1、什么是前端前端对于网站来说，通常是指网页，网站的前端部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发。前端设计一般可以理解为网站的视觉设计，比如 UI 设计；前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript等。前端开发的核心部分主要是：HTML，CSS，JavaScript三个部分。HTML是这三者中最基础的部...
2022-04-05 17:04:41
239
原创 使用脚手架Vue CLI搭建前端项目的一些总结
大家好，我是前端队长Daotin[1]。想要获取更多前端精彩内容，关注我(全网同名)，解锁前端成长新姿势。以下正文：背景公司需要做一个新系统，需要用Vue CLI搭建一个长期可维护的前端框...
2021-11-07 12:14:21
644
原创 这本书非常值得一读！《微习惯》读后感
大家好，我是前端队长Daotin。想要获取更多前端精彩内容，关注我(全网同名)，解锁前端成长新姿势。以下正文：不知道你是否有这样的困惑：想培养一个好习惯，列好计划，一开始信心满满，但是却总是三天打鱼两天晒网；一开始计划执行很顺利，但是因为一件事情或者是心情问题中断了，后面就再也没有捡起来；每次做事情都需要耗费很大的意志力与之对抗，一点也不快乐；......如果你...
2021-11-06 14:46:00
143
原创 看不见的，就是不存在么？《平面国》读后感
最近断断续续在微信读书把《平面国》这本书读完了，以前我很少有兴趣能完整读完一本书，但是这本小书不长，但是内容很有意思，最终在花了三个半小时后读完了。最开始知道这本书是在一个公众号推荐的，然后给的简介就吸引了我，说是在一个二维世界的居民房屋是怎么样的，如何分辨不同的人，因为我们知道在二维，能看到的只是线段而已。以及如何进入一维世界，如何理解突然闯入二维世界的三维球体，到最后畅想四维，五维空间的...
2021-11-06 14:09:00
131
原创 这本书非常值得一读！
前端队长 Daotin读完需要5分钟速读仅需 2 分钟大家好，我是前端队长 Daotin~不知道你是否有这样的困惑：想培养一个好习惯，列好计划，一开始信心满满，但是却总是三天打鱼两天晒网；...
2021-10-24 07:00:00
64
原创 拿什么拯救我们的焦虑？
大家好，我是前端队长Daotin。好久没冒泡了，今天大家分享一篇关于焦虑的文章，如果正好能帮助你，那再好不过了。文章共分为4个部分：一、你可能不是焦虑我身边经常有这样的人：•立志要写作，发...
2021-09-01 07:00:00
148
原创 看不见的，就是不存在么？
大家好，我是前端队长Daotin ~最近断断续续在微信读书把《平面国》这本书读完了，以前我很少有兴趣能完整读完一本书，但是这本小书不长，但是内容很有意思，最终在花了三个半小时后读完了。最开...
2021-07-26 06:00:00
51
原创 vue如何动态加载本地图片
大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我(全网同名)，解锁前端成长新姿势。以下正文：今天遇到一个在vue文件中引入本地图片的问题，于是有了这篇文章。通常，我们的一个img标签在html中是这么写的：<img src="../images/demo.png">这种写法只能引用相对路径下的图片。不能使用绝对路径。使用绝对路径的话，这类资源将会直接被拷贝，而不会经过 webpack 的处理。如果src是变量的话，我们一般会在data中定一个变量src进行动态绑定。
2021-07-22 14:51:14
724
原创 个人博客的选择之旅
大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我(全网同名)，解锁前端成长新姿势。以下正文：背景作为一个程序员，拥有一个个人博客，是沉淀知识，打造影响力的必备要素。但是因为现在的写作平台实在是太多了，在选择一个适合自己的博客的时候，就像买东西一样，总是挑花了眼。每个博客平台各有各的优点和不足，这里就我自己的一些想法和性格，对目前市面上的写作平台做一个筛选，选出最适合自己的博客平台。每个人的要求不一样，性格也不一样，对于博客的挑选也不一样，这里只是针对我自己的想法进行的筛选，不要对号入座。我
2021-07-17 14:33:32
72
1
原创 stopPropagation, preventDefault 和 return false 的区别
大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我(全网同名)，解锁前端成长新姿势。以下正文：stopPropagation阻止事件的冒泡和捕获。因为事件可以在各层级的节点中传递, 不管是冒泡还是捕获, 有时我们希望事件在特定节点执行完之后不再传递, 可以使用事件对象的 stopPropagation() 方法。preventDefault阻止浏览器默认行为。浏览器的默认行为：对于一些特定的事件，浏览器有它默认的行为。例如：点击链接会进行跳转点击鼠标右键会呼出浏览器右键菜单填写表单时按回车会
2021-07-15 19:37:14
60
原创 多目标测评项目总结
最近刚做完一个项目的新功能，这里总结下。项目名称：360 度测评项目时间：历时 67 天（2 个月 17 天）项目背景为了弥补目前我们的测评系统的功能缺失，补全我们测评系统一些高级功能的缺...
2021-07-11 13:52:19
75
原创 ES2021 新特性！
2021 年 6 月 22 日，第 121 届 Ecma 国际（Ecma International）大会以远程会议形式召开。正式通过了ES2021标准，ECMAScript 2021 （ES12）成为事实的 ECMAScript 标准。本文简要介绍了 JavaScript 今年新加了哪些语法，还好不是很多。主要有5个新特性：•逻辑赋值运算符•数字分隔符•Promise.any & AggregateError•String.prototype.replaceAll•WeakRefs & F
2021-07-10 13:24:00
192
1
原创 git如何清空历史commit？
背景因为之前做笔记都是在github上面，时间久了之后，commit的次数会很多，仓库的体积越来越大，这就导致每次需要clone的时候，需要等待很久才可以clone成功，花费了不少时间。或...
2021-07-09 06:00:00
6484
1
原创 「从零开始学前端」专栏介绍
???? 本项目为从零开始学 Web 前端系列图文教程。从零基础开始，手把手教你进入前端开发的世界。从入门到进阶，我们一同前行。项目背景之前的几个月时间，我一直在分享我在学习中，在工作学到的新知识，遇到的问题和解决办法，以及自己的一些思考。但是很多时候，我会在评论和私信看到一些初学者，甚至是零基础的小白的提问，从他们的提问里，我看到他们对前端的某个知识点的理解非常有限，理解的往往不深刻，也就是说都是学了一个个独立的知识点，而没有成体系的将知识串起来，形成一个体系结构。还有人私信问我是否可以出一些基础
2021-07-04 18:06:15
59
1
原创 Markdonw语法
目录Markdown 语法简介**粗体***斜体*标题分割线^上^角~下~标++下划线++ ~~中划线~~==标记==段落引用列表任务列表链接代码段落表格(table)脚注(footnote)表情(emoji)$\KaTeX$公式布局定义abbrMarkdown 语法简介语法详解粗体**粗体**__粗体__斜体*斜体*_斜体_标题# 一级标题 #一级标题====## 二级标题 ##二级标题----### 三级标题 ####### 四级标题 ######### 五级
2021-07-04 17:40:30
53
原创 textarea内容自动撑开高度，实现高度自适应
大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我(全网同名)，解锁前端成长新姿势。以下正文：textarea使我们常用的表单元素。一般用于多行文字的输入。在绝大多数情况下，都可以满足我们的要求。但是它有一个缺点是，它的高度是固定了，如果文本内容超出了它设定的高度时，就会显示出丑陋的滚动条。然后有些时候，为了用户体验，我们需要让它的高度随着文本内容的高度而动态变化。最经...
2021-06-29 21:05:00
6988
原创 前端防抖与节流
前端工作中免不了会用到防抖和节流，但是之前总容易搞混防抖和节流的定义，所以今天就来梳理一下防抖和节流的区别，以及如何使用的，什么时候应该用防抖，什么时候应该用节流。问题描述什么是前端防抖和...
2021-06-21 07:00:00
261
1
原创 自定义浏览器滚动条样式（兼容chrome和firefox）
大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我，解锁前端成长新姿势。以下正文：问题描述浏览器默认的滚动条样式太丑了，而且不同的浏览器下滚动条的样式也不一样，为了美观和统...
2021-06-19 09:56:59
2325
1
原创 前端反调试初探
任何网页开发者出于对自己网页的保护，都不想自己的前端代码被他人窃取或者抄袭。虽然我们平时都在忙着往代码里面写BUG，但是依然阻止他人对你代码的觊觎。由此，前端反调试需求应运而生。在平时的项...
2021-06-17 07:00:00
350
原创 终于打到疫苗了
今天终于把新冠疫苗打了。随着广州疫情大规模爆发，原先不准备打疫苗，或者在围观中的人们都开始着急打疫苗了。之前我和????也是在围观，所以对于疫苗的预约不是很上心，于是到现在这个节点上，预约...
2021-06-15 23:35:11
135
转载 【前端小记】JavaScript 如何判断一个对象中是否有某个属性？
阅读本文大概需要 2 分钟。今天讲讲，JavaScript 如何判断一个对象中是否有某个属性？我总结了5个方法：方法1：if(Obj[a]) {}缺点：对于参数值为 undefined ...
2021-05-26 07:00:00
1101
原创 上传图片后如何不依赖后端回显？你可能需要indexedDB存储技术
阅读本文大概需要 8 分钟，建议先收藏再看。大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我，解锁前端成长新姿势。以下正文：今天看到有人在群里提问说，有一个业务场景，用户...
2021-05-24 07:30:00
365
原创 面向对象编程OOP发展简史
1、什么是面向对象编程 面向对象编程，是一种通过对象的方式，把现实世界映射到计算机模型的一种编程方法。OOP围绕对象而不是功能和逻辑来设计软件架构。可以将对象定义为具有唯一属性和方法的一种数据类型。2、面向对象发展历史在现代意义上的面向对象程序设计中，使用术语“对象”和“面向对象”的术语在1950年代末和1960年代初首次出现在麻省理工学院。在1960-61年间，伊万·萨瑟兰（Ivan Sutherland）创建了 Sketchpad，伊万在1963年基于其关于Sketchpad的论文的技术报告的
2021-04-17 12:35:26
398
原创 怎么去除highcharts饼图的每一模块之间的空白缺口？
比如当占比100%的时候，会显示一个缺口，如何去除？解决方法：把之前为0的数据改为null即可。series: [{ type: 'pie', name: '浏览器访问量占比', innerSize: '80%', borderWidth: 1, data: [ ['Firefox', 1], ['其他', null] // ['其他', 0] ]}]（完）原文地址：https://github.com/Daotin/fe-blog
2021-04-09 10:12:35
427
原创 一次table文字溢出显示省略号问题
今天在做一个table表格的时候，遇到一个css样式问题：如下图：从图中可以看到，在table里面，th 的文字太长了。我们知道。如果想要显示省略号会使用下面三行代码：overflow: ...
2021-04-02 14:09:03
258
原创 什么是真正的好书？
什么是真正的好书？莫提默·J·艾德勒在《如何阅读一本书》中给出的定义是：可以和你的心智一起成长的书。???? 你最开始阅读它的时候，它的层次远远超过你；???? 现在你重读的时候，它还是超...
2021-03-31 20:36:29
118
转载 figure标签
<figure> 元素代表一段独立的内容, 经常与说明（标题） <figcaption> 配合使用, 并且作为一个独立的引用单元。<figure> ...
2021-03-30 20:28:23
918
原创 Vue组件中如何引入外部的js文件
背景在Vue中，通常我们引入一个js插件都是使用npm方式下载然后import使用的。但是我现在本地有了js文件或者是一个远程js文件链接，我不想使用npm install xxx的方...
2021-03-29 21:19:10
19101
原创 文字背景对比度contrast ratio的计算公式
对比度标准MD规范里说：文本应该保持至少 4.5:1 （基于亮度值计算）的对比度以保持文本清晰；最佳对比度为 7:1。对比度的计算规则我们可以简单的理解为两个颜色的相对亮度相除得到的值，比如：两个白色的对比度是 1:1 , 白色（#FFFFFF）与黑色（#000000）的对比度为 21:1，也就是说对比度的范围在 1:1 与 21:1 之间。“为什么基于亮度计算？W3C (万维网联盟)中提到，对没有颜色缺陷的人进行阅读性能评估，发现色调和饱和度对易读性的影响很小或者是没有影响，而亮度对比度对易读性的影响很大
2021-03-22 10:49:29
776
原创 得到再小的帮助，也要给予感谢
《前端队长》原创第 61篇今天下午，人资小姐姐突然叫我们四个男生去楼下帮忙搬个东西。我们下楼一看，有两个服务器，一个冰箱，一个文件柜，还有杂七杂八的东西，看起来是一个小公司的全部家当了。...
2021-03-11 07:00:00
36
原创 靠谱的人，事事有回应
《前端队长》原创第 60篇今天是三八妇女节，祝所有女性节日快乐！早上的时候，公司人资在全员群里面发了祝福，祝大家妇女节快乐，公司下午放假去花博汇游玩。应该是一件很开心的事情，我的感觉是应...
2021-03-09 07:00:00
215
1
每次理解新需求很慢很迟钝是怎么回事？
2021-03-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人