Cwcgirl的博客

原创 WebSocket监听接口

在Vue.js中使用WebSocket来监听接口其实相对简单。WebSocket是一种在单个TCP连接上进行全双工通信的协议，通常用于需要实时数据更新的场景，比如聊天应用、实时通知等。

原创 canvas 基础

【代码】canvas 基础。

原创 node 安装教程

4、安装目录下新建文件夹【node_global】和【node_cache】3、安装完成后，可以通过按下Win+R键，输入cmd打开命令行窗口，输入。2、下载完成后，点击安装，选好安装地址一直下一步就可以了。1、在版本库下载对应的版本（以12.14.1为例）来验证是否安装成功。如果显示版本号，表示安装成功。电脑 - 属性 - 高级系统设置 - 环境变量。

原创 查看dom属性

【代码】查看dom属性。

原创 函数定义方法

【代码】函数定义方法。

原创 nodetype的十二种类型

元素节点 属性节点 文本节点 CDATA区段 实体应用元素 实体 表示处理指令 注释节点 最外层的Root element,包括所有其他节点 <!DOCTYPE...> 文档碎片节点 DTD中声明的符号节点

原创 ReferenceError: MutationEvent is not defined

解决：关闭tampermonkey（篡改猴）插件后也不可以，移除tampermonkey（篡改猴）插件仔刷新就可以了。

原创 diff 算法

功能：提升性能。

原创 js数组常用方法

push() 方法可把参数指定的元素依次添加到数组的末尾，并返回添加元素后的数组长度（该方法必须至少有一个参数）unshift() 方法可把参数指定的元素依次添加到数组的前面，并返回添加元素后的数组长度。

原创 数组操作常用方法

2、js 如何从一个对象列表中，提取部分属性组成新的数组。1、js统计数组对象中某个属性等于某值的个数。

原创 延迟加载JS有哪些方式

async是和HTML解析同步的（一起的），不是按顺序执行js脚本（谁先加载谁先执行）等HTML全部解析完成，才会执行js代码，按顺序执行js脚本。js文件不能有依赖关系。

原创 concat() 方法

【代码】concat() 方法。

原创 vue3构建项目报错Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined.

在vue.config.js文件中配置以下代码即可解决，尝试有效~

原创 vue项目上线打包后出现的问题

publicPath:'./' //1.打包路径：修改为绝对路径。项目上线要求是history模式，需要后端做重定向。前端自己测试项目可以使用hash模式。

原创 VSCode设置默认打开浏览器

1、选择目标浏览器打开设置，此处以谷歌浏览器为例子，chrome://settings/2、设置该浏览器为默认浏览后，vscode打开网页默认为谷歌。

原创 VSCode设置成中文语言环境

2、设置后重启软件就可以了。1、安装中文插件扩展。

原创 git怎么把本地仓库提交到远程仓库

这将推送当前分支到与之关联的远程跟踪分支。如果你还没有设置追踪分支，你需要指定远程分支名称，如。要把本地仓库的内容推送到远程仓库，你需要先设置远程仓库的URL，然后使用。1、在本地创建一个新的git仓库或者进入一个已存在的git仓库目录。4、推送本地仓库的内容到远程仓库。如果是第一次推送，通常使用。2、添加远程仓库（如果尚未添加）。会将本地分支与远程分支关联起来，这样以后的。3、确认远程仓库的添加。是远程仓库的默认名称，是远程仓库的URL。

原创 安装依赖报错node_modules\node-sass: Command failed.

原创 搭建后台目录 + 解决跨域问题

1、在任意地方输入全局命令：npm install express-generator -g。2、进入项目文件夹输入命令：express --view=ejs serve。此处的serve是生成一个新的文件夹。3、按照提示进入文件夹，并安装依赖。4、启动项目：npm start。5、查看是否启动成功。

原创 nvm 安装教程

3、解压nvm压缩包，并双击安装，能看到版本号就是安装成功。2、如果已经有node环境，找到该目录并删除，没有则跳过。Windows中如何任意切换node.js版本?7、查看当前可用版本（未显示的也可以下载）nvm install 版本号。1、在官网下载nvm。4、安装node版本。5、查看当前可用版本。

原创 Vue模板解析

自写Vue模板解析

原创 怎么根据不固定的key值找到对应value值

【代码】怎么根据不固定的key值找到对应value值。

原创 0.1+0.2!=0.3

使用toFixed保留小数，但是toFixed方法返回的是一个字符串,所以需要再把字符串转回浮点数。先放大倍数相加，再缩小相应的倍数。

原创 SVG实现树状图

点击＋可以展开分支，点击 - 折叠分支，没有分支则不展示。

原创 Element 日期下拉框

DatePicker 日期选择器弹出面板默认挂载在 body 上，官网中提供了一个给弹出面板设置 class 类名的属性（popper-class），通过该属性添加类名后选择该类名来修改样式即可。

原创 npm 切换镜像源

【代码】npm 切换镜像源。

原创 Element 弹窗

【代码】Element 弹窗。

原创 $nextTick原理

nextTick ： 获取更新后的dom（返回一个异步行为）

原创 CSS 字体渐变

【代码】CSS 字体渐变。

原创 Element 下拉框

【代码】el-select 下拉框样式。

原创 js 当前系统时间

【代码】js 当前系统时间。

原创 js 删除数组中某一项

【代码】删除数组中某一项。

原创 Element 输入框

【代码】Element 输入框。

原创 Element 表格

解决方法：使用 :show-overflow-tooltip="true"，实现自动隐藏。

原创 canvas 画图

曲线。

原创 CSS居中

【代码】CSS垂直居中。

原创 js操作对象

【代码】js操作对象。

原创 深拷贝和浅拷贝

先转成字符串（JSON.parse(JSON.stringify(list))）深拷贝实现80%（剩余20%因为不能拷贝方法）

原创 Element el-tree

【代码】elementUI el-tree。

原创 tab中图表宽度设为100%，页面上实际却只有100px

在tab页中，图表的父容器div是隐藏的（display：none），图表在执行js初始化的时候找不到这个元素，所以自动将“100%”转成了“100”，最后计算出来的图表就成了100px。计算方法是由于弹窗的宽度为60%