- 博客(63)
- 收藏
- 关注
RSS订阅原创 工作干到抑郁了，要不要辞职？
离职前，严重的时候，我甚至害怕走进办公室，胸口泛起的恶心引起生理性作呕，在此之前，我从没想过这份工作带给我这么大的不适，甚至气出结节。瑶琴当时的团队中途换血，新来的领导总是针对的 PUA 式管理，总找之前留下来的 2 个老员工（包括瑶琴），质疑我们的工作能力，对比性打压。计划赶不上变化，很多时候，你可能计划的是，我就休息 2 个月，再来找工作，2两个月之后发现找工作遇到的挑战更大。这是难得的机会，可以做自己想做的事。接触不同的圈子，认识不同领域的朋友，尝试更多搞钱的副业，探索更多的可能性。
2024-05-24 10:47:37
310
原创 初学者这样学习 javascript 函数就对了（通俗易上手）
function，用 function 关键字来声明一个函数。函数名、函数体、参数、返回值function 函数名(参数1, 参数2, ...) {// 执行一系列任务// 使用参数进行计算// 返回结果return 结果;函数名：这是你给函数起的名字，用来在其他地方调用这个函数。比如，如果你有一个计算两个数字和的函数，你可以取名为 add。参数：这是一些你给函数的输入。它们是可选的，你可以定义一个没有参数的函数，也可以定义有多个参数的函数。
2024-05-24 10:32:41
605
原创 前端小白必会：javascript 基础之循环语句
循环是编程中一个非常有用的概念，它让你能够以一种更有效和精简的方式处理重复性任务。在不同的场景中选择适当的循环结构和控制语句是提高代码质量和性能的关键。本篇会详细介绍到 javascript 中的循环语句。
2024-05-23 11:31:19
368
原创 发现一个奇怪现象：最近两年失业找不到工作的人，都是那些平时没什么交际的人，反而那些平时主动社交积累人脉的，根本不愁工作
这并不是说能力不重要，很多时候，有能力不一定能找到好工作，有关系的人却能得到更多机会，现在形势不好，工作机会不比往年了。在职场上，千万不要想着，我悄悄地来，悄悄地走，不带走一片云彩，这样，工作机会只会与你失之交臂。我有一个同事去年 35 岁被裁，在一个月内顺利入职下一家公司，据说，是他之前的同事内推的，刚好公司在招相应的岗位，同事去试了试，顺利拿到了 offer。一方面，作为你之前的同事，对你的人品和能力更加了解，另一方面，通过内推进去的，不仅提高了找工作的效率，也比一个人在一个陌生的公司单打独斗的好。
2024-05-22 16:33:22
126
原创 前端小白必备：javascript 基础之条件语句
在平时的编码过程中，我们需要根据条件的真假来改变程序的执行路径，这在处理不同情况下的逻辑很重要，举个栗子：在一个电子商务网站中，你可以使用条件语句来检查用户是否登录，如果已登录，则显示欢迎消息，否则跳转登录页面。这篇文章瑶琴带大家学习 javascript 的条件语句，条件语句是编程中的一种控制结构，用于根据指定的条件来决定执行不同的代码块。
2024-05-22 09:37:18
438
原创 JavaScript 基础之运算符总结（建议收藏）
这篇文章瑶琴带大家学习 javascript 的运算符，JavaScript的运算符非常重要，因为它们可以执行各种语句操作，从基本的数学计算到控制程序的流程，以及处理数据和进行比较。本文会详细介绍所有运算符，并给出示例用法。
2024-05-21 10:54:46
347
原创 公司同事被辞退了，明天离职，今天我分配任务给他不理我了，我到底错在哪儿？
一来，交到他手上的任务可能因为不想做而敷衍了事，二来，如果他做完，后续有什么改动，可能还要询问他，倒不如直接交给留在公司的其他人做。尤其作为领导，只要下属平时保质保量的完成工作，其他事情不易干涉太多，对于被裁员的人，心里本就不好受，应避免在他快离职时起冲突，只要做好交接工作，摸摸鱼也不要计较了。准备离职的员工，思想上已经跟公司开始切割了，心里想的是找工作或者入职下一家公司的事情，试想一下，如果你在拿离职证明前夕被安排工作，心里是不是也会产生不满。在职场做管理，得先学会做人，再做事，这样才会管理的游刃有余；
2024-05-21 09:09:31
377
原创 前端小白轻松掌握 JavaScript 类型检测方法（面试必备）
上篇文章瑶琴带大家一起学习了 javascript 的基本数据类型，这篇来介绍下 javascript 中有哪些检测数据类型的方式，这在平时的编码中很有用。它可以确保数据完整性和安全性，避免一些运行时错误，也让我们的代码更加完善。
2024-05-20 14:47:06
367
原创 2023 裸辞 就业
拿到离职证明，我约朋友出去游玩，准备来一场说走就走的旅行，想起刚毕业的时候，我给自己的计划是，每年去一个城市，后面疫情三年，计划暂时搁置了。中间心态也奔溃过，后面又经历了一段时间的面试，找到了一家公司成功入职，新公司同事都很友好，没有糟心的职场关系，我也融入的很快。早在 22 年的 11 月份，就有辞职的念头，当时想着年底了，省的折腾，过年拿完年终奖再离职，3，4 月份更好找工作。然而是我天真了，没有等到年终奖，却迎来了公司扣薪的通知，不，都没有通知，上级直接开会告诉我们这么个事，离谱。
2024-05-18 20:29:40
662
原创 前端新手必备：轻松掌握变量声明和初始化
这一节瑶琴带大家学习 javascript 中变量的知识点，变量是一个非常重要的概念。变量就像一个容器，用于存储数据，这些数据可以是数字、文本、对象等。变量就像盒子，想象你有一些物品，比如书、鞋子和苹果。你想要将它们储存在盒子里，方便便日后使用，这个盒子就是变量。以下是 JavaScript 关于变量的用法：在 JavaScript 中声明变量时，通常会使用关键字 var。这是一个非常重要的概念，因为它告诉解释器你正在创建一个新变量。
2024-05-18 20:09:11
410
原创 职场里，请记住：只要你的工资按时发放，岗位没有变动，就不要太在意别人，该上班上班，该工作时正常工作，你就赢了
今天，之前一起租房的室友跟我抱怨：他们公司开始搞绩效考核和行政考核，有的人受不了自己离职了，也有被动离职的，可能公司搞这些就是为了赶某些人走，现在技术部没几个人了，都不知道能撑多久，我是不是该自己主动离职呢？另外很重要的一点，你去公司是工作的，只要公司没有裁掉你，你就是有价值的，而你在这家公司能够积累到项目和工作经历，同时还能技能提升，这就够了。出来工作，本就是各取所需，如果你整天担心自己会不会被裁，而无法安心工作，等到公司真的把你裁掉的一天，你反而没有任何准备。职场江湖，本就是来来去去的，
2024-05-17 15:34:34
253
原创 一文讲透JavaScript的语法规则
对于初学者来说，在学习和使用 javascript 的各个知识点之前，了解 JavaScript 的语法规则是非常重要的，它是编写有效代码的基础。今天瑶琴带大家先过一下相关的语法规则，更有利于后面 Javascript 知识点的学习。
2024-05-17 14:28:11
424
2
原创 28岁，程序员，小公司工作6年，后面的路怎么走？
大学毕业，从迷茫小白到给自己撑起一些希望，有时候，我们总会不甘心，会心累，会失眠，但总有一些瞬间，内心充满希望，想要去尝试、去改变。，一边提升自己，一边看机会，观察公司的形势，本公司不稳，就去投简历看看其他机会，尽可能考察对方公司，别一过去就被裁了。后来经过自己的努力，去了一家做供销ERP的软件自研公司，做了 2 年多，技术也在这段时间突飞猛进，能独挡一面了。在小公司工作六年，平凡而不普通，18 年毕业，当初他靠着在学校里面学习的基础的前端知识，来到杭州找工作。本文完，瑶琴的一些碎碎念。
2024-05-16 14:12:57
301
原创 前端小白的JavaScript学习指南
文章导读：AI 辅助学习前端，包含入门、进阶、高级部分前端系列内容，当前是 javascript 的部分，瑶琴会持续更新，适合零基础的朋友，已有前端工作经验的可以不看，也可以当作基础知识回顾。对于初学者来说，只知道 javascript 是用来操作网页，实现网页交互方法的，在学习 javascript 内容之前，这篇文章先带大家认识什么是 JavaScript ，JavaScript 可以做些什么？以及如何才能学好 JavaScript。
2024-05-16 09:18:43
398
原创 终于知道公司薪资为什么保密了！无意中拿到了部门薪资列表，自己身为小组长，只有28k，手下好几个35k左右，心态崩了
公司里小李和小邓一起出差，出差途中，小李一直试探性问小邓的工资，小邓一开始只是敷衍回答：”应该跟你差不多的“，但在小李的一次次试探询问下，小邓觉得说了也没什么，如实说出了自己的薪资，小李马上就不高兴了，自己比小邓早来公司一年，业务能力也比小李强，小李的工资竟比自己高了整整 2000。这说明，在进入一家公司后，我们不能只是低头苦干，也要抬头看路，看看外面的形势，及时了解市场行情，对自己的能力做出合理的评估，为自己争取利益最大化。定期更新简历，没事出去面试，检验自己能力的同时，如果遇到更好的机会，也不会错过。
2024-05-15 11:08:14
345
原创 看这篇就够了：一文梳理 CSS3 动画animation的用法
动画在网页设计和开发中扮演着重要角色，使用 CSS3 中的动画可以让网页有更加酷炫的效果，并吸引到用户的眼球，今天瑶琴带大家来学习或复习 CSS3 中 动画animation 的使用。
2024-05-15 10:37:51
558
原创 前端小白轻松掌握 CSS3 过渡transtion（示例拿来即用）
CSS3 过渡（transition）是一种用于平滑地控制元素状态变化的属性，使状态变化更加流畅和可视化。它通常用于制作动画效果或响应用户交互。平时的网页制作中很常用，今天瑶琴带大家来学习或复习这个知识点。
2024-05-14 09:41:40
363
原创 一文掌握 CSS3 transform 3D转换（附代码示例）
CSS3中的 transform 属性不仅支持 2D 转换，还支持 3D转换，transform 3D 转换能让网页实现更加酷炫的效果，能够在三维空间中操作元素，跟 2D 转换一样，有平移、旋转、缩放、倾斜 4 种转换方式。今天瑶琴带大家来学习或复习这个知识点。transform 属性有 2D 和 3D 两种转换，本篇介绍 transform 3D转换 的属性。
2024-05-13 09:49:10
584
原创 发现一个奇怪现象：最近两年失业找不到工作的人，都是那些平时没什么交际的人，反而那些平时主动社交积累人脉的，根本不愁工作
这并不是说能力不重要，很多时候，有能力不一定能找到好工作，有关系的人却能得到更多机会，现在形势不好，工作机会不比往年了。在职场上，千万不要想着，我悄悄地来，悄悄地走，不带走一片云彩，这样，工作机会只会与你失之交臂。我有一个同事去年 35 岁被裁，在一个月内顺利入职下一家公司，据说，是他之前的同事内推的，刚好公司在招相应的岗位，同事去试了试，顺利拿到了 offer。一方面，作为你之前的同事，对你的人品和能力更加了解，另一方面，通过内推进去的，不仅提高了找工作的效率，也比一个人在一个陌生的公司单打独斗的好。
2024-05-12 19:32:26
219
原创 前端小白一文掌握 CSS3 2D转换transform
CSS3 中的转化 transform 属性是 CSS 内容中很重要的一个知识点，用于对元素进行变换，包括平移、旋转、缩放、倾斜等。这些变换可以在不改变元素文档流位置的情况下改变元素的外观和位置，让网页能显示更加酷炫的效果。以上就是 CSS3 中关于转换 transform2D 的知识点，上面的示例，初学者可以粘贴到 HTML 文件中并在浏览器中运行，以查看不同的转换效果。平移指移动元素的位置，可以沿着水平（X轴）和垂直（Y轴）方向进行。，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。
2024-05-12 11:58:43
384
原创 程序员的归宿。。
就拿前端来说，一般情况下，只要对接口就好，对业务不清楚的的时候，在做得过程中再问产品，但现在不同了，有了 AI ，你要能够清楚表达让 AI 实现的功能，理解业务之前的关系，因为当需求评审结束后，你需要将需求告诉 AI ，让它来生成业务代码。但并不是每个人都可以跟上行业的发展，有的人躺平，不追求进步，就会被落下，卷到后面，如果你发现，写代码这件事没什么意思，也不是你想做的方向，可以趁早尝试其他，如果你能卷，想在这个行业继续深耕，那卷就是必须的了。要知道，依现在中国的市场行情，可能没机会一辈子做个普通程序员。
2024-05-11 16:08:20
519
2
原创 小白巧用这些选择器，开发网页更加高效
CSS3 引入了许多新的选择器，这些选择器增强了样式控制的能力，使得选择元素更加精确和灵活，今天瑶琴带大家来学习或复习这些选择器。新的 CSS3 选择器使得样式选择更加灵活，避免了之前只能用层层嵌套才能选择到内层元素，这块的内容需要每个初学者都要了解和会使用。：选择具有与文档URL中片段标识符匹配的id的元素。：选择紧跟在指定元素之后的同级元素。：选择父元素的倒数第n个子元素。选择紧接在另一个元素之后的元素。：选择父元素的第n个子元素。：选择父元素的第一个子元素。根据元素的属性值选择元素。
2024-05-11 15:28:48
190
原创 前端初学者必备：CSS3 圆角和边框的实用指南
border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius：这些属性允许你分别为元素的每个角设置不同的圆角半径。CSS3 中的圆角与边框是网页开发中一定会用到的 css 属性，这在现代、美观的界面中非常有用，那如何使用这些属性来创建具有圆角和自定义边框的元素，今天瑶琴带大家来学习或复习这些两个知识点。：border-radius：此属性用于设置元素的四个角的圆角半径。
2024-05-10 09:56:26
338
原创 一文彻底讲透 CSS 定位（示例拿来即用）
CSS 中关于定位的内容对于小白来说需要实操会理解的更深刻，新手很容易混淆，上面关于定位的代码示例可以在编辑器中尝试。绝对定位允许元素相对于最近的已定位祖先元素进行偏移，或者如果没有已定位的祖先元素，则相对于文档的初始包含块进行偏移。在这个示例中，.container 使用相对定位，并包含一个.box，.box 也使用相对定位，通过top和left属性相对于其原始位置进行偏移。在这个示例中，.fixed-box 使用固定定位，元素会固定在浏览器视窗的指定位置，即使页面滚动也不会改变位置。
2024-05-09 09:26:05
834
原创 小白干货：一文梳理css文字样式
常见取值包括 none（无装饰）、underline（下划线）、overline（上划线）和 line-through（删除线）。可以取值为 left（左对齐）、right（右对齐）、center（居中对齐）或 justify（两端对齐）。可以取值为 normal（默认）、italic（斜体）或 oblique（倾斜）。：定义当文字溢出容器时的处理方式，常见取值为 ellipsis（省略号）。CSS 的文字样式是每个页面中都会用到的，今天瑶琴带大家学习文字样式的属性和属性值，这也是初学者必须要掌握的内容。
2024-05-08 10:52:45
423
原创 一次讲透 CSS 背景样式
background-size：定义背景图像的大小。background-position：定义背景图像的位置。background-image：定义元素的背景图像。可以指定图像的URL。CSS 的背景样式属性用于控制元素的背景，包括颜色、图像、平铺方式等，今天瑶琴带大家学习文字样式的属性和属性值，这也是初学者必须要掌握的内容。background: [背景颜色] [背景图像] [背景重复方式] [背景位置] / [背景大小] [背景附着方式];background-repeat：定义背景图像的平铺方式。
2024-05-07 14:46:08
628
原创 一文彻底讲透 CSS 盒模型
文章导读：AI 辅助学习前端，包含入门、进阶、高级部分前端系列内容，当前是 CSS 的部分，瑶琴会持续更新，适合零基础的朋友，已有前端工作经验的可以不看，也可以当作基础知识回顾。在默认情况下，CSS 设置的宽度和高度属性（如 width 和 height）指的是内容区域的宽度和高度。通俗的解释 CSS 盒模型，因为css盒模型像一个盒子，把网页中的各种 html 元素包起来，将 html 元素进行封装，以便于网页布局与排版。在怪异模式下，它们设置的是整个盒子（包括边框和内边距）的宽度和高度。
2024-05-06 13:55:46
466
原创 CSS 选择器知识点总结
但是记得不可滥用!选择器是 CSS 中的关键部分，允许你精确地定位和样式化特定的元素或元素组。这篇文章的内容是 CSS 的选择器，这是写页面样式的第一步，知道 CSS 有哪些选择器是每个前端工程师必会的内容之一。：没有特定性或源代码顺序的概念，但需要注意的是某些样式属性具有继承性，例如字体属性，它们可以从父元素继承到子元素。这些是 CSS 的常用选择器，将这些选择器组合起来使用，或者是嵌套使用可以改变选择器的权重。a：内联样式（在元素的 style 属性中定义的样式）的数量（权重值最高，值为1000）。
2024-05-05 10:55:46
959
原创 小白入门 CSS 语法规则
文章导读：AI 辅助学习前端，包含入门、进阶、高级部分前端系列内容，当前是 CSS 的部分，瑶琴会持续更新，适合零基础的朋友，已有前端工作经验的可以不看，也可以当作基础知识回顾。通过理解这些基本概念，可以从编写简单的样式规则开始，逐渐构建更复杂的样式，从而美化和布局网页。某些样式属性会被子元素继承，这意味着如果你在父元素上设置了某个属性，子元素通常会继承该属性。，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。的基本语法和规则，对于初学者来说，了解这些规则是有必要的。
2024-05-05 10:44:22
584
4
原创 最全 CSS 学习指南
在现在的工程化项目中，CSS 的内容不止于上面列出的，比如 CSS3，以及 sass、less，这些是怎么在项目中运用的，后面都会带大家详细学习到。学习常见的 CSS 属性和属性值，如颜色、字体、边框、背景、宽度、高度、间距等。学习如何添加背景颜色、图像、渐变和边框样式到元素中，以及如何控制它们的属性。学习如何控制元素的位置和布局，包括浮动、定位、弹性布局、网格布局等技术。学习如何设置文本的字体、大小、行高、颜色以及文字效果，如下划线、斜体等。，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。
2024-05-03 21:35:17
424
原创 前端初学者的 CSS 入门
CSS 是层叠样式表（Cascading Style Sheets）的缩写，是一种用于控制网页或文档的外观和布局的标记语言。从这篇文章开始，瑶琴带着大家一起学习 CSS 的知识，如果把 HTML 比喻成一棵树的枝干，那么 CSS 就是枝干上的树叶和花果，让这颗树活了起来。总之，CSS 是前端开发的关键部分，用于控制网页的外观和布局。通过学习和掌握 CSS，你能够创建精美且功能强大的网页，提供出色的用户体验。最后啰嗦一句，好记性不如烂笔头，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。
2024-05-03 21:31:05
754
原创 拿来即用的响应式布局方法
Viewport 是用户在浏览器中看到网页的区域，可以通过以下方式设置 Viewport 标签来适应不同设备的屏幕大小。响应式设计是一种灵活的方法，可以根据不同的项目需求进行调整和实现。：使用 CSS 媒体查询可以根据设备的特性（如屏幕宽度、高度、方向等）来应用不同的样式。：使用媒体查询时，从移动设备的样式开始编写，然后逐渐添加更大屏幕的样式。响应式设计在前端是一个很重要的内容，每一个前端开发都要了解并会使用，在实际的开发中，，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。
2024-04-28 20:34:22
512
原创 初学者的HTML5 Geolocation API入门指南！
用户可以选择允许或拒绝。以上是 HTML5 中 Geolocation API 的内容，在平时的开发中其实我们用百度地图 API、高德地图 API 会比较多，但原理都是一样的，所以了解这部分的内容是非常有必要的。文章导读：AI 辅助学习前端，包含入门、进阶、高级部分前端系列内容，当前是 HTML 的部分，瑶琴会持续更新，适合零基础的朋友，已有前端工作经验的可以不看，也可以当作基础知识回顾。：在 successCallback 中，您可以处理获取到的地理位置信息，这些信息通常包括纬度、经度、精度等。
2024-04-28 20:28:52
379
原创 前端初学者必读的 Web Workers指南
文章导读：AI 辅助学习前端，包含入门、进阶、高级部分前端系列内容，当前是 HTML 的部分，瑶琴会持续更新，适合零基础的朋友，已有前端工作经验的可以不看，也可以当作基础知识回顾。以上是 HTML5 中 Web Workers 的内容，在平时的开发过程中用的比较少，除非需要多线程处理数据时会用到，但作为一个合格的前端开发者，了解这部分的内容是非常有必要的。这个文件将包含要在后台线程中执行的代码。在这个场景中，我们将使用 Web Worker 在后台计算一个大型数组的总和，以避免在主线程中阻塞用户界面。
2024-04-28 18:50:27
499
原创 小白轻松掌握多种本地存储机制
Web Storage 提供了两个对象，localStorage 和 sessionStorage，它们都允许在浏览器中存储键值对的数据。以上是 HTML5 中本地存储的内容，其中 localStorage 和 sessionStorage 在平时的开发中用的比较多。数据也存储在用户的浏览器中，但是当用户关闭浏览器或标签页后，数据会被清除。这些本地存储的方式是为了提供更好的用户体验，使开发者能够在客户端存储数据，而无需依赖服务器。，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。
2024-04-27 21:05:59
243
原创 一文总结 HTML5 新增的表单控件
今天瑶琴带大家学习 HTML5 中新增的表单控件，这块的内容在前端工作用的比较多，很多组件的表单控件都是基于 HTML5 表单控件封装。以上是 HTML5 中新增表单控件的内容，初学者不用对这些容死记硬背，在平时开发中可以查阅自己的笔记，用的多了也就掌握了。，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。可以创建滑块控件，用户可以通过滑动来选择一个范围内的值。分别用于输入邮箱地址和网址，浏览器会在输入时进行验证。用户可以选择时间，通常会展示一个时间选择器。用于输入电话号码，适用于移动设备。
2024-04-27 21:00:39
354
原创 零基础轻松学习 canvas
以上是 HTML5 中 <canvas> 标签的内容，<canvas> 标签在动画、签名、图表中都是常用的，也是新手要掌握的内容之一，初学者可以根据今天的内容，用canvas 画一些图形，了解它的基本用法。使用路径方法（如 beginPath()、moveTo()、lineTo() 和 closePath()）创建复杂的形状，然后使用 fill() 或 stroke() 渲染路径。通过 <canvas>，您可以实现许多炫酷的特效和过渡效果，如页面背景变化、元素的飞入、淡入淡出等。
2024-04-26 14:23:25
326
原创 一文总结 HTML5 多媒体标签
以上是 HTML5 中多媒体标签的内容，在很多组件库里对原生的标签进行了封装，也可以直接拿过来用。3.<source>：用于在 <audio> 和 <video> 标签中指定多个媒体源，以便在不同浏览器中选择适合的格式。5.<canvas>：用于绘制图形、动画等多媒体内容，通过 JavaScript API 控制。4.<iframe>：虽然通常用于嵌入其他网页，但也可用于嵌入包含多媒体内容的页面。，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。2.<video>：用于嵌入视频内容。
2024-04-25 18:38:08
311
原创 html5 语义化标签实用指南
以上就是 HTML5 中语义化标签的内容，这些内容在面试中也可能被问到，在平时写页面时留意下每个标签对应的含义，用在正确的位置才能发挥语义化标签最大的作用。：<figure> 用于表示独立的内容块，如图片、图表、代码示例等，而 <figcaption> 用于为这些内容块添加标题或说明。：表示导航部分，用于包含页面的主要导航链接。：表示一个独立的区块，可以包含一组相关的内容。：表示页面的侧边内容，通常是与页面主要内容相关但可以独立存在的内容。，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。
2024-04-24 22:30:41
425
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人