Cwcgirl的博客

原创 延迟加载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%

原创 CSS面试题

box-sizing:content-box（默认值、标准盒模型）、border-box（IE盒模型）盒子的组成：内容content，内边距padding，边框border，外边距margin。IE盒模型 margin+content(border+padding)标准盒模型 margin+border+padding+content。在HTML页面中的所有元素都可以看成是一个盒子。说一下CSS的盒模型。

原创 Vue 面试题

前端面试题

原创 Vue 全局、局部指令

update 所在组件的VNode更新时调用，但是可能发生在其子VNode更新之前，指令的值可能发生了改变。componentUpdated 指令所在组件的VNode及其子VNode全部更新后调用。inserted 被绑定元素插入父节点时调用，仅保证父节点存在，但不一定以被插入文档中。bind 只调用一次，指令第一次绑定到元素时调用，在这里可以进行一次性的初始化设置。unbind 只调用一次，指令与元素解绑时调用。全局注册：main.js。自定义指令-勾子函数。

原创 Element 表单验证

问题：添加表单验证后，还没有填写数据就校验。

原创 滚动条样式

【代码】滚动条样式。

原创 echarts配置项

type：坐标轴类型，可选值包括'category'（类目轴），'value'（数值轴），'time'（时间轴），'log'（对数轴）等。ECharts（百度的一个开源可视化库）的配置项决定了图表的样式、数据、交互等行为。axisLabel：坐标轴刻度标签的配置项，包括字体大小、颜色等。axisTick：坐标轴刻度线的配置项，包括显示与隐藏、长度等。splitArea：坐标轴在网格区域内的分隔区域的配置项。axisLine：坐标轴线的配置项，包括线宽、颜色等。min、max：坐标轴的最小值和最大值。

原创 js 数组去重

思路：利用数组原型对象上的 forEach 和 includes 方法。arr：需要去重的数组；t：根据 指定字段进行去重。

原创 点击iframe禁止跳转

【代码】点击iframe禁止跳转。

原创 Axure RP9 获取全局变量返回为undefined

axure.getGlobalVariable('isClose') //isClose为全局变量的名字。解决办法：在doc.js文件中返回全局变量的方法中加上return。返回结果为undefined；

原创 CSS网格布局

CSS表格布局