自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 资源 (3)
  • 收藏
  • 关注

原创 Echarts柱状图配置

Echarts 柱状图配置

2022-09-25 17:25:25 1518 1

原创 vue 插槽 slot 的用法

vue插槽slot的用法

2022-07-09 18:40:35 3941

原创 node安装及环境变量配置

node安装及环境变量配置

2022-07-08 15:23:43 830

原创 node 实现文件压缩

node 实现文件压缩

2022-06-16 08:56:33 1373

原创 npm 官网搭建个人仓库

在 npm 官网注册并发布个人创建的依赖包,并在个人项目中使用该依赖包。

2022-06-12 21:37:11 1751

原创 使用 verdaccio 搭建本地 npm 私有仓库

在本地使用 verdaccio 搭建一个个人 npm 私有仓库,通过 http://127.0.0.1:4873/ 访问、上传、下载依赖包等。

2022-06-12 20:31:22 825

原创 css文字不换行,溢出隐藏,缩略号展示

文字不换行,溢出隐藏,缩略号展示

2022-06-07 08:51:57 201

原创 JS面试编程题:用js写一个函数将父子层级结构的对象转化成树结构

用js写一个函数将父子层级结构的对象转化为树结构

2022-06-04 12:47:53 259 1

原创 Vue面试编程题:信号灯(交通灯)控制器

面试Vue编程题:信号灯(交通灯)控制器

2022-06-04 11:33:03 1148

原创 Git 操作命令

Git 操作命令汇合分支操作撤销上一次 commit 事件其它分支操作# 查看本地仓库的所有分支git branch --list 或 git branch# 查看远程仓库的所有分支git branch -r# 查看本地仓库和远程仓库的所有分支git branch -a# 新建本地仓库 AAA 分支git branch AAA# 将本地仓库的当前分支切换为 AAA 分支git checkout AAA# 删除本地仓库的 AAA 分支【当分支中有未合并的变更时,Git会阻

2022-06-03 10:17:32 110

原创 vue2.x中事件总线EventBus的使用

vue2.x中事件总线EventBus的使用一、使用方法二、手写实现 EventBus 原理一、使用方法// eventBus.jsimport Vue from "vue";const EventBus = new Vue();export default EventBus;<!-- 容器A: 接收方 --><template> <div>{{ message }}</div></template><scrip

2022-05-29 14:36:11 490

原创 JS面试编程题:promise模拟请求接口并发限制

需求描述:浏览器限制每次最多发出10个请求接口,总共有1000个待请求接口,每个接口的响应时间是随机的,要保证在某个接口请求成功之后立即请求下一个接口,保证当前并发度始终为10。

2022-04-23 18:54:57 1438

原创 【webpack_01配置】手把手从0开始启动、打包html和js文件(最简版)

手把手从0开始运行打包html和js文件一、 初始化项目二、安装依赖三、创建 html 模板和 js 文件四、创建 webpack 配置文件五、配置打包和启动命令六、项目截图一、 初始化项目新建一个 webpack_01 的项目,以管理员权限打开 cmd ,切换到当前项目路径,执行 npm init -y ,一路回车之后,在项目目录下会生成一个 package.json 文件。二、安装依赖在 webpack_01 的项目路径下,安装以下依赖:npm i webpack-cli@3.3.11 web

2022-04-05 18:27:42 1230

原创 CMD启动MySQL常用命令

启动服务器【cmd需要以管理员身份启动】net start mysql账号密码确认mysql -u root -p显示当前数据库服务器中的数据库列表mysql> show databases;创建一个新的数据库mysql> create database 库名;使用该数据库mysql> use 表名新建数据表mysql> CREATE TABLE 表名 (字段名 VARCHAR(20), 字段名 CHAR(1));往表中插入数据m..

2022-03-20 13:32:37 7375 3

原创 内网安装vscode插件【以Eslint为例,保存自动修复】

先去vscode官网下载对应的插件找到之后点击进去,找到对应的版本点击去下载,这里要注意一下插件是否兼容vscode版本,如果版本不匹配之后会出现“unable to install extentsion 'dbaeumer.vscode-eslint as it is not compatible”的报错信息。查看版本是否匹配的方法查看当前vscode版本【vscode菜单栏–>help–>about 或 vscode菜单栏–>帮助–>发行说明】查看插件支.

2022-01-14 17:07:58 1288

原创 Vue打包移除console.log打印配置

方案一:采用插件 babel-plugin-transform-remove-console 配置说明:适用于 vue-cli4.x 版本的脚手架工具步骤:1. 执行 npm install babel-plugin-transform-remove-console --save-dev2. 在 babel.config.js 中添加以下代码:-------------------------------------------------------------------------cons

2022-01-05 16:17:03 679

转载 vue : 无法加载文件 ...\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。

报错信息如下:vue : 无法加载文件 C:\...\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/g 所在位置 行:1 字符: 1+ vue -V+ ~~~ + CategoryInfo : SecurityError: (:) [],PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess解决方法如下:打开 p

2021-12-02 18:03:23 426

原创 算法【动态规划】——前端实践:类金字塔

需求描述:用CSS3的transparent属性

2021-11-22 10:13:08 266

原创 vscode——自定义html模板

操作流程: 文件 --> 首选项 --> 用户片段 --> 搜索html.json{ // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be exp

2021-11-12 10:50:52 263

原创 算法【递归】——前端实践:树形控件

需求描述:将一维数组通过递归生成el-tree所需要的树形结构数组。效果如下:<template> <div> <el-tree :data="treeData" node-key="id" @check="check" :default-checked-keys="checkedKeys" show-checkbox /> </div></template&gt

2021-11-05 16:02:26 1209

原创 npm操作命令

npm操作命令

2021-10-21 10:36:32 157

原创 快速排序完整代码

快速排序完整代码 /** * @param arr[Array] 排序的数组 * @param start[Number] 数组起始位置 * @param end[Number] 数组结束位置 * @description 快速排序算法 从小到大 */ quickSort(arr,start, end){ if(start >= end) return; let left = start, right = e

2021-09-18 14:56:54 868

原创 前端内网静态文件服务器 node中的anywhere访问 vue 项目

1. 问题描述需求:本地终端启动一个vue项目,然后内网设备都可以通过网址的形式即可访问该本地项目。效果如图:(电脑端本地启动项目,如下图)(手机端-http://192.168.0.104:8080/ 效果如下图)2. 使用 anywhere 实现2.1 安装 anywhere在终端打开项目目录,执行npm install anywhere -g命令安装anywhere;安装成功后,执行anywhere成功结果如下图:2.2 修改配置信息,重启项目打开 vue 项目目录下 co

2021-09-13 23:45:20 884

原创 函数节流和函数防抖实现

我们直接从需求入手吧,假如现在给你一个需求,要你监听器浏览器当前窗口的滚动条,当用户滑动滚动条之后,返回当前滚动条与顶部之间的距离。emmm…那开始写代码吧。新建一个最简单的html测试模板<!DOCTYPE html><html lang="en"><head> <title>测试</title></head><body> <div id="dom"></div> &l.

2021-09-13 22:34:44 287

原创 js数组操作整合实例——【数组的判断、创建、增、删、改、查、遍历、转化等】

这里写目录标题一、判断是否是数组?1. instanceof2. Array.isArray()3. constructor二、增1. push(arg1,arg2,...)2. unshift(arg1,arg2,...)3. splice(*startIndex, *count, arg1,arg2,...)(增删改,*号是必填)三、删1. pop()2. shift()四、改五、查find遍历其他1. split()一、判断是否是数组?1. instanceoflet arr = [];con

2021-04-11 18:02:43 256 4

原创 面试——【const、let、var】

ES6之const、let、varconst第一道面试题let 和 var第二道面试题第三道面试题const第一道面试题const obj = {}; // 重点1: const 声明变量的时候必须初始化obj.a = 1; const obj1 = obj;const num = obj.a;obj.b = 2; // 重点2: const 定义的对象可以改变内部数据。obj1.a = 3; // 重点3: obj1 继承了 obj 对象的属性,对obj1 操作的同时也会对 obj

2021-03-29 21:19:47 167

原创 ant-design-react报错Each child in a list should have a unique “key“ prop...

报错如下:解决方法:添加row-key={columns => columns.id || columns.index},如下:

2021-01-21 09:24:21 285

原创 微前端完整vue实例-乾坤【qiankun】

微前端服务vue实例-乾坤【qiankun】一、前言一、乾坤实例应用创建主应用一、前言功能说明:此实例包含有一个qiankun-main主应用和qiankun-vue-child子应用。【可以包含若干个子应用,这里只建立一个子应用进行演示】主应用可以跨域访问子应用系统。qiankun-main主应用运行端口8085,qiankun-vue-child子应用运行端口8083。【由于使用了vue create创建vue项目,故需在项目文件夹下手动创建vue.config.js】参考文档:qian

2021-01-16 17:44:07 9202 14

原创 vue-cli版本一直是v2.9.6的问题【解决方法:换源】

说明:因为执行vue create要求vue-cli的版本在3.x以上,所以就打算将vue-cli升级,但卸载了重新安装一直是v2.9.6版本,换源下载之后就没有问题了。第一步:npm config get registry第二步:npm config set registry https://registry.npm.taobao.org第三步:npm i -g @vue/cli运行之后版本从 v2.9.6 升级到了 v4.5.10...

2021-01-12 16:13:10 1756 3

原创 新手入门——路由配置【vue-router】

路由篇【vue】一、新手入门1. 创建一个简单的路由2. 路由嵌套3. 路由跳转4. 项目中多个模块路由分类管理二、路由进阶1. 常见路由属性2. 路由守卫一、新手入门1. 创建一个简单的路由初始化一个vue项目之后,项目中要有如下目录:在main.js入口文件中,代码如下:import Vue from 'vue'import App from './App'// 引入router文件夹位置,默认会加载文件夹中的index.jsimport router from './route

2021-01-11 16:11:42 308

原创 实战-新手入门篇-html+vue+axios+bootstrap

新手入门篇-前端前言过程1、引入在线的css和js库功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言过程1、引入在线的css和js库 <link rel="stylesheet" href="https://cdn

2021-01-05 16:59:22 335 1

原创 Echarts的悬浮框tooltip自定义数据

tooltip:{ trigger: 'axis', formatter:function(params){ let temp = params[0].dataIndex return "第"+ temp +"个自定义值是"+arr[temp] } }

2020-11-18 21:48:21 693

原创 vue项目中修改<img />标签加载失败默认图片显示

当<img />标签中的图片加载不成功的时候,可以使用onerror事件替换默认的错误图标。 <img :src="thumbnailUrl" alt=" " height="130" width="130" style="border: none;" :onerror="defaultErrorImageSrc" />这里使用require是因为使用了webpack打包,图片在打

2020-11-13 17:10:03 705

原创 广州华资软件前端开发实习生面经(一面二面已收offer)

1、线上测评(07-02)职业潜能测评(30分钟)——性格测试方面的问题综合测试题(30分钟)——有点考语文数学的感觉专业测试题(30分钟)——考前端基础题线上测评结束后,发邮件要求填写一份职位申请表并通知一面视频面试。2、一面(07-07)面试问题(20分钟左右)自我介绍。大学有跟你从事的方向相关的课程吗?简单评价一下该课程。自己怎么学习前端开发?自己怎么学习一个新的框架?(我提到了开发文档学习+视频学习)什么时候是通过开发文档学习?什么时候通过视频学习?有没有做过哪些项目?

2020-08-06 11:09:03 4949 38

原创 vue中http://localhost:8080/#/index去掉#

vue中http://localhost:8080/#/index去掉#只需要在 router / index.js 中,添加mode:'history'即可。如图所示:详解:vue中localhost:8080地址栏的显示有两种模式:第一种是hash(默认),即mode:'hash',该模式地址栏会默认有#号。第二种是history,即mode:'history',该模式直接用url。...

2020-05-09 00:37:32 3854 3

原创 vue使用setTimeout【function中的this失效】

在vue中使用setTimeout在function中直接使用this无效。正确的使用方法是: data(){ return{ message:"这是一条消息" } }, methods: { func(){ var _this = this; //定义_this暂存this setTimeout(function(){ ...

2020-04-22 00:05:06 2043

原创 在vue中使用axios+mock.js模拟数据请求【前端测试后台接口】

在vue中使用axios+mock.js模拟数据请求1、使用npm安装mock.js和axios。npm install mockjs --savenpm install axios --save2、在.vue页面引入axios(在哪个模块中使用就在哪个模块中引入/全局引入)import axios from "axios";3、在src中新建mock.js,并在mock.js中写入...

2020-04-21 18:24:29 1184

【webpack_01配置】手把手从0开始启动、打包html和js文件(最简版)

https://blog.csdn.net/xiongmi_Lin/article/details/123973353

2022-04-05

四舍五入保留n位小数.html

四舍五入保留n位小数.html

2022-01-07

微前端完整vue实例-乾坤【qiankun】

功能说明: 1.此实例包含有一个`qiankun-main`主应用和`qiankun-vue-child`子应用。【可以包含若干个子应用,这里只建立一个vue子应用进行演示】 2.主应用跨域访问子应用系统。 3.无node_modules,执行npm install即可。 更新时间:2021-03-26

2021-01-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除