zero_person_xianzi的博客

原创 如何在vite构建的vue项目中从0到1配置postcss-pxtorem

vite版vue项目从0到1实现postcss-pxtorem安装搭配

原创 Ant Design Vue v4版本如何解决1px没有被postcss-px2rem转成rem的问题

如何解决Ant Design Vue 1px没被转换的问题

原创 已用HBuilderX(uni-app项目)可视化界面搭建的项目该如何用命令行打包

如果你有这样的需求，我的建议是直接使用命令行的方式再生成一个项目，然后将可视化搭建的项目...

原创 该如何在Mac上设置在右击菜单上用Cursor打开文件夹或者文件

如何在右击菜单上打开Cursor

原创 @antv/g2 v5版本如何修改柱状图x轴刻度值文本颜色

@antv/g2的小知识分享

原创 一封供程序员参考的http学习笔记

# 什么是代理代理（Proxy）是HTTP协议中请求方和应答方中间的一个环节，作为“中转站”，既可以转发客户端的请求，也可以转发服务器的应答。

原创 一年一度的程序员节又到了，2021的你进步了吗？

时间过的很快，转眼间又过了一年。子醉君在每年的1024都会分享一些职场心得。快来看看今年的心得有哪些吧。- 贡献主义者需要了解的禁忌- 如何看待同事关系- 如何协调工作与生活

原创 给程序员上的一堂情绪管理课

- 工作是用来学习的吗？- 职场工作任务和个人作品的优先级哪个更高？

原创 值得前端工程师学习的团队沟通话术

谈话，和作文一样，有主题，有腹稿，有层次，有头尾，不可语无伦次

原创 React基础知识总结（经典好文）

你要尽全力保护你的梦想。那些嘲笑你梦想的人，因为他们必定会失败，他们想把你变成和他们一样的人。我坚信，只要我心中有梦想，我就会与众不同，你也是。 —— 《当幸福来敲门》基础生命周期图片来源生命周期钩子列表constructorrendercomponentDidMountcomponentWillUnmountgetSnapshotBeforeUpdatecomponentDidUpdateshouldComponentUpdateReact的生命周期一共有三个阶段.

原创 前端开发当中常用的正则表达式

一分耕耘一分收获文章目录前言正则判断字符串是否为空或者全为空格小知识百位符、千位符、万位符去除字符串里所有空格去除首尾空格密码正则尾声前言正则是一种神奇的魔法！正则此模块会将js开发当中常用的正则表达式列举出来正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等 —— 菜鸟教程判断字符串是否为空或者全为空格let pattern = /^[\s].

原创 前端开发当中常用的算法

前言业务算法打乱数组随机生成指定长度的字符串获取数组间的交集、并集和差集求数组成员的最大值、最小值和平均值reduce小知识尾声

原创 2020年年度总结——前端思考者的成长

前文此文不谈论技术，只考虑这一年来的心得。感悟时间过的好快呀，转眼间2020年就要结束了。这一年发生的事情太多太多，多到改变了我的思维模式。正文1这世界上有很多人总喜欢幻想自己是最幸运的，希望上天能给予其不该得到的东西。我以前就是这样的一个人，我不知道生活送的每一件礼物，其实在暗地里都标好了价格。临渊羡鱼不如退而结网，是很有哲理的。对于那些自卑的男孩或是没有安全感的女孩子，我很想告诉你，努力要有正确的方向。自身能力的提升，影响力的扩大才是你应该考虑的。靠山山会倒，这世界只有一种铁饭碗，那就

原创 那些被你忽视的知识点（Vue2.0）

文章目录前言前言 查漏补缺，完善自我

原创 JavaScript常见的运算符优先级面试题

前言运算符优先级的知识点真的很重要，例如如何判断 && 和 || 的运算优先级。如果你不能掌握这些基础知识点。你甚至算不上一个初级程序员。在学校或是培训机构，老师只会告诉你，() 括号运算符的优先级最高。在不能判断运算符优先级顺序的时候，使用 () 。这确实是个好办法，但作为有上进心的有为青年，一定要学会判断。开发常用场景 &&与||...

原创 2020年程序员节

今天是2020.10.24，是程序员的节日。祝各个行业的程序员节日快乐，尽量不加班！！在这里，我送给广大程序员几句忠告永远保持学者心态学习框架时不要太过焦虑，不要总是害怕框架过时。记住一点，就算框架过时了也没关系，因为学习框架的过程锻炼了你的学习能力不要总是局限于技术，还要去学习产品，商业，市场。要去思考技术的适用场景。如果你是刚入门做技术，请一定要先了解技术的整体。专精一个领域是没有问题的，但这有前提，前提是你对相关联的领域都要有涉及...

原创 web前端工程师如何跟产品经理拒绝无理需求

前言我永远都不会忘记产品经理那些不切实际的需求，以及假装信任的眼神…所以我要打破它，并且告诉所有的前端工程师，你们可以拒绝无理需求！正文我们可以拒绝的需求有三种，分别是不符合逻辑的需求，用户体验糟糕的需求，和画蛇添足的需求。不符合逻辑的需求当我们拒绝不符合逻辑的需求时，请一定要记住。一定要表明不符合逻辑的时间点，必须包含环境，用户如何操作，产生的影响！用户体验糟糕的需求当我们拒绝用户体验糟糕的需求时，请一定要记住。一定要告诉产品经理那步用户可以 更简洁的操作 。以及 用户为什么会体验糟糕画

原创 Vue框架中常见的前端UI库

前言Vue旗下有很多衍生的UI框架，它们能够很好的提高前端工程师开发效率。今天在这里，笔者做一个整理。将UI框架分为PC和Mobile两大类，并逐一展示PC版UI库ElementElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库项目文档适合管理后台系统开发iViewiView，一套基于 Vue.js 的高质量 UI 组件库项目文档适合管理后台系统开发Ant Design VueAnt Design Vue是蚂蚁金服 Ant Design

原创 Vue $nextTick 使用场景

前言虽然 $ nextTick是一个中级知识点。但只要你是一个vue开发者，你就必须得知道$nextTick的使用场景。不管是面试还是日常工作，你都用得到。$nextTick的定义$nextTick会在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。// 修改数据vm.msg = 'Hello'// DOM 还没有更新Vue.ne...

原创 面试官最喜欢问的Vuex

前言笔者希望本篇博客的阅读者是使用过Vuex的开发者。看该篇博客的目的是学会表达。下面是Vuex的官方文档，供学习Vuex的官方文档基础Vuex是什么这个问题呢，我们不急着解答。先看看 官方文档 怎么讲Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。文...

原创 开发工程师常见的表达问题

前言我之所以要写这篇博客，源于之前的一次表达失误。我记得当时我打算让一位后端同事帮我写一个sql语句，但是表达的不是很好，我当时是这样表达的。这里是需求求剩余时间的平均值。 即，结束时间 - 开始时间的值。全部相加，然后除于总个数以往表达我指着电脑说。就是这个值减去那个值，然后相加，除于总个数。倾听者的反应后端同事一脸懵，完全不知道什么意思。同事的帮助这时候有个同事看不下去了，...

原创 面试官最喜欢问的防抖与节流

前言根据我以往的面试经验来看，防抖与节流基本是必考题了。可惜我以前并不是很重视这两个概念。我记得当时是这样回答的。笔者以往回答防抖和节流是为了防止用户重复点击而衍生的两个概念，我不知道这两个概念是什么意思。但是我可以告诉你如何防止用户重复点击。可以采用… (省略)基础各位也看到了，回答的不是很好。面试官肯定觉得我这个人对理论不重视。这样肯定不行，所以我决定写一篇博客，从基础概念开始讲。...

原创 面试官最喜欢问的闭包问题

前言闭包函数是JavaScript很重要的一个概念，作为一个有过开发经验的前端工程师，绝对不可能没用过闭包。但是令人感到不幸的是，并不是每个人都能很好的表达闭包。如果你也是这样的情况，那么这篇博客很适合你什么是闭包...

原创 面试官最喜欢问的原型链

原型链Javascript内置的继承方法被称为原型对象链,又称为原型对象继承。对于一个对象，因为它继承了它的原型对象的属性,所以它能够访问这些属性。同理，原型对象也是一个对象，它也有自己的原型对象,因此也可以继承它的原型对象的属性。这样环环相扣的过程就叫做原型链...

原创 面试官最喜欢问的跨域问题

为什么会出现跨域问题跨域问题来源于JavaScript的同源策略，即只有 协议+主机名+端口号(如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的，html本身没有跨域问题，比如a标签、script标签、甚至form标签（可以直接跨域发送数据并接收数据）等如何解决跨域问题解决跨域问题有如下方法...

原创 javascript中的微任务，宏任务以及Event Loop的基础进阶和实际应用

众所周知, **JavaScript** 是一个单线程语言。**JavaScript** 任务需要排队顺序执行。由于加载一个网站，里面可能有很多图片，加载的比较慢。所以为了考虑其他元素的加载，分成了 异步任务和同步任务。

原创 2018年年度总结——前端思考者的形成

今天是2020年1.30。至于为什么我现在要写2018年的年度总结，原因在于2018年对我来说很关键，我怕时间久了我会忘记那段时间的经历。2018年我很自卑，总觉得自己比不过任何人，但是骨子里有股自信，相信自己日后肯定不简单。由于技术水平很差劲，所以经常会遭到前辈的呵斥，因为我遇到的问题都很简单，例如给对象加一个isShow的属性，借以判断该元素的显示状态。从现在的视角来看，没有自然领悟这种简单操作很难接受，因为这在我力所能及的范围内。2018年，我最大的成就，大概是那个时候养成了一个习惯。早上学习

原创 阿里云如何查看服务器操作系统

原创 2019年年度总结——前端思考者的变化

2019年是寒冬年，却也是我成长最快的一年。主要表现于心理成长与技术增长两方面，主要提升于心理成长技术增长得育于主管的教诲，我认识到了市场价值这个概念，也知道效率的重要性。我以前一直注重底层架构。我还记得以前我想做一个软件，就想着自己搭一个框架，自己手写一切依赖，不依靠任何人，任何技术。丝毫不在意时间，现在想想还是有点后怕，如果发生了，很有可能我这5年时间都成为不了高级前端，低不...

原创 如何计算一个字符串是否是回文 js

function isChar(string) { // 将字符串切割成数组 let unhandledArray = string.split("") // 创建空数组 let array = [] array.push(...unhandledArray) //深度拷贝字符串数组、防止下文数组颠倒对array的影响

原创 程序员日1024

今天是2019.10.24,程序员日我大概于2018.2入驻csdn,至今为止，大概两年都快到了。学到了很多东西，从封装原型方法到设计模式，成长了不少，也自信了许多，说句心里话，很感谢这个平台。最后祝大家,程序员节日快乐...

原创 css如何实现部分文本不能复制

是不是遇到了这个问题？^_^我不想要全部文本不让复制，只是部分的字体，我都不想让他选中笔者推荐两种方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...

原创 css属性选择器~= *=的区别

属性选择器是一个很偏的知识点，基本开发时用不到，但不代表开发时永远用不到今天笔者来教你属性选择器里比较难区分的知识点看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=...

原创 h5阻止冒泡及冒泡顺序理论

冒泡型事件冒泡型事件像冒泡一样从dom层次结构的最低端往上一层层上升，例如<div onclick="outer()"><div onclick="inter()"></div</div>,会先执行inter()再执行outer()捕获型事件捕获型事件从dom层次的顶端开始向下延伸，与冒泡型事件相反取消冒泡function i...

原创 input[type=“radio“]大小调整

之前做项目的时候，遇到需要使用input[type="radio]的情景接到个需求，需要放大input的小圆圈但是，我使用width或者height调的时候，没有变大小圆圈在百度找了很多资料，都是使用另类的方法，例如label标签或图片后来想了半天，也许能用zoom试试行吧，说到这里，怎么能不献上代码和效果图代码<!DOCTYPE html><ht...

原创 伪类和伪元素选择器大全

伪类选择器为了通过选择器格式化DOM树以外的信息及不能被常规css选择器获取到的信息通常前缀为:常见的大概有这么几个:first-child:last-child:nth-child:empty:disabled:read-only:invalid:valid:root伪元素选择器伪元素可以创建一些文档语言无法创建的...

原创 对初入程序行业的小猿几句忠告

对于看到这篇文章的朋友，我想说句心理话，我很羡慕你们，因为我太希望在我刚入行时，能得到这几句忠告1.任何一部电影都不可能改变人的一生。你们曾看过一场电影改变一生的表象，但你没见过当事人之前的奋斗2.对于在大众面前展示才华的明星人物，请不要抱有任何嫉妒或嘲讽的负面情绪，无论是多么大惊讶，请报以尊重,因为有了他们，你才能变得更加优秀3.程序行业并不是不会与人打交道。...

原创 git修改密码后，如何迭代账号的密码

如果git的账号密码有变动 用这个命令git config --system --unset credential.helper重新输入账号密码就能正常运行项目

原创 js中replace匹配变量的几种方法

//第一种let variable = "var";let exp = new RegExp(variable, "g");let str = "varvar";// 相当于 str.replace(/var/g,"i")console.log(str.replace(exp, "i")); //ii

原创 js如何取得两个数组之间的交集

function contain(arr1, arr2) { let len = Math.min(arr1.length, arr2.length) let i = -1 let _arr1 let _arr2 if (arr1.length == len) { _arr1 = arr1 _arr2 = arr2 ...