自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 资源 (2)
  • 收藏
  • 关注

原创 element时间日期快捷选择

时间选择器:

2023-10-11 11:28:55 97

原创 nginx配置ws代理

在Nginx设置ws代理:

2023-06-06 11:22:45 3143

原创 格式化JSON

【代码】格式化JSON。

2023-05-15 17:10:23 394

原创 docker安装Nginx

容器中的nginx.conf文件和conf.d文件夹复制到宿主机。

2023-04-18 17:33:52 138

原创 this.$message()加入代码片段

elementui-this.$message()

2023-02-22 13:14:31 155

原创 关于elementui中上传文件的校验

上传组件前端校验

2022-10-19 15:39:16 714

原创 table组件抽离封装

封装抽取

2022-06-13 17:04:27 141

原创 git上传代码出现的报错问题unable to access...

解决git上传代码出现的报错:unable to access ‘https://@github.com/BoySHI/vue3_ts.git/’:执行:git config --global --unset http.proxygit config --global --unset https.proxy然后再关联一下仓库:git remote add origin <git地址>如果上述操作还是没有解决问题:执行:git config --global http.ss

2022-05-19 13:52:18 8044

原创 vue-devtools安装教程及工具包

步骤:打开谷歌浏览器,输入网址:chrome://extensions/ ,会进入到扩展程序页面,点击开发者模式,之后点击加载已解压的扩展程序。具体操作如下图所示:点击加载之后,找到你下载并解压的vue-devtools文件夹,选择chrome扩展文件夹,点击选择之后,扩展程序便引入成功。如下图所示:点击右上角的扩展程序,点击固定,便可看到vue-devtools工具标志,则证明vue-devtools工具安装成功。具体操作如下图所示:到此即可!!!扩展程序包:https://downloa

2022-05-16 16:46:06 1244

原创 npm install报错缺少python

vue执行npm install报错:Can‘t find Python executable “python“, you can set the PYTHON env variable。从网上下载的一个Vue模板项目,导入VsCode,执行npm install命令后,报错了,报错的信息是node-sass安装失败,同时提示需要python环境的错误信息,这是因为安装node-sass失败了,而node-sass依赖于Python环境,node-sass安装失败是因为默认是从国外线路下载,这些大家都是

2022-05-16 14:43:53 3434 2

原创 学习记录—Vue

关于Vue中的混入mixin(混入对象)用于分发Vue中组件中的公用的逻辑功能官网:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。// 定义一个混入对象var myMixin = { created: function () { this.hello() }, methods: { hello: function () {

2022-05-10 16:40:29 196

原创 Git提交代码 身份过期解决方案

报错:remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information.fatal:

2022-05-10 14:48:30 570

原创 日常学习记录—js

1.Object.keys() 返回的是对象中每一项的下标组成的数组let obj = {name:a,value:b}Object.keys(obj) // [0,1]2.indexOf() 适用于数组和对象,但是需要注意,其对类型和大小写敏感Object.indexOf((search,start)=>{})Array.indexOf((search,start)=>{})两个参数,参数1search是需要检索的字符串值,参数2 start,是开始检索的位置。返回值是sear

2022-05-09 16:41:25 172

原创 前端面试题

面试题:百度1.从输入URL到页面渲染(1)DNS解析获取ip(2)浏览器发送请求与服务器进行交互(3)浏览器收到返回的信息,渲染页面;简单来说,DNS本质是一个数据库,记录了很多的URL和对应的IP地址整个过程:一个url通过DNS解析(获取i到ip地址) ——>>在浏览器或者本机的操作系统中进行dns缓存查询(都会形成Dns记录) ——>>通过查看缓存或者产生新的DNS记录,获取到ip地址之后与服务器之间建立连接(三次握手) ——>>浏览器根据IP

2022-05-06 17:12:08 55

原创 this是什么?

关于this的指向问题:this是JavaScript中的一个关键字,但是又一个相对比较特别的关键字,不像function、var、for、if这些关键字一样,可以很清楚的搞清楚它到底是如何使用的。this会在执行上下文中绑定一个对象,但是是根据什么条件绑定的呢?在不同的执行条件下会绑定不同的对象,这也是让人捉摸不定的地方。简单举个例子:var obj = { name: "why", running: function() { console.log(this.name + " r

2022-05-06 15:28:36 321

原创 数据结构——链表基础

链表:单向链表用js实现简单来说,链表就是能够指向内存当中的不连续的空间。下面简单用js实现一下链表中的一些常用的方法:// 创建一个node,一个节点中包含data和next指针class Node{ constructor(element) { this.element = element this.next = null }}// 链表序列class LinkedList { constructor() { this.size = 0 this.head = nu

2022-03-26 19:23:56 312

原创 element-table中,进行表单校验

需求:element-table中,进行表单校验简单记录:贴图走起……表单table数据:数据部分:此处字段根据后台字段返回决定:校验正则:

2021-12-31 17:25:57 634 1

原创 vue中利用RSA进行前后台加密传参

需求:客户在页面链接数据库时,需要输入密码传给后台,此时需要对密码进行加密处理。方法:RSA加密处理语言:Vue-js在提交表单前,需要先向后台获取公钥:通过公钥对密码进行加密处理:...

2021-12-31 17:00:47 1014

原创 vue日常bug坑

解决toFixed()保留小数位时,平5不进位(即,平5没有遵从四舍五入规则)在Vue项目中:可以写一个全局的方法,直接调用就好。num:需要操作的数据s:需要保留的小数位数

2021-11-30 10:02:01 242

原创 echart

echart 中X轴表示时间,时间太长显示不全,可以做简单处理:

2021-10-21 15:29:55 59

原创 饼图配置项

echart饼图:

2021-09-29 16:55:22 82

原创 elementUi table

使用element UI 中的table进行操作某一列中返回来的数据不全,利用”-- --“或者暂无数据表示使用element UI 中的table进行格式化时间

2021-09-18 13:57:27 93

原创 echart页面自适应

问题:echart图表根据页面大小,自适应渲染项目中遇到这样的需求,简单总结下,避免遗忘。方法:首先是用到了一个比较强大的包:element-resize-detector (核心包)引入: let elementResizeDetectorMaker = require('element-resize-detector') let erd = elementResizeDetectorMaker()获取到图表容器的宽的值,然后进行监听:在mounted中获取到图表的宽,当监听到宽

2021-09-14 18:37:33 157

原创 vscode格式化代码

vscode 工具 本身进行代码格式化,能通过eslint检测安装插件:Eslint & vetur在设置里面,配置设置中的json文件:注:workspace.json{ "folders": [ { "path": "/Users/shiby/Desktop/vale/dcits_vela" } ], "settings":{ // tab 大小为2个空格 "editor.tabSize": 2, //禁止保存的时候格式化 "editor.format

2021-03-29 17:56:13 101

原创 2021-02-18

js实现两个变量值的交换:num 1 = 100;num 2 = 200;//实现二者值的交换//方法一:引用临时变量temp = num 1;num 1 = num 2;num 2 = temp// 方法二:不引用临时变量num 1 = num 1 + num 2;num 2 = num 1 - num 2;num 1 = num 1 - num 2 ...

2021-02-18 18:51:31 66

原创 项目中上传图片

总结下在vue项目中关于上传图片的需求:获取用户的预览图片,生成预览图片链接input在file类型下会自动显示上传文件代码::: <img ref="preview-image" /> <input ref="file" type="file" //file类型 id="file" // 为了和labal中的for结合使用 hidden // 因为它的样式比较难设置,一般会让hidden @change="onFileChange" // 本身

2021-01-24 23:52:08 281 1

原创 git合并分支

git 合并分支到master假如我们现在在dev分支上,刚开发完项目,执行了下列命令git add .git commit -m ‘dev'git push -u origin dev然后我们要把dev分支的代码合并到master分支上 该如何?首先切换到master分支上git checkout master如果是多人开发的话 需要把远程master上的代码pull下来git pull origin master如果是自己一个开发就没有必要了,为了保险期间还是pull然后我们

2021-01-24 21:11:25 92 1

原创 echarts问题总结

1.简单使用,参考文档即可https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts问题1:echerts初始化报错 init未定义最开始也是不知道为什么,后来查了下,有大佬说是版本问题,我也重新安装了下,再进行,结果很丝滑。。。。特此记录下:卸载原来的echarts@5.0.1npm uninstall echarts --save查看版本:npm view e

2021-01-24 10:14:31 234 1

原创 算法

leetcode刷题1018. 可被 5 整除的二进制前缀给定由若干 0 和 1 组成的数组 A。我们定义 N_i:从 A[0] 到 A[i] 的第 i 个子数组被解释为一个二进制数(从最高有效位到最低有效位)。返回布尔值列表 answer,只有当 N_i 可以被 5 整除时,答案 answer[i] 为 true,否则为 false。示例 1:输入:[0,1,1]输出:[true,false,false]解释:输入数字为 0, 01, 011;也就是十进制中的 0, 1, 3 。只有第一个

2021-01-15 01:51:34 141

原创 DOM事件

关于DOM事件:1.DOM事件的级别:简单来说就是一种标准,有0、2、3,三种级别。你会不会问咋没有1呢?事实上是有DOM1的只是其没有关于事件的一些规定。DOM0:用onclick进行事件的绑定,并且只能是一个事件,多个事件的话会出现事件的覆盖-------element.onclick=function(){}DOM2:可以绑定多个事件,并且不会出现事件覆盖,事件都会按照顺序进行执行,同时增加了事件的冒泡和捕获(第三个参数false是冒泡,true是捕获),不过此处有兼容问题,IE9以上支持,

2020-10-21 20:27:51 98

原创 页面布局面试题

题目:假设高度已知,请写出三栏布局其中左右各300,中间自适应这里有5种方法:浮动/弹性盒子/定位/表格布局/网格布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Layo

2020-10-14 19:04:18 388

原创 CSS盒子模型面试

前言:新人报道,发这些是入门知识也是为了梳理部分知识,认识的不深入,有不对的地方还望指正,有好的建议更是需要告知哦,希望可以不断学习,不断进步。CSS盒子模型关于盒子模型,我们一般会说有5大属性:width/height/padding/margin/border当然还有content和标准模式/IE模式问题来了~~~~~~1.会不会问到标准模型和IE模型的区别呢?当然是一定会问到,就是计算高度和宽度不同,接着问题来了-----怎样个不同计算 法???要看图哦!!!标准模型也就是此处虚线

2020-10-14 18:19:11 350 2

浏览器代码格式化(包含基本使用)

包含json数据格式化,时间戳转换,简易postman,正则表达式等等

2022-12-29

vue-devtools扩展程序

vue-devtools扩展程序

2022-05-16

D3.js实现知识图谱

基于D3.js实现

2022-05-06

空空如也

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

TA关注的人

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