Miss_Y0的博客

原创 package包分享

实用package包分享

原创 npm常用命令

查看版本npm -v修改版本npm install npm -g // 升级到最新版本npm -g install npm@版本号 // 指定版本查看配置信息npm config list查看镜像npm config get registry修改镜像（全局）npm config set registry https://registry.npmjs.org // 官方源npm config set registry https://registry.n..

原创 git常用命令

【代码】Git常用命令。

原创 记录：echarts实现tooltip的某个数据常显和恢复

原创 el-select 结合 el-tree：树形下拉数据

原创 AntV G6图：自定义tooltip控制文字超出20个字才显示

【代码】AntV G6图：自定义tooltip控制文字超出20个字才显示。

原创 水平时间轴：vue-horizontal-timeline

"如果说我们一生都在追求自由，那我更相信我们一生都在挣脱枷锁""我们笑着说再见，却深知再见遥遥无期"全局引入：在mian.js中。// 再次点击，取消选择。

原创 mapbox地图：上图、画线、画区域

新建文件，给出实现方法// 地图实例// vuex，这里也可以不用/*** 类（图片点位标记、画线、画区域）*/map = null;// 获取地图// 赋值/*** 添加箭头图标到地图*/if (!a) {// 箭头-右//给图片对象写入base64编码的svg流base64," +/*** 图片标记-组* @param {*} markers 数组，点的集合*/// 定义点的坐标、图片路径、名称。注：这里是示例数据。

原创 记录：el-drawer 抽屉不要遮罩层，且可操作非抽屉部分

【代码】记录：el-drawer 抽屉不要遮罩层，且可操作非抽屉部分。

原创 CSS遮罩：mask

CSS属性 mask 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。// 一般用位图图片做遮罩mask: url('~@/assets/images/mask.png');mask-size: 100% 100%;// 使用 SVG 图形中的形状来做遮罩 mask: url('~@/assets/images/mask.svg#star'); // 使用渐变来做遮罩mask: linear-gradient(#000, transparent)

原创 AntV G6图：右键菜单

【代码】AntV/G6图：右键菜单。

原创 AntV G6图：鼠标悬浮节点显示锚点、拖拽创建边

*** 鼠标悬浮显示锚点*/return {},// 获取锚点信息// 节点的宽，这里写死的，可以自己获取或修改// 节点的高// 在节点外部绘制锚点（小圆圈）// 添加锚点attrs: {x: cx,y: cy,r: 6, // 锚点半径stroke: "#93aef9", // 锚点描边颜色fill: "#5b8ff9", // 锚点填充颜色},});});},// 移除显示的锚点group});},});/**

原创 解决：Vue2项目在低版本浏览器上不兼容问题

最近有个需求，开发的项目要求兼容火狐52.3由于浏览器版本太低，vue2项目地址在浏览器上打不开，出现网页空白，无法使用的情况。

原创 AntV G6图：force力导向布局案例

/**** Author: me* CreatDate: 2024-08-10** Description: G6**/<template> <div class="antvG6-wapper"> <div :id="idName" :ref="refName" class="graph-content"></div> </div></template><script>import G

原创 AntV G6图：自定义复杂案例

三、记录说明当前使用版本：官方文档节点形状为shape，但是在不记得哪个版本后， 改为 ，当时整了好久，形状就是不生效，原来是字段改变了，这个坑要注意初步接触就有这么个界面需求，官方文档有点乱，且不全面，新手小白上路属实有点头皮发麻，后来也琢磨出来一些：期间遇到还没解决的问题：

原创 记录：二维数组横纵数据转换

【代码】记录：二维数组横纵数据转换。

原创 解决：axios 请求头url传参数组时发生400错误

axios封装的网络请求，url传参时，数组作为参数传递，发生400错误请求时数组参数转url会保留[]

原创 离线开发（VSCode、Chrome、Element）

将ChromeStandaloneSetup64.exe离线安装通过手段（u盘，刻盘 等）导入到不能联网的离线电脑。GitHub 仓库地址：https://github.com/ElemeFE/element。中双击ChromeStandaloneSetup64.exe安装程序安装就好了。扩展文件通过手段（u盘，刻盘 等）导入到不能联网的离线电脑。中打开VSCode，选择从VSIX安装，选择。，从仓库clone项目到本地。，VSCode 打开项目，安装成功后，在离线电脑。将VSCode安装包和。

原创 Element 的 el-table 表格实现单元格合并

Element 的 el-table 表格实现单元格合并

原创 Node安装配置

打开环境变量配置：右键【此电脑】-> 【属性】->【高级系统设置】->【环境变量】

原创 Github 配置 SSH key

为了实现安全的远程仓库访问和操作，可在 GitHub 上配置 SSH 密钥。当使用 SSH 密钥连接到 GitHub 时，无需每次都输入用户名和密码，而是通过密钥进行身份验证。

原创 前端八股文（Webpack、其它）

前端八股文（Webpack、其它）

原创 前端八股文（Vue）

前端八股文（Vue）

原创 前端八股文（浏览器/网络）

前端八股文（浏览器/网络）

原创 前端八股文（JavaScript、TavaScript）

前端八股文（JavaScript）

原创 前端八股文（HTML、CSS）

前端八股文（HTML、CSS）

原创 网络指令（ipconfig | netstat | tasklist）

显示所有适配器的 IPv6 地址、 IPv4 地址、子网掩码、默认网关ipconfig显示本机 TCP/IP 配置的详细信息DHCP 客户端手工释放 IP 地址DHCP 客户端手工向服务器刷新请求显示本地 DNS 内容清除本地 DNS 缓存内容。

原创 前端下载文件的方法-blob下载

前端经常会遇到下载文件的需求，后端一般提供的以下两种方法： - 文件地址。后端直接提供要下载的文件地址，常用于图片、音视频等静态文件 - 文件流。后端返回文件流，常用于excel等动态文件

原创 字体压缩：font-spider

后续可以把.font-spider 文件夹以及临时新建的 index.html 文件删除，在样式文件中直接引入使用。命令执行完成后会看到新增了一个 .font-spider 文件夹，这里边保存的是源字体包文件，而外边的是压缩后的。

原创 react-组件生命周期

React组件生命周期可分为三个阶段：挂载、更新、卸载

原创 react-高阶组件

高阶组件（ Higher-Order Component，HOC ）是一个以组件作为参数，返回一个新组件的函数。特点是复用组件逻辑。

原创 react-组件间的通讯

react组件通讯

原创 VSCode使用记录

输入vue.json配置prefix参数vue2Init 即可快速构建vue2模板。，选择 configure display language，选择语言，重启。进入常用设置，编辑 Font Size。设置 -> 用户代码片段 -> 搜索。查看 -> 外观 -> 缩略图。

原创 搭建react项目

注： npm5.2以后，安装node会自动安装npm和npx。在src目录下创建如下文件夹，方便资源区分及管理。中集中引入页面，写路由数组。入口文件引入根组件App。根组件写路由配置信息。

原创 whistle：基于Node实现的跨平台抓包调试 工具

whistle(读音[ˈwɪsəl]，拼音[wēisǒu]) 基于Node实现的跨平台web调试代理工具。

原创 nvm常用命令

【代码】nvm常用命令。

原创 解决：360浏览器window.location.origin显示undefined

【代码】解决：360浏览器window.location.origin显示undefined。

原创 离线地图 Bigemap

官网：http://www.bigemap.com/

原创 获取本机局域网IP地址

增加一个函数用于获取本机内网 IP

原创 前端八股文（2021年）

2021年6月整理的前端面试八股文