- 博客(91)
- 资源 (6)
- 问答 (3)
- 收藏
- 关注
RSS订阅
原创 ❤️❤️与来访者共勉❤️❤️
欢迎大家来到我的博客下面十句话送给大家与大家共勉❤️1、今天的你是否能够取得成功，主要是取决于你昨天的态度。❤️2、想要逃避总有借口，想要成功总有方法！❤️3、对等工作的严肃态度，高度的正直，形成了自由和秩序之间的平衡。❤️4、不要随便说自己没时间，时间都是挤出来的。❤️5、这一秒不放弃，下一秒就有希望！坚持下去才可能成功！❤️6、成功的人是跟别人学习经验，失败的人只跟自己学习经验。❤️7、生活不会否定任何人，就怕自己否定生活。❤️8、人不一定要生得漂亮，但却一定要活得漂亮。❤️9、用微
2021-04-08 15:35:24
120
4
原创 基于element-Ui table二次封装表格
基于element-Ui 2.15.0 table二次封装表格最近项目中很多页面都用到了表格，element官网上的使用方法在项目中使用，会让html结构略显繁琐，以及之前在iview表格的使用上带来的灵感，基于此目的自己对表格进行了二次封装。不足之处还望各位多家指正，element table上所有方法、事件、属性均已移植过来，使用方式完全是参数配置性，<template> <el-table ref="tableDataRef" :d
2021-02-05 16:41:26
862
3
原创 企业级axios请求封装
整理一个基于axios请求封装首先是request.js，这个文件是用来处理axios的配置、设置拦截器等等，它创建了一个实例，并将这个实例导出。代码如下，注释都写在里面啦import Vue from 'vue'import axios from 'axios'// 创建 axios 实例const service = axios.create({ baseURL: '/user'...
2020-04-04 11:09:56
546
原创 程序员35岁会失业吗？
相反，通过合理的职业规划和持续的学习努力，许多程序员不仅能够在这一年龄阶段保持竞争力，还可能迎来职业生涯的新高峰。因此，即使从纯技术的角度看，年轻程序员在某些方面可能更具优势，但经验丰富的程序员在团队中仍然具有不可替代的价值。首先，必须承认的是，技术领域的确在不断变化，新的编程语言、框架和工具层出不穷。只要能够保持持续学习的热情，不断提升自己的技能和能力，那么无论年龄如何增长，都能够在竞争激烈的市场中立足。这意味着，无论是传统的软件开发还是新兴的技术领域，如人工智能、大数据等，都将持续需要大量的技术人才。
2024-04-01 11:20:23
589
原创 TreeData 数据查找
最近做需求的时候遇到了这样的一个需求，Tree组件数据支持查找，而且TreeData的数据层级是无限级的开始想的事借助UI组件库（Ant-design-vue）中的Tree组件的相关方法直接实现,看了下api 发现没法实现，后来想通过手动构建节点树实现，这样就需要写递归组件，需要重新写编辑，删除逻辑（本人有点懒所以就没采取），最后还是在数据上动手。
2024-02-22 15:31:25
586
原创 函数柯里化和反柯里化
柯里化和反柯里化都是非常有用的编程技巧，让我们可以写出更加灵活通用的函数。理解这两种技术的实现原理可以帮助我们更好地运用它们。在编码中，我们可以根据需要决定是将普通函数柯里化，还是将柯里化函数反柯里化。合理运用这两种技术可以大大提高我们的编程效率。
2023-08-02 15:26:49
122
原创 Cannot read properties of null (reading ‘setTransform‘)
Cannot read properties of null (reading 'setTransform')
2023-04-23 11:56:33
769
原创 mapbox-gl.js:30 Error: Layer with id “test_map“ already exists on this map
mapbox-gl.js:30 Error: Layer with id "test_map" already exists on this map
2023-03-02 15:58:31
405
原创 js语法基础
##一、JavaScript基本介绍及发展趋势ES5是2019年发布，在所有现代浏览器中得到了相当完全的实现###二、编写JS及如何运行JS1.在HTML普通标签中直接写入JS代码写在标签上的 js 代码需要依靠事件（行为）来触发
2023-02-09 17:46:31
289
原创 VScode为Vue文件设置模板代码
VScode为Vue文件设置模板代码（1）\安装 Vetur 和 VueHelper 插件，安装完成后需要重启 VScode。(2)在扩展插件搜索框中找到如下 Vetur 和 VueHelper 两个插件，注意看图标，千万别安装错插件了（3）为 vue 添加模板代码片段。(4)选中 vue 项。(5)在打开的 vue.json 中加入你的模板代码片段。{ "vue": { "prefix": "vue", "body": [ " <!-- @description
2021-12-17 15:00:35
313
原创 BrowserRouter与HashRouter的区别
BrowserRouter与HashRouter的区别1.底层原理不一样：BrowserRouter使用的是H5的history API，不兼容IE9及以下版本。HashRouter使用的是URL的哈希值。2.path表现形式不一样BrowserRouter的路径中没有#,例如：localhost:3000/demo/testHashRouter的路径包含#,例如：localhost:3000/#/demo/test3.刷新后对路由state参数的影响1、Brows
2021-10-19 16:29:17
347
原创 antd按需引入与自定主题
antd的按需引入+自定主题1.安装依赖：yarn add react-app-rewired customize-cra babel-plugin-import less less-loader2.修改package.json将原有启动命令改为下列形式```json "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build",
2021-10-19 16:27:42
143
原创 React 三种路由传参
React 三种路由传参1、params传参优势 ： 刷新地址栏，参数依然存在缺点:只能传字符串，并且，如果传的值太多的话，url会变得长而丑陋。// 路由页面：<Route path='/home/message/detail/:id/:title' component={Detail}/> //注意要配置 /:id//路由跳转并传递参数： //链接方式： <Link to={`/home/message/detail/${id}/${title}`}&
2021-10-19 14:19:11
225
原创 vue文件配置
vue-cli4 全面配置 细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。 不建议直接作为模板，希望能按照此教程按需配置，或者复制 vue.config.js 增删配置,并自行安装所需依赖。配置多环境变量 通过在 package.json 里的 scripts 配置项中添加–mode xxx 来选择不同环境 只有以 VUE_APP 开头的变量会被 webpack.DefinePlugin 静态嵌入到客户端侧的包中，代码中可以通过 proces
2021-10-10 19:28:41
854
原创 前端代码规范
前端代码规范Front Standard Guide前端 JS 项目开发规范规范的目的是为了编写高质量的代码，让你的团队成员每天得心情都是愉悦的，大家在一起是快乐的。引自《阿里规约》的开头片段：现代软件架构的复杂性需要协同开发完成，如何高效地协同呢？无规矩不成方圆，无规范难以协同，比如，制订交通法规表面上是要限制行车权，实际上是保障公众的人身安全，试想如果没有限速，没有红绿灯，谁还敢上路行驶。对软件来说，适当的规范和标准绝不是消灭代码内容的创造性、优雅性，而是限制过度个性化，以一种普
2021-09-23 16:28:35
176
原创 js中伪数组(类数组)
js中伪数组(类数组)伪数组js中伪数组(类数组)一、伪数组特性二、生成伪数组的方法三、将伪数组转为真正的数组一、伪数组特性具有length属性按索引方式存储数据不具有数组的方法, 比如push(),pop()等二、生成伪数组的方法在js中生成伪数组的方法比较多function的arguments对象document.getElementsByTagName和document.childNodes,返回NodeList对象的都是伪数组上传文件时选择的fi
2021-09-23 09:21:57
485
原创 2021最新前端面试题
面试题前言：最近需要给客户这边面试一个前端开发工程师，所以抽时间整理了一些面试题自我介绍介绍项目，针对项目提出几个问题在项目开发过程中遇到过什么难点，如何解决的？在项目中遇到bug如何解决？在设计中出现了一个很难实现的功能，可能需要三四天时间，但项目又是很急，你是如何解决的？平时自己有逛什么社区？html知识行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？行内元素 span、b、em、strong、a、input、lab
2021-09-07 10:36:16
138
原创 js自动引入子文件的方法
一个自动引入子文件的方法先上图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-R3Q4SQvN-1628132448628)(img.png)]//import persistence from "./modules/persistence";// https://webpack.js.org/guides/dependency-management/#requirecontextconst modulesFiles = require.context('./m
2021-08-05 11:01:43
244
原创 mac快捷键
mac快捷键Mac电脑一般都不怎么用鼠标，因此除了触摸屏的各种双指、三指甚至四指的操作之外，快捷键的使用可以带来非常大的便利，本文则主要收集整理了自己在Mac常规和Xcode开发过程中常用的一些快捷键。要使用键盘快捷键，请按住一个或多个修饰键，然后按快捷键的最后一个键。例如，要使用 Command-C（拷贝），请按住 Command 键并按 C 键，然后同时松开这两个键。Mac 菜单和键盘通常使用符号来表示某些按键，其中包括以下修饰键：Command（或 Cmd）⌘Shift ⇧Optio
2021-08-05 10:19:06
246
原创 mock模拟数据
mock模拟数据最近看了一个项目发现了里面mock用的非常不错，所以用此文章来记录一下1、书写模拟数据import Mock from 'mockjs'// 登录export function login () { return { // isOpen: false, url: '/sys/login', type: 'post', data: { 'msg': 'success', 'code': 0, 'expire
2021-06-23 15:57:36
513
原创 更改数组对象key
let objArr = [ { name: "Rick", age: 14, }, { name: "Morty", age: 70, },];// 旧 key 到新 key 的映射const keyMap = { name: "label", age: "value",};for (let i = 0; i < objArr.length; i++) { let obj = objArr[i]; for (let key .
2021-05-21 19:43:59
202
原创 获取url参数
获取url后面参数方法现在前端开发大部分都会用到框架去开发很少用到这种方法。最近在用mock模拟数据时需要用到url后的参数，就写了这个方法。export const getParams = url => { const keyValueArr = url.split('?')[1].split('&') let paramObj = {} keyValueArr.forEach(item => { const keyValue = ite
2021-05-15 10:05:40
126
原创 SVG类库
几个基于svg的类库所有现代浏览器都支持SVG文件类型，它很快就成为网站设计人员的首选。您可以设计漂亮的图标作为支持向量机，并缩放到任何大小，而不损失质量。考虑到视网膜显示器的发展，这是SVG格式的最大优点之一。如果你想动画或操纵你的svg，这将需要更多的工作。但是，如果您愿意卷起袖子，亲自动手编写一些代码，这些免费库提供了最好的工具。1. SVG.js我要推荐的第一个库是SVG.js。当然，这是完全免费和开源的，可以在任何类型的web项目中使用。当gzip压缩时，它非常轻量级，
2021-04-28 14:51:39
1837
转载 markdown文档说明
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Ma.
2021-04-28 09:41:18
78
原创 前端开发需要注意的那些事
前端开发需要注意的那些事自从入行以来完成了不少项目，针对技术是写了不少bolg，但针对项还没写过，在这就写一篇一、性能优化页面中使用了大量图片和音频文件的，可以使用CND加速，托管七牛，腾讯云等。图片压缩，降低图片分辨率，高分辨比文件大小更影响页面加载速度。框架文件可以使用Application Cache 应用缓存。动画页面可以使用link标签rel="prefetch"预加载文件。压缩文件。大量的请求会导致加载过慢，使用雪碧图或合拼请求等。二、开发部署
2021-04-25 15:33:18
228
原创 2021最新前端面试题
2021前端面试题前言：最近不是很忙，就整理了一下2021常见面试题一、html1、<img>的title和alt有什么区别?1、alt： 图片加载失败时，显示在网页上的替代文字2、title： 鼠标放在上面时显示的文字3、alt 是必要属性，title 非必要2、html5有哪些新特性、移除了那些元素？（1）新增特性a、新增标签article、aside、audio、bdi、canvas、command、datalist、details、embed、figcapti
2021-04-22 15:10:55
4961
原创 多版本node安装与使用
nvm 安装与使用前言nvm是管理node版本的工具，一个电脑中可以安装多个node版本，当我们想使用哪个版本就切换成哪个版本，而nvm则是提供切换node版本的工具。一、下载nvm（github）下载地址版本说明（本文主要说明需要配置版本，绿色直接使用版本有时会出现意想不到的问题）二、安装将nvm-noinstall.zip解压到制定的安装目录，这里为D:\nvmAndNode\nvm在安装nvm的目录中以管理员身份运行install.cmd,设置文件路径：
2021-04-22 09:46:26
594
原创 vuex4.x+ts的简单用法
vuex4.x+ts的简单用法vue3已经出来有段时间了，vuex4.x最近也刚刚出来，然后就想着用vue3+ts做一个项目这篇文章用来记录vuex4.x 中module的使用定义模块命名空间namespaced: true 命名空间 防止模块命名冲突设置后调用mutations和action需要‘模块名/方法’ 例如 app/setMenuListexport const app = { namespaced: true, // 防止模块命名冲突 设置后调用mutati
2021-04-20 16:37:39
3071
6
原创 ts通过class类封装axios
ts通过class类封装axios一、axios 安装npm i axios -S二、HttpRequest类封装// 文件 utils/axios.tsimport axios, {AxiosInstance, AxiosRequestConfig} from 'axios'class HttpRequest { private readonly baseUrl: string; constructor() { this.baseUrl = 'http:/
2021-04-14 14:57:04
1477
原创 js实现拖拽
js实现拖拽实现方式mousedown、mousemove和mouseup 拖着目标元素在页面任意位置如果要设置物体拖拽，那么必须使用三个事件，并且这三个事件的使用顺序不能颠倒。onmousedown：鼠标按下事件onmousemove：鼠标移动事件onmouseup：鼠标抬起事件重点：1、一定要绝对定位，脱离文档流才可以移动。2、绑定拖拽的元素，移动和鼠标松开后是对document的绑定，因为移动的是整个div。3、点击：a= 获取当前鼠标坐标、b =div距浏览器距离、c =
2021-04-14 09:25:57
444
vue+element后台管理类型框架.7z
2020-07-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人