07 2021 档案
vue函数式组件在项目中的使用
摘要：本篇主要介绍非单文件组件（ Vue.component创建的组件其中包括函数式组件）在项目中的使用，会用到以下api：Vue.component()、Vue.extend()、$createElement、patch()。 单文件组件：文件扩展名为 .vue 的 single-file compon
阅读全文
前端面试题之找出字符串中出现次数最多的字符（正则解法）
摘要：前端面试题中有这样一道比较经典的题目： 找出一串字符串中出现(或者连续出现)最多的字符。 这种题的解法有很多，这里介绍一种思路：巧用正则。 /*@params {string} s 字符串 */function findSameStrs(s) { if(typeof s !== "string")
阅读全文
vue组件之间通信总结(超详细)
摘要：组件通信在我们平时开发过程中，特别是在vue和在react中，有着举足轻重的地位。本篇将总结在vue中，组件之间通信的几种方式： props、$emit $parent、$children $attrs、$listeners provide、inject eventBus vuex 本地存储 一、p
阅读全文
面试题之a==1&&a==2&&a==3和a===1&&a===2&&a===3
摘要：这道面试题现在应该挺常见了吧： // 定义a，使下面代码可以打印出"哈哈！" if(a==1&&a==2&&a==3){ console.log("哈哈！"); }else{ console.log("嘻嘻！"); }； 我当初看到题目的第一反应：what？一个数可以同时和三个数相等？会不会是toS
阅读全文
js获取本地时间
摘要：小伙伴们平时开发过程中，对获取到的本地时间有没有进行一些特殊的处理啊。比如页面需要展示这样的时间：2021.07.22、2021/07/22、2021-07-22等 。 下面我们封装一个方法，可以获取自定义格式的日期格式，可自定义精确到年月日时分秒哦~ 上代码： 1 /** 2 * 3 * @par
阅读全文
从0到1手把手开发脚手架
摘要：前面对脚手架和其原理有个初步的认识: 认识vue-cli脚手架 、 浅析vue-cli脚手架命令的执行过程 本篇将和大家一起实操，从零开始搭建一个简易的脚手架(需要有node环境)~ 首先，新建一个文件夹wang-cli-test，在该文件夹下打开终端，初始化项目：npm init -y。 用vs
阅读全文
js树形数据结构的扁平化
摘要：前面我们封装了一维数组(具备树形结构相关属性)处理成树形结构的方法:https://www.cnblogs.com/coder--wang/p/15013664.html 接下来我们来一波反向操作，封装一个可以将树形结构的数据扁平化的方法。这种场景在业务中还是很常见的，比如一个级联选择器，有时候你需
阅读全文
js浮点数保留位数方法封装
摘要：大家在平时业务中应该经常跟小数打交道吧,有没有被小数点的保留位数问题搞得头疼啊。比如，保留一位小数，保留俩位小数，保留三位小数，向上取整、四舍五入等等。 而我最近在项目中正好遇到类似的问题：有的地方要求保留一位小数，有的地方要求保留俩位，有的地方要求四舍五入，有的地方要求向下取整。。。这些情形，总不
阅读全文
element ui table表头动态筛选条件
摘要：本文主要实现：根据el-table表格数据自动生成表头筛选条件的方法，可根据表格数据动态调整。 el-table表格的表头增加筛选功能，大家平时都是怎么实现的呢？先看看官方文档的例子： 1 <template> 2 <el-button @click="resetDateFilter">清除日期过滤
阅读全文
前端js重组树形结构数据方法封装
摘要：不知道大家平时工作中，有没有遇到这样一种情况：后端接口返回的数据，全都是一维的数组，都是平铺直叙式的数据，业务需求却要你实现树形结构的功能。那么，针对这种情况该怎么办呢？是跟后台好好沟通一下呢，还是沟通一下呢 :） 下面我将封装一种重组树形结构数据的方法，希望能够给大家带来一点帮助！ 1 /** 2
阅读全文
vue实现menu菜单懒加载
摘要：本文将在vue+element ui项目中简单实现menu菜单的懒加载。 最近接到这样的需求：菜单的选项不要固定的，而是下一级菜单选项需要根据上级菜单调接口来获取。what? 这不就是懒加载吗？翻了一遍element ui文档，并没有找到menu菜单的懒加载，于是乎就自己手写一个啦。 首先最外层，子
阅读全文
浅析vue-cli脚手架命令的执行过程
摘要：上一篇文章，已经大致了解脚手架是什么以及脚手架是如何工作的。接下来，稍微深入一下脚手架的工作过程（以vue-cli为例）。首先抛出3个问题： 1.明明全局安装的是@vue/cli，最后执行的命令却是vue？ 2.全局安装@vue/cli时发生了什么？ 3.执行vue命令时发生了什么，为什么vue指向
阅读全文
认识vue-cli脚手架
摘要：ps:脚手架系列主要记录我自己对脚手架学习的一个过程，如有不对请帮忙指点一二! [抱拳] 作为一名前端开发工程师，平时开发项目大多都离不开一个重要的工具，那就是脚手架。下面让我们来了解一下什么是脚手架，以及它给工作带来的一些帮助。 通过上图，我们可以看出，如果一家公司的开发团队具有一定规模，那么自研
阅读全文
前端性能优化实践-gzip
摘要：一名优秀的前端工程师必备技能之一就是要会性能监控，并且能相应的进行性能优化。最近，有需求将项目做一些优化，提升用户的体验。看了一下项目并没有开启gzip，于是着手实现gzip压缩，下面就是具体的实践过程。 我们在打开网站时，会加载各种资源文件，如js、css、html等等，如果这些文件较大的话，下载
阅读全文
