- 博客(48)
- 收藏
- 关注
RSS订阅原创 js浮点数保留位数方法封装
大家在平时业务中应该经常跟小数打交道吧,有没有被小数点的保留位数问题搞得头疼啊。比如，保留一位小数，保留俩位小数，保留三位小数，向上取整、四舍五入等等。而我最近在项目中正好遇到类似的问题：有的地方要求保留一位小数，有的地方要求保留俩位，有的地方要求四舍五入，有的地方要求向下取整。。。这些情形，总不能一个个来处理吧？于是乎，干脆封装一个方法，解决上述令人头疼的问题！话不多说，上代码：/** * * @param {number|string} num 需要处理的数字 * @param {num
2021-07-20 23:43:37
496
原创 从0到1手把手开发脚手架
前面对脚手架和其原理有个初步的认识，本篇将和大家一起实操，从零开始搭建一个简易的脚手架(需要有node环境)~首先，新建一个文件夹wang-cli-test，在该文件夹下打开终端，初始化项目：npm init -y。用vs code打开该项目，新建子文件夹bin，bin目录下新建index.js，如图：接下来配置package.json文件：{ "name": "wang-cli-test", "version": "1.0.0", "description": "",.
2021-07-18 13:36:47
311
原创 vue-cli脚手架命令的执行过程
上一篇文章，已经大致了解脚手架是什么以及脚手架是如何工作的。接下来，稍微深入一下脚手架的工作过程（以vue-cli为例）。首先抛出3个问题： 1.明明全局安装的是@vue/cli，最后执行的命令却是vue？ 2.全局安装@vue/cli时发生了什么？ 3.执行vue命令时发生了什么，为什么vue指向某个文件，我们却可以直接通过vue命令执行它？弄清楚这3个问题，基本上对脚手架的原理已经有个大体的认识，文章最后会详解自定义npm命令哦~首先，第一个问题为什么安装的...
2021-07-16 00:39:39
682
原创 认识vue-cli脚手架
作为一名前端开发工程师，平时开发项目大多都离不开一个重要的工具，那就是脚手架。下面让我们来了解一下什么是脚手架，以及它给工作带来的一些帮助。 通过上图，我们可以看出，如果一家公司的开发团队具有一定规模，那么自研一款脚手架就非常有实用价值，拥有一个优秀的脚手架工具也会带来诸多便捷。主要包括以下三点： 1.自动化：项目中可复用代码的拷贝、git代码库管理、项目的打包上线 2.标准化：创建项目、git...
2021-07-16 00:27:12
166
原创 elementui table表头动态筛选条件
本文主要实现：根据el-table表格数据自动生成表头筛选条件的方法，可根据表格数据动态调整。el-table表格的表头增加筛选功能，大家平时都是怎么实现的呢？先看看官方文档的例子：<template> <el-button @click="resetDateFilter">清除日期过滤器</el-button> <el-button @click="clearFilter">清除所有过滤器</el-button> <
2021-07-15 18:32:41
5874
6
原创 vue实现menu菜单懒加载
本文将在vue+element ui项目中简单实现menu菜单的懒加载。最近接到这样的需求：菜单的选项不要固定的，而是下一级菜单选项需要根据上级菜单调接口来获取。what? 这不就是懒加载吗？翻了一遍element ui文档，并没有找到menu菜单的懒加载，于是乎就自己手写一个啦。首先最外层，子菜单打开的触发方式为click，用于之后点击调接口：<el-menu class="el-menu-demo" mode="horizontal" @select="handleSelect" m
2021-07-15 16:32:15
1406
原创 前端js重组树形结构数据方法封装
不知道大家平时工作中，有没有遇到这样一种情况：后端接口返回的数据，全都是一维的数组，都是平铺直叙式的数据，业务需求却要你实现树形结构的功能。那么，针对这种情况该怎么办呢？是跟后台好好沟通一下呢，还是沟通一下呢:） 下面我将封装一种重组树形结构数据的方法，希望能够给大家带来一点帮助！/** * * @param {Array} data * @param {string} pid 子树找父级的标识，这里面默认子树的标识为id,如果不为id，就再传一个子树id ...
2021-07-15 00:47:36
1737
原创 前端性能优化实践-gzip
一名优秀的前端工程师必备技能之一就是要会性能监控，并且能相应的进行性能优化。最近，有需求将项目做一些优化，提升用户的体验。看了一下项目并没有开启gzip，于是着手实现gzip压缩，下面就是具体的实践过程。我们在打开网站时，会加载各种资源文件，如js、css、html等等，如果这些文件较大的话，下载耗时过长，打开网页就会比较慢，用户体验不好。此时，可以采用gzip，可以大幅提高网页加载速度。首先需要安装插件：npm i -D compression-webpack...
2021-07-14 23:04:47
290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人