自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(71)
  • 问答 (4)
  • 收藏
  • 关注

原创 git 更改远程分支地址

要更改Git仓库的远程分支地址,您可以使用git remote set-url命令。如果您想要验证更改是否成功,可以再次使用git remote -v查看远程仓库的URL是否已更新。使用git remote set-url命令更改远程仓库的URL。使用git remote -v查看当前远程仓库的URL。打开终端(或Git Bash)。切换到您的本地仓库所在的目录。

2024-08-22 14:20:56 435

原创 GIT在指定tag上打包

这条命令做了两件事:首先,它使用git checkout tags/v1.0.0将HEAD指向标签v1.0.0,但Git不会让你停留在“游离的HEAD”状态(即不在任何分支上),因此-b v1.0.0-branch参数会在该标签的基础上创建一个新的分支v1.0.0-branch。在Vue项目中,如果你想要在指定的Git标签(tag)上打包项目,你需要先确保该Git标签已经存在于你的仓库中。现在,你的工作目录已经位于了指定的Git标签对应的代码上,你可以像平常一样打包你的Vue项目了。

2024-07-26 16:54:57 423

原创 Webgl学习系列-Webgl 入门

第二章 Webgl 入门。

2024-03-28 15:22:33 577

原创 Webgl学习系列-认识Webgl

webgl是一种3D绘图协议,衍生于 OpenGL ES2.0,可以结合 Html5 和 JavaScript 在网页上绘制和渲染二/三维图形。

2024-03-28 14:28:12 462

原创 input/textarea光标位置插入文字

【代码】input/textarea光标位置插入文字。

2024-02-26 15:01:15 735

原创 深入浅出JavaScript的垃圾回收机制

当Eden区满时,会进行一次Minor GC(垃圾收集),存活的对象会被移动到Survivor区。了解JavaScript和浏览器的垃圾回收机制及其工作原理,可以帮助我们更好地管理内存,避免内存泄漏等问题。通过优化代码和使用适当的工具,我们可以减少垃圾回收的负担,提高应用的性能和稳定性。新生代中的对象通常是新创建的对象,而老生代中的对象则是存活时间较长的对象。这样可以减少单次垃圾收集所需的时间,降低对应用性能的影响。浏览器的垃圾回收机制与JavaScript的垃圾回收机制紧密相关,但也有一些不同之处。

2024-02-19 14:57:49 908

原创 JS中字符串的常用方法

substring(start, end): substring() 方法接受两个参数,start(起始索引)和 end(结束索引)。此外,substring() 的 end 参数表示子字符串的最后一个字符之后的索引,因此它实际上是排除的。slice(start, end): slice() 方法也接受两个参数,start 和 end。与 substring() 不同,slice() 的参数可以是负数,表示从字符串的末尾开始计算。例如,slice(-2) 将从字符串的倒数第二个字符开始,直到字符串的末尾。

2024-02-18 19:29:50 471

原创 JS中数组的常用方法

【代码】JS中数组的常用方法。

2024-02-18 19:02:19 489

原创 VUE中的8种常规通信方式

子组件:父组件:2.$emit触发自定义事件(子向父)适用场景:子组件传递数据给父组件子组件通过$emit触发自定义事件,第二个参数为传递的数据父组件绑定监听器获取到子组件传递过来的参数子组件:父组件:3.ref(父子)父组件使用子组件的时候设置ref父组件通过ref获取子组件数据4.EventBus(兄弟组件)适用场景:兄弟组件传值创建一个中央事件总线EventBus兄弟组件通过$emit触发自定义事件,第二个参数为传递的数据另一个兄弟组件通过$on监听自定义事

2023-12-17 20:24:23 1161

原创 TS实现深拷贝、深度克隆

【代码】TS实现深拷贝、深度克隆。

2023-09-10 17:42:30 1756

原创 主流浏览器有哪些?他们的内核是什么?

浏览器是一个多进程、多线程的应用程序。在一个浏览器中打开多个标签页,如果一个标签页内的内容卡顿,并不会影响其他标签页,就是因为每个标签页都有一个进程,互不影响(可以在任务管理器中查看)。GPU进程(计算显示效果尤其是3D)浏览器主进程(只有一个)

2023-09-10 17:06:27 246

原创 解决Echarts图表未占满容器的问题

原因:div还没有创建出来echarts就已经加载了。canva画布本身就比容器小。canva画布与容器大小一致。

2023-01-09 16:38:22 6230 2

原创 JavaScript函数的节流和防抖

最简单粗暴的解释和区分。节流以恒定时间间隔执行,可能执行多次(减少次数);防抖只执行最后一次(避免抖动)

2022-07-26 16:50:22 287

原创 JavaScript Promise

Promise 是一个 ECMAScript 6 提供的类,是异步编程的一种解决方案,目的是更加优雅地书写复杂的异步任务,比传统的解决方案——回调函数和事件——更合理和更强大。Promise 类有 .then() .catch() 和 .finally() 三个方法,这三个方法的参数都是一个函数,.then() 可以将参数中的函数添加到当前 Promise 的正常执行序列,.catch() 则是设定 Promise 的异常处理序列,.finally() 是在 Promise 执行的最后一定会执行的序列。

2022-06-23 21:03:51 295

原创 Vue CLI脚手架新建项目

PS E:\其他文件\Vue脚手架> vue --version2.9.6PS E:\其他文件\Vue脚手架> vue create my-project vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. You may want to run the following to upgrade to Vue CLI 3: npm uninstall -g vue-cli npm insta...

2022-06-23 11:14:42 414

原创 JavaScript 闭包

什么是闭包?闭包的用途?闭包的缺点?应用实例。

2022-06-20 11:28:43 140

原创 深度了解this指向(变化莫测,坑贼多)

this指向规则:(this指向取决于执行函数有没有调用者)

2022-06-13 22:17:34 140

原创 axios请求封装(直接用)

axios比较常见的一种封装方式,可以直接copy。

2022-06-13 14:23:24 180

原创 什么是跨域?如何解决跨域问题?

不知道做前端的小伙伴有没有遇到过这样的一个报错信息:‘xxxxx’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present. 翻译的话是:已被 CORS 策略阻止:不存在“Access-Control-Allow-Origin”标头,这类问题就是跨域。其实 CORS 策略是一种同源策略,同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSRF等

2022-05-30 16:41:04 122

原创 vue config.js详解——vue config.js到底是什么,有什么作用?

我们在做vue项目的时候,在根目录中肯定都看到过一个config.js文件,那么这个文件在整个项目中到底有什么作用呢?vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段,但是注意这种写法需要你严格遵照 JSON 的格式来写。具体可以查阅Vue CLI配置参考:https://cli.vuejs.org/zh/confi

2022-05-30 10:00:05 14815

原创 前端AES加密解密

前端AES加密解密

2022-05-23 14:40:53 386

转载 vue elmenetui admin表格筛选列(动态显示)

转载自:https://blog.csdn.net/weixin_44835598/article/details/116056565<template> <div class="table"> <el-divider content-position="left">表格筛选</el-divider> <!-- 表格列筛选 --> <div style="text-align: right;margin-bott

2022-03-01 10:45:05 764

原创 websocket实时推送及重连机制

import { Notification } from 'element-ui'const soket = { url: 'ws://xxxxxxxxxxxxxxxxxxxxxxx', ws: null, lockReconnect: true, // 实例websocket websocketFunc() { try { if ('WebSocket' in window) { this.ws = new WebSocket(this.url)

2022-02-28 19:43:56 955

原创 拉取远程分支到本地

首先查看本地分支有哪些:git branch从远程仓库里拉取分支到本地,自动创建一个新的本地分支,并关联指定的远程分支,自动转换到这个分支上:git checkout -b 本地分支名 origin/远程分支名例如:远程仓库里面有其他人上传的一个分支develop,而自己本地还没有develop这个分支,那么把develop这个分支从远程拉取到自己本地并在本地创建一个同名的分支,则:git checkout -b develop origin/develop注:如果出现提示:fatal:

2022-02-28 19:25:30 719

原创 前端知识收藏夹(吃灰系列-有空就学)

1.JavaScript var let和const声明变量2.微信小程序常见的UI框架/组件库总结3.比较全的前端框架库汇总4.Vue要做权限管理5.css 预处理器之 less sass scss stylus 起步6.Javascript初级知识点(原型,闭包,异步)整理7.常用的前端JavaScript方法封装...

2021-10-19 15:16:57 146

原创 Echarts - legend、tooltip、xAxis属性设置

目录legend:tooltip:xAxis:legend: legend: { show: true, //是否显示 type: "plain", // 图例的类型 'plain':普通图例 'scroll':可滚动翻页的图例 zlevel: 1, // 所有图形的 zlevel 值。 icon: "circle", top: "5%", // bottom:"20%" // 组件离容器

2021-10-13 11:09:02 1966

原创 CSS布局方式

浮动布局float:left or right绝对布局position:absolute相对布局父级:position:relative子级:position:absolute一层套一层固定布局position:fiexedflex弹性布局最外层容器:display:flexjustify-con...

2021-10-12 11:26:47 93

原创 微信小程序真机调试:createEvent is not a function

项目场景:微信小程序通过canvas 2d和echarts绘制曲线图问题描述:真机调试时报错:createEvent is not a function,无法绘制图形。 原因分析:在微信开放社区里看到有人说是canvas 2d 只要query一执行.exec()就出现这个问题(官方示例源代码),自己测试了一下,确实是在.exec是报错。解决方案:放弃使用canvas 2d方式,使用以前旧的canvas方法,echarts组件中兼容了两种方式,强制使用旧方法。...

2021-10-11 15:22:24 1132

转载 HTML5中SVG 与 Canvas两者间的区别(绘制图形)

SVG 是一种使用 XML 描述 2D 图形的语言。Canvas 通过 JavaScript 来绘制 2D 图形。SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形。Canvas 是逐像素进行渲染的。在 canvas 中,一旦图形被绘制完成,它就不会继续得到浏览器的关注。如果其位置发生变化,那么整个场景也需..

2021-06-28 15:16:34 183

原创 HTML随笔

表格中的colspan和rowspan:colspan和rowspan这两个属性用于创建特殊的表格。colspan用来指定单元格横向跨越的列数:colspan就是合并列的,colspan=2的话就是合并两列。rowspan用来指定单元格纵向跨越的行数:rowspan就是用来合并行的,比如rowspan=2就是合并两行。rowspan通常使用在td和th标签中row:行,span:跨度,跨距,范围col:列,span:跨度,跨距,范围<html><head>&lt

2021-05-18 15:07:49 103

原创 git——在自己的分支上更新主分支代码

首先切换到主分支,然后拉取代码,再切回自己的分支,将主分支代码合并到自己的分支。git checkout mastergit pullgit checkout 自己的分支名称git merge master

2021-05-10 14:00:42 5983 4

原创 vue element admin之excel上传和导出

导出:peasantApi.exportXls(this.listQuzry).then(res => { if (res) { const aLink = document.createElement('a') const newfileName = res.headers['content-disposition'].split('=')[1] const blob = new Blob([res.data], { ty

2021-05-08 21:12:04 587 3

原创 vue element ui跳转页获取跳转前页面列表里的行id

后台管理系统经常要用到列表,在列表的每一行经常需要做编辑操作,自己做项目的时候,编辑页用了一个新的隐藏页,通过路由加载,隐藏页需要获取前一页当前行的id,可通过this.$route.query.id来获取:跳转前页面HTML<el-table-column fixed="right" label="选择商品" width="100"> <template scope="scope"> <el-button size="small" type="warning"

2021-05-08 15:26:29 1162

转载 node.js安装教程及环境配置

look this >>>https://segmentfault.com/a/1190000023390756

2021-04-21 21:40:49 73

原创 入职前端工程师你需要学会什么?前端实习生告诉你十大必备技能

三大原生技术:HTML、CSS、JavaScriptJavaScript库:jQuery(可以只做了解)JavaScript运行环境:node.js静态模块打包工具:webpack前端框架:vue,大部分公司现在基本上都是用Vue,当然有些公司可能用react等其他的框架,学习要紧跟当下潮流Vue组件:了解一些常用的开发组件,例如ui组件微信小程序开发:有些公司也会让你顺带进行微信小程序开发,学完上面那些技能,再学小程序就很简单了.........

2021-03-29 09:35:35 4430

原创 最全面的web程序设计知识点总结

目录前言一、web技术基础?1.1 Internet的基本概念1.2 Web技术的基本概念1.3 Web技术的主要组成1.3 Web浏览器与服务器的基本概念和工作组成1.4 Web应用开发构架和开发技术二、HTTP协议基础2.1 HTTP的基本概念与交互模型2.2 HTTP消息格式2.3 HTTP请求响应消息和请求响应方法2.3.1 请求头包含:2.3.2 HTTP常用请求方法2.3.3 HTTP响应消息和常用响应状态2.3.4 HTTP常用响应状态2.4 HTTP常用消息头三、HTML基础四、CSS基础五

2021-03-17 22:51:31 10981

原创 最火的前端框架——VUE

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用(SPA)提供驱动。视频教程:Vue.js从入门到精通教程他人视频笔记:Vue全面知识点速查中文文档:Vue.js 官网菜鸟教程:Vue.js 教程 | 菜鸟教程..

2021-03-09 21:52:16 263

原创 bootstrap 响应式布局

文章目录前言bootstrap使用步骤媒体查询栅格系统组成部分黑马商城案例前言开发一套页面,适配不同分辨率的上网设备下载及文档资料请查看:bootstrap中文网bootstrap使用步骤导入jquery-1.11.0.min.js文件导入bootstrap.css文件导入bootstrap.js文件创建视口<meta name="viewport" content="width=device-width, initial-scale=1">创建布局容器&lt

2021-03-08 22:52:23 176

原创 Jquery学习之案例驱动

文章目录案例1:入门案例1.1获得jQuery对象1.2DOM和jQuery对象的转换1.3页面加载1.4事件绑定1.5常见事件案例2:弹出广告2.1效果2.2基本选择器2.3层次选择器2.4基本过滤选择器2.5内容过滤选择器2.6可见性过滤选择器2.7属性选择器2.8表单选择器2.9弹出广告案例3:隔行换色3.1隔行换色3.2css-属性案例4:全选全不选4.1全选和全不选案例5:省市联动5.1each5.2val-html-text操作5.3内部插入节点5.4外部插入节点5.5删除节点5.6省市联动案例

2021-03-07 21:05:22 157

原创 web前端学习笔记——JQuery

web前端开发基础第五章——JQuery传送门:第一章:HTML | 第二章:CSS | 第三章:html5和CSS3 | 第四章:Javascript(part 1) | 第四章——Javascript(part 2) |目录web前端开发基础第五章——JQuery前言 jquery介绍1、jquery加载2、jquery选择器3、jquery样式操作4、绑定click事件5、jquery加载6、jquery加载7、jquery加载8、jquery加载9、jquery加载10、jquery加载

2021-03-07 20:02:24 483 1

空空如也

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

TA关注的人

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