Microbabyshine-CSDN博客

原创阿里云服务器（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 3239 5

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

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

2022-01-11 00:08:29 4112

转载 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 427

原创 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 1786

原创获取当前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 2533

原创 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 1868 2

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

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

2021-07-10 12:49:58 1291

原创 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 119

原创 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 705

转载 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 460 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 1289

原创 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 3384

原创 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 3090 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 2850 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 279

原创 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 407

原创 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 157

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

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

2021-03-01 16:43:43 347

原创 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 247 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 1929 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 5613

原创 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 597 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 3903 3

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

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

2021-01-06 14:29:35 25602 13

原创 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 8714

原创 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 257 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 136

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

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

2020-12-09 15:37:54 380

原创 Javascript教程（八）——原型对象与原型链

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

2020-12-08 15:05:43 308

原创 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 300

原创 Javascript教程（六）——this的作用及其指向

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

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

router-demo-for-tangtang

空空如也