自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(90)
  • 收藏
  • 关注

原创 阿里云服务器(Centos 7)上部署自己在Windows下开发的Vue项目(Docker版,超简单!)

一、安装DockerDocker要求CentOS系统的内核版本高于3.10(一般情况下你买的阿里云都是支持的哈),来验证你的CentOS版本是否支持 Docker 。通过 uname -r 命令查看你当前的内核版本$ uname -r使用root权限登录Centos。确保yum包更新到最新。$ yum update卸载旧版本(如果安装过旧版本的话,没有请省略)$ yum remove docker docker-common docker-selinux docker-eng

2020-12-30 16:59:27 3077 5

原创 零基础之Centos7下使用Conda安装Pytorch环境

正所谓万事开头难,想要做算法实验,第一步就是要搭建一个环境,安装所需依赖包,让我们的代码正常的跑起来!这个过程真的是踩了无数的坑,分享出来。一开始我是想在自己的Docker中去跑这个实验的,所以还需要从头安装Anaconda。但是从头装到尾之后,我发现Docker中没有NVIDIA驱动,也就是nvidia-smi这个命令是无效的,试了多种办法安装驱动也没有成功(之后有空可以再做尝试),后来就作罢,从服务器中装起。本着零基础的学习态度,本篇仍旧从安装Anaconda开始。一、安装Anaconda(Do

2022-01-11 00:08:29 1368

转载 JS代码放在html中不同位置的区别

浏览器解析html是从上到下的js代码可以出现在 HTML 的任意地方使用window.onload函数,可以减少错误发生(这个函数就是在文档加载完成之后立即加载js代码)window.onload = function(){/*要执行的js代码*/}1.放置在head标签中在HTML head部分中的js代码会在被调用的时候才执行(页面加载完成之前读取)。当你把脚本放在head部分中时,可以保证脚本在任何调用之前被加载。由于这时候网页主体(body)还未加载,所以这里适合放一些不是立即执行

2021-08-10 19:23:39 168

原创 JS加载微信SDK—>跳转小程序的方法

import loadScript from './loader.js'const SDK_URL = '//res.wx.qq.com/open/js/jweixin-1.3.2.js' //小程序web-view推荐使用1.3.2版本let loaded = 'init'// 加载微信sdkexport function loadWechatSDK() { if (loaded === 'loaded') { return Promise.resolve() } else if(l

2021-07-29 19:21:57 1014

原创 获取当前H5页面的URL,并取到该URL中拼接的参数

// console.log('href',window.location.href)// 使用window.location.href获取到当前页面的URLlet newPath = `${window.location.href}`// console.log('newPath',newPath);let splitURL = newPath.split("?")[1].split("&");console.log(splitURL); for(var i=0;i<s

2021-07-29 19:10:32 1538

原创 JS获取版本号/判断版本号/判断环境

// 获取当前app的版本号const getAppVerison = (expStr) => { if (expStr == null) return null; const ua = navigator.userAgent.toLowerCase(); const patt = new RegExp(expStr, "g"); let lastIndex = null; while ((patt.exec(ua)) != null) { l

2021-07-29 19:04:51 1132 2

原创 vue中使用scrollIntoView()让选中的下拉列表项定位在视野中

问题出现需求需要实现一个单选下拉列表,选项在一屏显示不完,做了滚动条overflow:auto, 设置了height高度。那就出现了一个问题,当我点击某一个item选项时,如果这个item选项不在第一屏,而在滚动后才能看到的区域,那么再次点开这个下拉菜单时无法重新定位到被选中的item所在的这一屏,所以我们需要让下拉单选菜单再次打开时自己定位到这一屏。查阅资料问了一下同组的有经验的姐姐,说我可以使用window.scroll这些方法,详见https://developer.mozilla.org/

2021-07-10 12:49:58 793

原创 git 常用命令

Git常用操作命令收集一、远程仓库相关命令检出仓库: $ git clone git://github.com/jquery/jquery.git查看远程仓库:$ git remote -v添加远程仓库:$ git remote add [name] [url]删除远程仓库:$ git remote rm [name]修改远程仓库:$ git remote set-url --push[name][newUrl]拉取远程仓库:$ git pull [remoteName] [localBr

2021-07-02 16:10:57 54

原创 Chrome浏览器设置font-size为12px以下无效的解决方法

问题描述Chrome浏览器在解析字体大小时,最小字号为12px,小于这个大小的字号都会解析成12px。当你把一行文字设为10px时Chrome浏览器会按12px来解析。解决方式解决这个问题的方法是用Chrome的私有属性禁用浏览器文字大小调整的功能。-webkit-text-size-adjust:none;PS: 在新版的chrome中已经禁止了改属性,建议使用CSS3中的方法。比如,设置10px,父元素设置font-size:12px时:transform:scale(0.833);

2021-06-30 18:57:25 455

转载 CSS 深入理解:overflow: hidden——隐藏溢出、清除浮动、解除坍塌

前言overflow:hidden 的主要功能有三个:隐藏溢出清除浮动解除坍塌举例理解初始html内容:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA

2021-06-29 20:21:11 253 2

转载 Vue实现底部对话框

效果手机上的效果:电脑上的效果:代码App.vue<template> <div id="app"> <button @click="showDialog">展示Dialog</button> <my-dialog title="Hello" message="我是弹窗内容" :showDialog="isShowDialog" @closeDialog="isShowDialog=false">&lt

2021-06-28 10:33:19 722

原创 vue实现Dropdown下拉菜单

1、需求点击按钮出现下拉菜单2、思路为按钮绑定点击事件showPicker()在按钮下另起一个div标签,用v-show绑定一个属性值isShowDropdown在methods里定义showPicker这个方法,来控制isShowDropdown的值为true或者false,来控制下拉菜单是否展示3、主要代码<div> <button @click="showPicker"/> <div id="myDropdown" v-show="isShow

2021-06-27 14:07:39 2097

原创 vue实现点击其他区域关闭自定义div

一、解决方案1、暴躁老哥的博客暴躁老哥的博客第一步:vue模块中的内容<template> <div class="hello" v-on:click="hidePanel"> <div id="myPanel" v-if="panelShow"></div> </div></template>第一步,我们在自己的vue模块中整体添加了一个hidePanel事件,准备整体区域进行点击,然后id为myPa

2021-06-25 18:28:10 1424 5

原创 z-index的使用及注意事项

一、z-index的层级问题1、无浮动定位,不设置z-index值结论:子高于父HTML<div id="no-style"> <div id="div1" class="father-div" style="background:#00ffff;"> div11111 <div id="test-position" class="child-position-absolute"> div11111的子元素 &l

2021-06-25 16:54:17 1988 1

原创 JS对象的深克隆与浅克隆

浅克隆let obj = { a: 100, b: [10, 20, 30], c: { x: 10 }, d: /^\d+$/ };let obj2 = {};现在想把obj里的每一项都复制给obj2,循环实现浅克隆for ( let key in obj ) { /*obj.hasOwnProperty(key)如果为true是私有属性, 为false说明不是私有属性,不是私有属性则不遍历 即!obj.has

2021-03-24 14:23:34 198

原创 JavaScript堆栈内存与闭包问题图解+文字详解

一、堆栈内存example1let a = {}, b = '0', c = 0;a[b] = '珠峰';a[c] = '培训';console.log(a[b]); //培训解析:答案是培训。对于引用类型,它的处理方案一定是堆内存来处理的创建了变量a,给a赋的是一个空对象,对象是引用类型值,得是一个堆内存。堆内存——用来存储引用类型值的空间栈内存——存储基本类型值,执行代码的空间a会指向一个16进制内存地址,右侧框框表示一个堆内存。b='0', c=0, 都

2021-03-19 15:18:29 264

原创 HTML基础标签总结(仅用作复习,持续补充扩展)

HTML初始代码<!DOCTYPE html> 文档声明:告诉浏览器这是一个html文件<html lang="en"> html<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></

2021-03-01 17:14:39 88

转载 html a标签属性 rel=‘nofollow‘

对于网站SEO优化的人来说,rel=”nofollow”大家都不太陌生,特别是很多站长在和其他网站进行友情链接的交换的时候,其中重要的一项指标就是友情链接不能带有nofollow。不过仍然有一些新手站长对此并不太了解,下面就让我们一起来看看什么是nofollow,以及使用nofollow有哪些好处。什么是nofollow?nofollow是一个HTML标签的属性值,随着搜索引擎优化(SEO)的兴起,它渐渐被大家所了解,这个标签的意思是告诉搜索引擎不要此网页上的链接或不要追踪此特定链接。如果A网页.

2021-03-01 16:43:43 126

原创 Javascript教程(十三)——真正的JS开始了,宿主对象之DOM (1)

DOM一、DOM简介DOM,全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。文档 —— 文档表示的就是整个的HTML网页文档对象 —— 对象表示将网页中的每一个部分都转换为了一个对象模型 —— 使用模型来表示对象之间的关系,这样方便我们获取对象二、节点1、节点简介节点Node,是构成我们网页的最基本的组成部分,网页中的每一个部分都可以称为是一个节点。比如:html标

2021-02-12 20:32:53 197 1

原创 Javascript教程(十二)——通俗易懂的正则表达式!!!

一、正则表达式正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,获取将字符串中符合规则的内容提取出来1、创建正则表达式的对象语法:var 变量 = new RegExp("正则表达式","匹配模式");使用typeof检查正则对象,会返回object var reg = new RegExp("a"); //这个正则表达式可以来检查一个字符串中是否含有a console.log(reg); //结果 "/a/" console.

2021-02-11 00:20:58 1828 10

原创 echarts自定义y轴颜色(分段颜色) + 自定义y轴刻度值+自定义tooltip显示

根据业务需求,设置你的数据范围,设置每个范围所对应的颜色和y轴刻度名称。 yAxis: { type: 'value', name:'程度', nameTextStyle:{ padding:10, fontSize:14 }, nameLocation: 'end', axisLabel: { col.

2021-02-02 14:36:33 4126

原创 vue通过路由跳转页面并传递参数

1、传递页——inputForm.vue代码<template> <div> <div> <input class="cardBox" v-model='username' placeholder="请输入您的名字" style="width:50%" /> </div> <Button type="primary" @click="login()" class="but">登录</Bu

2021-01-07 14:40:39 513 2

转载 vue项目中监听页面刷新和关闭

在实际开发项目中,有时候我们需要在刷新和关闭时,触发一些功能,那么如何监听到页面的刷新和关闭呢?1. 在methods中定义事件方法:methods: { beforeunloadFn(e) { console.log('刷新或关闭') // ... }}2. 在created 或者 mounted 生命周期钩子中绑定事件created() { window.addEventListener('beforeunload', e => this.beforeunl

2021-01-07 14:25:07 3128 3

原创 vue项目中使用iframe嵌套外部链接页面的实现与应用

一. 应用需求在vue开发项目的过程中,需要在自己的页面框架中,引用别人做的页面功能,但又不想直接跳转,失去整个系统的统一性,只想在这个子页面(子路由里跳转),那么如何实现呢?很简单!iframe就可以帮我们完成! 本文将以嵌入哔哩哔哩为例二、实现过程1、侧边栏的实现以下代码都是在sideMenu.vue侧边栏组件中实现1.1 template页面显示部分——为侧边栏绑定单击事件<template> <div> <Menu :active-name="

2021-01-06 14:29:35 14204 12

原创 Vue实现倒计时

完整代码如下:<template> <div> <div class="cardBox"> <div > <img class="erweiPhoto" src="../assets/img/微信图片_20201222170418.jpg"> </div> <div style="margin:5px 0 5px 0"> {{"二维码剩余有效时

2021-01-02 21:19:24 8338

原创 Javascript教程(十一)——Date对象 || Math对象 || 包装类 || 字符串常用方法

继续讲其他的内建对象一、Date对象在JS中使用Date对象来表示一个时间创建一个Date对象如果直接使用构造函数创建一个Date对象,则会封装为当前代码执行的时间var d = new Date();// 输出当前代码执行时候的时间console.log(d); // Thu Dec 10 2020 21:35:25 GMT+0800 (中国标准时间)创建一个指定的时间对象需要在构造函数中传递一个表示时间的字符串作为参数//日期的格式 月份/日/年 时:分:秒var

2020-12-10 22:30:14 174 1

原创 Javascript教程(十)——函数的方法call()和apply() // 补充arguments知识

函数也是对象,也有自己的方法一、call()和apply()方法这两个方法都是函数对象的方法,需要通过函数对象来调用当对函数调用call()和apply()方法时,都会调用函数执行。function fun(){ alter("我是fun函数!");}fun.apply();fun.call();fun(); //这仨都能调用函数执行那有啥区别呢?在调用call()和apply()可以将一个对象指定为第一个参数此时这个对象会成为函数执行的this这就可以改变函数执行

2020-12-10 21:21:08 108

原创 Javascript教程(九)——数组对象及数组的各个方法

在本系列教程三中,我们提到,JS中的对象有三大类:1.内建对象由ES标准中定义的对象,在任何的ES的实现中都可以使用2.宿主对象比如 BOM DOM对象3.自定义对象由开发人员自己创建的对象接下来我们就说一下内建对象中的数组(Array)数组(Array)它和我们普通对象功能类似,也是用来存储一些值的不同的是普通对象是使用字符串作为属性名的,而数组时使用数字来作为索引操作元素数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据1、创建数组对象var arr

2020-12-09 15:37:54 280

原创 Javascript教程(八)——原型对象与原型链

一、原型(prototype)我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype。这个属性对应着一个对象,这个对象就是我们所谓的原型对象。如果函数作为普通函数调用prototype没有任何作用如果当函数以构造函数的形式调用时,它所创建的对象中都会有一个隐含的属性,指向该构造函数的原型对象,我们可以通过__proto__ 来访问该属性function MyClass(){}var mc = new MyClass();var mc2 = new MyClass();

2020-12-08 15:05:43 175

原创 Javascript教程(七)——构造函数

一、使用工厂方法创建对象由于我们在开发中,很多时候,创建的对象,都具有共同的属性,比如:var obj = { name = "孙悟空"; age = 18; gender = "男"; sayName = function(){ alert(this.name); }};var obj1 = { name = "猪八戒"; age = 18; gender = "男"; sayName = function(){ alert(this.name); }};obj与

2020-12-08 13:36:19 209

原创 Javascript教程(六)——this的作用及其指向

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2020-12-07 19:23:13 513 4

原创 Javascript教程(五)——作用域与声明提前

JS作用域1.全局作用域直接编写在script标签中的JS代码,都在全局作用域全局作用域在页面打开时创建,在页面关闭时销毁在全局作用域中有一个全局对象window,它代表的是一个浏览器的窗口,它由浏览器创建,我们可以直接使用console.log(window); //"[object Window]"在全局作用域中:创建的变量都会作为window对象的属性保存(※)var a = 10; //加window.可以console.log(window.a);var

2020-12-03 20:14:35 98

原创 Javascript教程(四)——函数

JS函数函数也是一个对象函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)函数中可以保存一些代码在需要的时候调用使用typeof检查一个函数对象时,会返回function封装到函数中的代码不会立即执行,会在调用的时候执行1、创建函数使用函数声明来创建一个函数语法:function 函数名([形参1,形参2…形参N]){语句…} */ function fun2(){ console.log("这是我的第二个函数~~~"); a

2020-12-03 19:55:56 104

原创 Javascript教程(三)——JavaScript中的对象

JS中的对象String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义以上这五种类型属于基本数据类型,以后如果看到的值不是上面5种,全部都是对象。基本数据类型都是单一的值,值与值之间没有任何联系。而对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性对象属于引用数据类型基本数据类型与引用数据类型JS中的变量都是保存到栈内存中的。基本数据类型的值直接在栈内存中存储值与值之间是独立存在的,修改一个变量不会影响其他变量

2020-12-03 17:34:56 105

原创 Javascript教程(二)——JavaScript基础语法

JS的输出语句//向浏览器弹出一个警告框alert("Hello world");//让计算机在页面中输出一个内容document.write("Hello world");//向控制台输出一个messageconsole.log("Hello world");JS的编写位置1、写到标签的属性中,属于结构与行为耦合,不方便维护,不太推荐<!--写到onclick属性中,当我们点击时,js代码才会执行--><button onclick="alert('msg');

2020-12-02 16:15:10 213

原创 Javascript教程(一)——JavaScript简介

一、起源JavaScript诞生于1995年,它的出现主要是用于处理网页中的前端验证。所谓的前端验证,就是指检查用户输入的内容是否符合一定的规则。比如:用户名的长度,密码的长度,邮箱的格式等。二、简史JavaScript是由网景公司发明,起初命名为LiveScript,后来由 于SUN公司的介入更名为了JavaScript。1996年微软公司在其最新的IE3浏览器中引入了自己对JavaScript的实现JScript。于是在市面上存在两个版本的JavaScript,一个网景公司的Java

2020-12-01 21:08:09 175

转载 logback的使用和logback.xml详解

一、logback的介绍Logback是由log4j创始人设计的另一个开源日志组件,官方网站: http://logback.qos.ch。它当前分为下面下个模块:logback-core:其它两个模块的基础模块logback-classic:它是log4j的一个改良版本,同时它完整实现了slf4j API使你可以很方便地更换成其它日志系统如log4j或JDK14 Logginglogback-access:访问模块与Servlet容器集成提供通过Http来访问日志的功能二、logback取代

2020-12-01 17:04:24 154

转载 intellij IDEA中Tomcat乱码问题的解决及相关设置

问题:idea中Tomcat输出出现乱码于是尝试了一系列办法,希望这些办法对您有帮助。先看一下乱码的样式。设置办法1、在tomcat Server中设置 VM options , 值为 -Dfile.encoding=UTF-8 ,可惜没生效2、在setting中的 File encodings 中设置编码格式,后来发现这是设置页面编码格式的,所以也没生效,不过遇到相关问题的朋友也不防照此设置下。3、在java Complier中设置Additional command line param

2020-12-01 16:20:56 635 1

原创 Node.js学习笔记(五)—— fs文件系统(Part1)

fs——文件系统在Node中,与文件系统的交互是非常重要的,服务器的本质就将本地的文件发送给远程的客户端Node通过fs模块来和文件系统进行交互该模块提供了一些标准文件访问API来打开、 读取、写入文件,以及与其交互。要使用fs模块,首先需要对其进行加载 const fs = require("fs");同步和异步调用fs模块中所有的操作都有两种形式可供选择同步和异步。同步文件系统会阻塞程序的执行,也就是除非操作完毕,否则不会向下执行代码。异步文件系统不会阻塞程序的执行,而是在操作完成

2020-11-16 20:30:08 112

原创 Node.js学习笔记(四)—— Buffer缓冲区

一、Buffer(缓冲区)Buffer的结构和数组很像,操作的方法也和数组类似JS数组中不能存储二进制的文件,而buffer就是专门用来存储二进制数据使用buffer不需要引入模块,直接使用即可在buffer中存储的都是二进制数据,但是在显示时都是以16进制的形式显示buffer中每一个元素的范围是从00 - ff(16进制描述)0 - 255(10进制描述)00000000 - 11111111(2进制描述)Buffer的大小一旦确定,则不能修改,Buffer实际上是对底层内存的

2020-11-09 18:13:57 230

router-demo-for-tangtang

router-demo-for-tangtang

2022-10-25

空空如也

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

TA关注的人

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