nihaio25的博客

1.概览Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展，这就是 Less 如此易学的原因之一。2.安装 npm install less -g检测less是否成功，使

一.对axios的了解1.Axios 是什么?Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。axios官方文档地址连接：https://www.axios-http.cn/docs/intro2.特性从浏览器创建 XMLHttpRequests从 node.

在我们合作开发项目中我们每个人都需要有自己的分支，在仓库里创建了分支，在本地也要创建对应名字的分支，使用git merge 新分支名称 ,最后将本地合并之后的代码同步到master.这是在本地创建与你远程仓库对应的分支，而且保证分支名字要相同。1、新建分支wushikang,并切换到新分支git branch wushikang //当分支不存在的时候会自动创建，存在则是查看git checkout wushikang//切换为当前的分支或者你可以直接git checkout -b wushik

常见软件安装与配置1.进程命令查看全格式的全部进程$ ps -ef查看apache进程$ ps -ef | grep httpd查看mysql进程$ ps -ef | grep mysqld结果​ UID PID PPID C STIME TTY TIME CMD​ root 1 0 0 09:19 ? 00:00:01

1.在H5中实现了拖拽技术，允许用户在网页内部拖拽以及浏览器与其他应用程序之间的拖拽，通过拖拽可以传递数据。拖动事件：dragstart、drag、dragend放置事件：dragenter、dragover、drop拖拽事件流：当拖动一个元素放置到目标元素上的时候将会按照如下顺序依次触发dragstart->drag->dragenter->dragover->drop->dragend2.在拖拽事件中，我们可以通过DataTransfer来实现数据交互，通过even

虽然现在确实很流行vue跟react,但jquery一些基础知识还是要学习，进行了解的，万一项目那一天用jQuery写呢，虽然大概率不会，但一些老项目就很难说了。所以还是要进行学习的。这是我的一些学习笔记，进行总结。...

js文档对象模型1.定义 DOM是针对HTML和XML文档的一个API（Application programming interfaces--应用程序编程接口）,DOM描绘了一个层次化的节点树，允许开发人员添加，移除，修改页面的某一部分。2.Node类型DOM1级定义为一个Node接口，该接口将由DOM中的所有节点类型实现。javascript中所有的节点类型都继承自Node类型，所有节点类型都共享着相同的基本属性和方法。 //因为js代码从上到下执行,这里页面节点还没加载完毕就进行了

js.正则表达式的使用是一个描述字符模式的对象.2.正则表达式创建1.构造函数var pattern=new RegExp('正则表达式',“修饰符”);var pattern=new RegExp("qwer","igm")2.字面量var pattern=/正则表达式/修饰符;var pattern=/qwer/igm3.修饰符i ignore case 不区分大小写g g global 全局m multiline 多行4.实例方法1.exec 用来

js.基本包装器类型1.基本数据类型 --变量和值保存在栈区 --没有方法和属性可以调用var str='hello';//string类型str.split("");自动装箱和自动拆箱 当有基本数据类型可以调用方法的时候，将基本数据类型包装成了引用数据类型str.split("");基本数据类型没有方法和属性可以调用，当可以调用的时候，就不是基本数据类型，变成了包装String类型 --js自动帮转String.prototype中的方法--自动装箱 调用完之后变成了基本数据string

js.迭代方法学习1.every(function(item,index,arr){},this对象) ​ 1.第一个参数在数组中的每个元素都会执行到的函数，固定的​ 2.第二个参数是前面function内的this指向-- 第二个参数任意数据类型,传什么都可以​ 3.判断数组元素是否都满足某一条件,一项不满足直接跳出当前判断,符合短路原则2.some(function(item,index,arr){},this对象)第一个参数在数组中的每个元素都会执行到的函数，​

大家都知道React中的ref属性可以帮助我们获取子组件的实例或者Dom对象，进而对子组件进行修改，是一个很方便的特性。在传统类组件中，我们通过使用 React.createRef() 创建的，并通过 ref属性附加到 React 元素来使用。而随着hooks的越来越广泛的使用，我们有必要了解一下在函数式组件中，如何使用Ref.想要在函数式组件中使用Ref，我们必须先了解两个Api,useRef和forwardRef

这几天想要实现Jenkins自动化部署，我使用的是ubuntu，一执行 apt-get install jenkins都是报下图的错。怎么装都装不上去，换了源，利用其它的还是装不上去。今天终于成功了。一开始安装的时候就应该去检查一下安装环境，谁叫我是小白呢，没这个意识。后来才想起，哭死。1.检查系统环境通过 cat /etc/os-release 命令检查系统环境发现我的环境需要安装python-software-properties(就是这个我找了两天，哭死)sudo apt-get in

无规则，不成方圆，套在前端来说也适用。在一个前端工程里，每个人的编码习惯，风格，ide等不同，如果不对代码进行有效的规范，那提交的代码就会非常别具特色。因此，我们需要在自动化层面就定义好规范，当其他同事提交代码后，都是统一格式化后的代码。

SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。...

Nginx 是一款面向性能设计的 HTTP 服务器，能反向代理 HTTP，HTTPS 和邮件相关(SMTP，POP3，IMAP)的协议链接。并且提供了负载均衡以及 HTTP 缓存。它的设计充分使用异步事件模型，削减上下文调度的开销，提高服务器并发能力。采用了模块化设计，提供了丰富模块的第三方模块。所以关于 Nginx，有这些标签：「异步」「事件」「模块化」「高性能」「高并发」「反向代理」「负载均衡」Linux系统：Nginx版本：CentOS 6.5 我安装的时候是选择的“基本服务器”，默认这两个包都没

昨天换了台新电脑，配环境的时候，使用 VSCode 的命令行安装yarn npm install yarn -G,安装成功后，查看版本报错，yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行 脚本。而当我在VSCode外面运行cmd是可以看到yarn 已经是安装上去了的。按照上面两个步骤执行后，即可重新进入VSCode使用yarn。然后找到发现原因：命令行执行策略，默认设置为。不加载配置文件或运行脚本。

IndexedDB数据库没有我们想象的那么复杂，了解了它的几个基本概念，上手还是很快的，无非就是增删改查等等，虽然可能开发中用的少，但是了解一下不至于真正用到的时候两眼抓瞎。

对于传输指令还是需要进行一定的了解，可以帮助我们可以通过指令的方式，与服务器进行文件的传输。当然我还是比较喜欢图形可视化工具。不过指令的传输还是要了解的。

MQTT 主要应用在物联网等场景，WebSocket 因为有配套的浏览器API，主要应用在 Web 开发领域。但两者均为通用的应用层协议，可以在任何相关的场景使用。 MQTT和WebSocket都是面向报文的二进制传输协议。WebSocket更简单，更灵活；MQTT相对复杂，但功能强大。大家可以根据自己的使用场景按需选择。

一个使用 react+vite4+ts+react-router-dom6v Hooks Admin搭建的轻量级后台管理模板。

对于webpack学习，我个人觉得还是自己手动去从零开始搭建框架，然后进行webpack得学习比较好，然后在用于项目内，因为学习得过程中，跟使用得过程中总会不一样得，实际过程中，会遇到各种问题。

在日常开发中，肯定会积累许许多多的业务组件在项目内，部分可以作为公共组件被抽离到公共组件库，但大部分或许与业务强相关，或许带有接口请求，并不适合抽离为公共组件，但仍需要有一个地方去展示这些组件的效果和用法，dumi 除了单独作为组件库文档外，也是支持和项目集成，展示项目内的业务组件的。

最近在优化公司的一个项目，使用的就是web worker去优化，做了那些优化，一个是状态的优化，（通信的状态实时更新，以前的做法是做个定时任务实时获取它的状态，然后让它在页面渲染，这样就会造成了，一个是定时任务，实时获取，一个是一直在不断的渲染，虽然肉眼看不出什么，但是这样会造成一个主进程的负担非常大，然后我就引用了web worker开一个进程给它，定时去获取，然后在做判断是否与前面的状态是否一致，一直不传入主进程，不一直传入，然后这样就可以页面的明显的比较丝滑了

记录一个比较有意思的bug,帮别人调试遇到的，一个哥们一直在群里问了好几次同一个问题了，他配置了代理，请求一直在发送，postman测试没问题，可以成功接收到，但是在项目前端请求，确实一点响应没有，刚开始我以为是content-type数据格式跟后端没对应上，但是他说试了很多，各种数据类型都没有用，后端他自己写，第一次用。如果在 Vue 项目中设置代理时，GET 请求能够正常代理，而 POST 请求无法生效，可能是因为在默认情况下，webpack-dev-server 只对 GET 请求进行代理。

工作中难免很多的重复的业务，或者场景react hooks 无法满足的，那我们可以封装成自己的react hooks 库,学习中遇到的也可以进行一个封装，日积月累，就会多起来了嘛。

git clone 文件名中文、有冒号等问题 fatal: repository '***/r/鏍″洯鏅烘収椋熷爞/.git/' not found

对于这个唤醒，基本上是无解的。因为这跟系统的调度机制有关，与技术无关。目前看到就是，大公司与手机厂商进行合作，加入白名单，才可以做到，或者自己重写安卓系统某些机制，如电话手表这些。还有一种方案就是设备可以支持手机插卡，但这个也是极其不方便的，因为一台设备可以多个人使用。

通常我们都希望浏览网站网页的速度越快越好，这样也意味着，下载内容的数据越少越好。越少的数据量，会消耗更少的下载时间，就能让用户得到更快的网页载入。

在使用Electron开发客户端时，如果现有Node模块所提供的功能无法满足需求，我们可以使用C++开发自定义的Node模块，也称插件（addon）。Node.js插件的扩展名为.node，是二进制文件，其本质上是动态链接库重命名而来，在Windows平台是.dll文件，Linux/Unix平台是.so文件。在使用Electron开发客户端时，如果现有Node模块所提供的功能无法满足需求，我们可以使用C++开发自定义的Node模块，也称插件（addon）。Node.js插件的扩展名为.node。

rollup 的源码全都糅杂在一个库中，阅读起来着实头大，模块、工具函数管理的看起来很随意。而且我们无法直接移植它的任何工具到我们的项目中，相比起来，webpack 的插件系统封装成了一个插件tapable就很利于我们学习和使用。Rollup 的插件和其他大型框架大同小异，都是提供统一的接口并贯彻了约定优于配置的思想。和 webpack 相比，rollup 的插件系统自称一派且没有区分 plugin 和 loader。