自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(72)
  • 问答 (1)
  • 收藏
  • 关注

原创 openlayers使用相关

在vue3中使用openlayers,绘制多边形或者圆形,实现网格框选,离线地图瓦片等等实现

2024-04-07 17:45:02 637

原创 ts相关笔记(基础必看)

ts 基础知识,包括原始类型和对象类型的标注、字面量类型及枚举、函数和class类中的类型定义、了解any、unknown、never区别,以及泛型的介绍

2024-01-05 07:55:16 910

原创 TSConfig 配置(tsconfig.json)

详细总结一下TSConfig 的相关配置,tsconfig.json 文件

2024-01-02 21:00:00 1022

原创 vue3+ts开发干货笔记

vue3中有关ts的使用,类型标注,tsconfig.json配置,全局类型声明等等

2023-12-31 22:36:51 1272

原创 ts相关笔记(Partial、Required、Readonly、Record、Exclude、Extract)

总结一下ts内置的一些常用的工具类型。TypeScript 内置了一批简单的工具类型,它们就是类型别名的使用方式,同时在全局可用,无需导入。

2023-12-27 07:38:11 443

原创 ts相关笔记(类型层级)

最近刷了本ts小册,对一些知识点做下笔记。以输出的方式来输入!返回的结果为 8 ,也就意味着所有条件均成立字面量类型 < 包含此字面量类型的联合类型(同一基础类型) < 对应的原始类型原始类型 < 原始类型对应的装箱类型 < Object 类型never < 字面量类型由于“系统设定”的原因,any可以赋值给任何类型,而unknow只允许赋值给unknow和any类型,即any可以表达为任何类型,你需要我赋值给这个变量,那我就变成这个变量的字类型

2023-12-25 23:15:00 328

原创 ts相关笔记(extends、infer、Pick、Omit)

最近刷了本ts小册,对一些知识点做下笔记,以输出的方式输入!ts的extends、infer、Pick、Omit

2023-12-25 22:00:00 1132

原创 docker部署个人网站项目记录(前后端分离)

前后端分离项目(vue、node、mysql、nginx)等进行docker部署

2023-12-21 22:29:53 133

原创 axios无法获取response headers中的内容

axios无法获取响应头中的内容,后端设置Access-Control-Expose-Headers解决

2023-12-11 21:30:00 1151

原创 Chrome插件开发(书签盒子)

在平常工作学习中,我收藏了大量的网站,建了很多书签,越来越多,现在谷歌上面一行已经满了,感觉使用有点不方便了;于是开发了这个谷歌插件,方便管理一下我的书签,支持了对谷歌插件的增删改查,在此记录一下

2023-10-09 09:54:55 137

原创 Docker笔记

最近学习总结了一下docker相关的知识,并将个人服务器上的几个项目通过docker进行部署了一下,做个笔记记录一下。

2023-08-30 23:00:58 706

原创 js基础之Promise(全面+手写实现)

Promise是处理异步操作的优秀方案,可以使代码更加简洁、易读、易维护,避免回调地狱和嵌套过深的问题。掌握Promise可以提高开发效率、减少代码错误和提高代码质量。本文介绍了Promise的概念、用法和手写实现方法,对于前端开发,了解并学会手写实现Promise,会让你的js基础更上一层楼。

2023-04-14 23:45:00 3365 1

原创 根据swagger文档导出前端api.ts文件

当前公司开发,后端通过swagger提供接口文档,开发某些模块时,一下子可能生成二三十个接口,前端使用的时候,需要一个一个copy到对应的api文件中,定义类型,引入接口等等,实在是麻烦!于是花了点时间,搞了下自动导出。

2023-04-05 18:09:25 567

原创 js基础之函数式编程

函数式编程是一种非常强大的编程范式,它强调使用函数来构建程序,避免使用可变状态和共享状态。JavaScript 作为一门支持函数式编程的语言,也有着很多函数式编程的特性。在使用函数式编程时,我们要注意函数的纯度、高阶函数和函数柯里化等概念,这些都是函数式编程中非常重要的概念。

2023-04-02 11:42:12 399

原创 js基础之闭包

作为前端开发,闭包是时时刻刻都在使用的,理解闭包是十分重要的,下面从闭包的定义,使用场景,及优缺点进行总结,帮助大家更好的理解闭包。

2023-04-01 08:03:35 170

原创 js基础之继承

javascript的继承方式:原型链继承,构造函数继承,组合继承,寄生组合继承,es6类继承

2023-03-31 08:06:10 117

原创 js基础之构造函数和类

JS的构造函数和ES6的类是JS中很重要的概念,也是面向对象编程的核心。在本文中,我们将探讨JS的构造函数和ES6的类的基础知识,包括它们的定义、使用方法以及它们之间的区别。

2023-03-30 07:44:11 652 5

原创 《Vue.js技术内幕》读后感

Vue.js 技术内幕

2022-10-11 09:50:11 331

原创 node爬取掘金/csdn文章

平常看到一些好的文章,想在个人博客上转发记录一下,一下一下的去copy太麻烦了,因此有了这个想法,能不能通过文章链接,直接取到当前文章,然后放到markdown编辑器里面,这样copy起来不是方便了很多,哈哈哈.........

2022-06-29 14:45:44 536 2

原创 vue组织树(树形组件vue3)

本插件在element-plus树形组件基础上,进行了二次封装。适用于vue3项目,在具备了element-plus 的Tree组件的所有功能的基础上,又增加了组织树展示效果,并同时支持拖拽,及自定义组织树的展开收起样式......

2022-06-21 23:35:49 6739 10

原创 jenkins自动化部署项目

1. 前言在个人网站开发过程中,每次开发一个功能,或者做一些修改,都要把项目重新进行打包,压缩,然后上传到服务器…总之很麻烦。之前了解过公司的自动化部署是通过jenkins实现的,但是具体怎么个流程,不是很清楚,没有亲自部署过。所以,找了个周末,了解了一下jenkins,并将自己的个人网站实现了自动化部署,在此记录一下。2. 介绍Jenkins首先,Jenkins是一个基于Java开发的一种持续集成的、开源的自动化服务器,可以用于自动化与构建、测试、交付或部署软件相关的各种任务。然后。。。我们可以看一

2022-05-24 21:44:48 1150 1

原创 个人网站搭建记录

个人网站地址实际需要云服务器,域名,网站备案知识储备node写一些后台接口 expressmysql数据库,navicat连接数据库mysql 常用终端命令行 https://www.jb51.net/article/194140.htmmysql 关键字 https://www.cnblogs.com/torchstar/p/10017568.html后端服务,前端页面,交互如何把本地的前后端服务放到云服务器上mysql数据库迁移版本问题

2022-04-15 16:00:26 577

原创 vue2响应式和vue3响应式实现的区别

1. 先说一下vue2vue2中响应式实现的核心是es5的Object.defineProperty这个api响应式的具体细节可以查看这篇文章:vue的双向绑定Object.defineProperty方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。看下它的语法Object.defineProperty(obj, prop, descriptor)obj:对象prop:属性descriptor:被定义或修改的属性描述对象在descriptor中,对对象的

2021-11-03 15:36:33 252 1

原创 vue中属性key的作用(了解diff),为什么不建议index作为key

1. 官方文档有关key的说明key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes。如果不使用 key,Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时,它会基于 key 的变化重新排列元素顺序,并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。2. 举个????可以运行一下代码,改变key为 索引idx(或者

2021-11-02 23:09:05 1755 1

原创 vue3开发学习笔记(持续补充中...)

1. setup组合式api,在before create之前执行( 没法用this ), 属性,方法,生命周期钩子函数都写在这里面,要想在模版中使用setup中定义的属性或方法,记得要return出去另外,在setup中使用vue的api或者一些函数时,要先引入import { defineComponent, getCurrentInstance, ref, onMounted } from 'vue';参数: setup( props, context ) { }props 一个对象

2021-10-26 23:48:56 280

原创 工作常用git命令

git常用命令 git init 初始化git仓库 git clone 克隆项目 git branch 查看分支 git branch -a git branch -d <分支> 删除分支 git checkout <分支> 切换分支 git pull 拉取代码 git pull origin <分支> 拉取远程某分支代码 git merge <分支a> 合并分支a代码到当前分支(当前分支需切换到不是

2021-10-26 17:44:25 87

原创 element 的 this.$message( ) 消息提示实现

在vue项目中,直接通过js代码 this.$message( )就可以调出消息提示组件,这是如何实现的呢主要分为以下几步1.用 Vue.extend 创建组件的模板(构造函数)2.创建一个函数,在函数内部,实例化组件并进行挂载到相应元素上3.将创建的这个函数绑定到Vue原型上,就可以通过this .访问了上代码,如下目录结构在main.js中import Vue from "vue";import message from "./main.vue";// 1.用...

2021-10-14 23:23:43 4102 1

原创 vue2的响应式

结合源码分析一下vue的双向绑定所谓双向绑定,就是数据变化了,视图也随之改变,同时,视图改变了,数据也会变化。这是MVVM模式的一显著特征之前对于双向绑定,只是简单,很表面上的认识,知道vue的数据双向绑定主要通过Object.defineProperty()方法来进行数据劫持以及发布者-订阅模式来实现的,但是如何进行数据劫持呢?发布订阅者模式又是什么呢?等等问题,需要明确。。。最近花了点时间,结合源码(vue2),重新学习分析了下,在此作一下总结笔记,供个人进一步理解记忆,同时也欢迎大家阅读评论,指

2021-09-10 15:15:50 1105 1

原创 Ineffective mark-compacts near heap limit Allocation failed-JavaScript heap out of memory vue项目内存溢出

最近运行公司一个项目时,出现内存溢出 js stacktrace的问题,在这记录一下解决方案全局安装 increase-memory-limit如果安装出现权限问题,命令前加上sudo重新安装npm install -g increase-memory-limit进入工程目录,执行increase-memory-limit重启项目npm run serve.然后内存溢出解决了,但是重新启动项目时出现报错找到对应的文件,删除了 --max-old-space-si

2021-09-07 16:53:16 641

原创 vue2中的proxy代理

代理的作用是把 props 和 data 上的属性代理到 vm 实例上,这也就是为什么比如我们定义了data和 props,却可以通过 vm 实例访问到它(即在vue中我们直接通过this. 拿到对应的属性)vue2中通过一个代理函数proxy,代码如下const sharedPropertyDefinition = { enumerable: true, configurable: true, get: noop, set: noop,}export function prox

2021-09-06 17:23:40 2037

原创 真正理解一下闭包!

闭包,可谓是面试常谈,什么是闭包 ?闭包是用来做什么的 ?之前在准备一些面试时,我都会搜查一番,< 闭包 > 在各种技术书籍和博客中,都有着各种解释和分析,比如:“ 闭包就是指有权访问另一个函数作用域中的变量的函数 ” ;“ 声明在一个函数中的函数,叫做闭包函数 ”,“ 闭包函数会造成内存泄漏” 等等等, 随后又分析了几个代码案例,然后,“ 嗯,原来这就是闭包啊! ”。但其实真实情况,还是似懂非懂,但是在 实际应用中,闭包很常见,今天,再来彻底总结一下闭包,到底它是个神马玩意er参考

2021-07-29 14:50:26 121

原创 操作字符串、数组的方法以及Object,Math对象方法的全面总结

作为一个前端开发,必须有扎实的js基础,以下,对操作字符串和数组进行了一些总结,可供大家参考一. 操作字符串1. join ( )和 split ( )字符串和数组之间相互转换// 数组转字符串[1,2,3,4,5].join() 默认join(',')逗号分隔"1,2,3,4,5"// 字符串转数组"1,2,3,4,5".split() 默认 split(',')逗号分隔["1,2,3,4,5"]2. slice ( ) 、substring ( ) 和 substr ( )

2021-07-26 14:10:50 291

原创 vue计算属性computed源码解析笔记

源码学习的笔记吧,还存在一些问题,会继续补充!1. 使用示例 (官网)var vm = new Vue({ data: { a: 1 }, computed: { // 计算属性的 getter // 仅读取 aDouble: function () { // `this` 指向 vm 实例 return this.a * 2 }, // 读取和设置 aPlus: { get: function () {

2021-07-16 13:25:24 557 3

原创 vue封装了个日历组件(包含农历,节日)

最近项目中需要用到日历组件,如下图看了看当下的一些组件库,没有找到太符合的,于是自己封装了个,大家可以下载使用,如果发现bug, 欢迎指出,如果觉得还可以,可以star一下npm地址:添加链接描述另外源码放到github上github地址:添加链接描述...

2021-07-02 13:16:59 2993 3

原创 获取日期范围内的所有日期(每周,每月,任意两个日期)

比较常见的效果,如图,本周,本月,上一周下一周,上一月下一月…这里利用moment.js实现安装moment.jsnpm install moment --save # npmyarn add moment # Yarn我把有关的方法放在了getdate.js中,直接放代码// 引入 moment 时间插件import moment from "moment";moment.locale("zh-cn");export default { // 获

2021-06-15 10:42:53 1925 2

原创 if - else优化处理

最近在思否上看到这么一个问答,多个if的写法如何优化,如下statusText(value) { if (value === '0') { return '你好' } if (value === '1') { return '我好' } if (value === '2') { return '他好' } if (value === '3') { return

2021-06-04 16:43:24 83

原创 vue中注册原生事件,绑定事件到window上

最近因工作需要使用到高德地图,在调用时拼接了字符串模版,原生绑定了一个点击事件,并传递参数,如下图百度一番后发现,在vue里,所有的方法都是在组件内部声明的,也只能在组件内部调用,原生调用h5方法必须定义在window对象下因此有了如下操作在mounted里给window绑定这个事件 mounted() { window['hClick'] = (id) => { this.hClick(id) } },...

2021-06-02 13:40:03 1904

原创 reduce方法的使用

一些之前掌握的东西,一段时间不用,还是会忘啊,所以还是要勤于总结,回顾,多敲几次,多看几遍,加深理解,做到真正的掌握(给自己来针大管鸡血,哈哈哈)!!! reduce的用法reduce()方法里边,有两部分,第一是个回调函数,第二个参数是设置的初始值。回调函数中可以有四个参数,第一个参数是上一次回调返回的值,或者设置的初始值,第二个参数是当前被处理的项,第三个参数是当前被处理项的索引值,第四项是原数组,一般使用前两个参数,后俩可以省略下面举例看一下,reduce的使用场景第一种,用于累加求和

2021-05-26 18:28:20 532 1

原创 Echarts图表坐标轴文字太长,省略显示,鼠标放上显示全部(vue)

先上图,看效果(截图截不到鼠标小手????, 很难受)

2021-05-15 13:33:15 7325 5

原创 树形数组对象替换其中对象的某个属性

一个树形结构的数组对象,替换对象中的name换成txt,个人写法,如果有问题,欢迎指出!!!直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-

2021-05-13 10:12:01 809

空空如也

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

TA关注的人

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