自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

houshufen

职场小白的进阶之路

  • 博客(85)
  • 收藏
  • 关注

原创 jQuery理解

通过查看jQuery API可以知道,jQuery的内容主要分为十三各部分,但是常用的几大部分有:核心、选择器、属性、筛选、文档处理、事件、效果(动画)、ajax. 一、核心主要是核心函数和对象访问。 1、 核心函数 $()的集中用法:用作选择器:()里面传的是选择器body> p>aaap>body>script> console.log($(

2018-01-17 00:39:53 3732

原创 pycharm连接远程服务器,成功运行项目

在运行项目的过程中,由于自己电脑GPU不够,通常需要将项目放到服务器上运行,这时就会遇到如何将pycharm和服务器进行连接,这样可以方便改代码。

2022-07-12 21:48:57 1743 4

原创 ssh连接有问题:kex_exchange_identification: read: Connection reset

ssh 连接不上服务器,kex_exchange_identification: read: Connection reset

2022-06-21 16:49:06 33691

原创 【脑肿瘤分割论文】:TransBTS: Multimodal Brain Tumor Segmentation Using Transformer

脑肿瘤分割论文

2022-06-15 10:17:52 1607

原创 基于Vue的图片裁剪 vue-cropper

今天做项目遇到了这样一个需求:对于要上传的图片进行裁剪,于是发现了一个好的工具----vue-cropper首先下载vue-croppernpm install vue-cropper引入vue-cropperimport { VueCropper } from 'vue-cropper'export default { components: { VueCropper }, }封装成组件uploadPattern.vue<template> &

2021-06-24 17:39:19 937

原创 elemnt-ui table改为只能单选

这几天遇到了这样一个需求:使用element-UI的table组件,但是又只能勾选其中一条数据,从而进行其他的操作。解决办法://单选 selectData(selection, row) { this.$refs.multipleTable.clearSelection(); if (selection.length === 0) { return; } this.$refs.multipleTable.toggleRowSelection(row, true);

2021-06-16 17:01:35 660

原创 vue重点知识

$nextTick()1. 使用原由由于Vue的数据驱动视图的更新是异步的,也就是在修改数据的当下视图不会立即更新,而是等同一事件循环中所有数据变化完成之后,统一进行视图更新。2. 使用场景需要在视图更新之后,基于新的视图进行操作,一般写在created和mounted里面mounted(){ this.$nextTick(()=> { this.setCircleHeiht() }) window.addEventListener("resize",this.

2021-04-23 17:56:19 139

原创 Echarts遇到的坑

最近在用Echarts绘制一些图表,但是在使用的过程中有这样一个问题:我们要展示的数据都是从后端获取的,所以展示的数据当然也要是从后端获取的。但是我们看到官网的实例data都是固定的,本来觉得挺简单的,就是将后端获取到的数据赋值给全局变量temp,然后data:this.temp代码://调用接口 _getOneWeektrans(){ getOneWeektrans().then((res)=>{ let data=res.d

2021-02-01 15:18:32 406

原创 js转换Datetime遇到的坑

今天写页面发现这么一个问题:将后台传来的时间格式化,本来是一个很简单的问题,但是搞了好久发现转换不对,百度了很久,自己写的和别人差不多,没发现什么问题。原本的代码:function _getDate(time) { let str = null let date = new Date(str) let year = date.getFullYear() let month = date.getMonth() + 1 let day = date.getDate()

2021-01-26 09:25:41 480

原创 银联支付前端页面跳转

这几天做银联的时候遇到了这样一个问题:后端返回了一个完整的html,需要在前端跳转到银联支付的页面,测试的时候一直进如debugger,在网上查了很多资料,都没找到想要的答案。问题如下:最后问了客服才知道,是因为银联不能在测试情况下打开页面,所以解决办法就是按F12把测试关闭就可以打开了。跳转页面的代码: const div = document.create...

2020-01-10 10:07:29 2536 2

原创 阻止子元素的事件冒泡到父元素

在项目中我们常常遇到这样一个问题:就是一个父元素里面有很多子元素,父元素和子元素都会有点击事件,当我们点击子元素的时候,不希望触发父元素的点击事件。案例:购物车列表,想要点击增加或减少按钮时不希望触发父元素的点击事件进入详情页。在子元素的点击事件中加入: //阻止click事件冒泡到父元素 event.stopPropagation();这样问题就解决啦。...

2019-12-26 09:40:27 1128

原创 el-upload的用法

今天用了一下upload这个上传组件,遇到了一些问题,记录一下,可能还是不熟练的原因吧。直接上代码吧:页面部分: <el-form-item label="宣传视频:"> <el-upload v-model="value.url" class="upload-demo" :limit="li...

2019-12-12 17:03:15 8644

原创 父组件修改子组件的值

之前对emit这个东西不怎么熟悉,最近两天用到了好几次,所以就想把它记录一下。父组件修改子组件的默认值子组件: props: { limitNum: { default: 3 } }, methods:{ emitLimitNum(){ this.$emit("limitNum"); }, }父组件:(upload-im...

2019-12-11 16:02:36 4844

原创 移动端点击输入框,键盘把底部的内容顶起

今天遇到这样一个问题:手机端输入表单信息时,键盘把底部的按钮顶起,这样就把一部分表单遮盖住了。详情如下图:可以看到,详细地址被遮盖住了,这样的用户体验肯定不好,解决办法如下:通过将实时屏幕高度和默认屏幕高度进行比较,如果实时屏幕的高度大于默认屏幕高度,就将按钮隐藏,否则就显示按钮。具体实现如下:1.将底部设置为fixed <div class="footer" v-sh...

2019-12-05 15:34:27 2002 3

原创 快速创建vue项目和react项目

创建vue项目:npm install --global vue-cli //全局安装vue-cli 如果之前已经安装好了vue可以不用vue init webpack 项目名创建完成之后就可以启动项目了 npm run dev创建react项目:1.npm install -g create-react-app2.create-react-app my-app3.n...

2019-11-15 14:00:29 215

原创 堆栈的深层次理解

下面写了三种颜色来改变div的颜色,前面两种可以改变,第三种却不可以改变,是什么原因呢?<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>堆栈内存的深度理解</title> <style> ...

2019-11-14 09:50:16 199

原创 栈内存和堆内存

今天学习了一下js基础,发现自己有很多底层原理都不怎么清楚,今天就来讲一个栈内存(stack)和堆内存(heap)。栈内存:主要分为变量存储空间和值存储空间,用来存基本数据类型,其中js中基本数据类型有5种,分别是:Number、string、null、NaN和Boolean堆内存:存储引用类型的值let n=10;上面这句代码其实分为三部:创建一个变量,然后把变量存放在栈内存的变量...

2019-11-12 14:25:30 189

原创 微信小程序自定义icon

微信小程序中wx.showToast,之前做的时候没注意,以为只可以用icon,后来看到官方文档可以自己插入图片,比如:当我们操作的时候失败了,我们需要给一个错误提示,如果我们这样写:wx.showToast({ title: '扫码失败', icon: 'none', duration: 2000})也是显示成功的提示,这时我们可以从https://www.iconfont.c...

2019-11-11 15:46:06 643

原创 手机端隐藏滚动条但是可以滑动内容

代码:body::-webkit-scrollbar { display: none; }

2019-11-04 09:47:33 690

原创 用HTml+csss实现优惠券

优惠券主要是做两边的波浪,主要用到的是css3多背景拼接,效果图:代码:html: <div class="list"> <div class="item"> <div class="left"> <div class="block"> ...

2019-10-25 09:29:43 3546

原创 字符串转数组

今天遇到这样一个问题:var str="[{productId=1181461914442657793, visitNum=78, productName=麻辣王子}, {productId=1182163138800361474, visitNum=15, productName=荔枝}, {productId=1181472367218651138, visitNum=5, productN...

2019-10-10 21:50:44 366

原创 Echarts的一些属性

1、地图设置涟漪效果代码: series: [{ name: '城市', type: 'effectScatter', coordinateSystem: 'geo', symbolSize: 15, //设置显示的圆点大小 legendHoverLink:true, d...

2019-09-25 10:24:14 991

原创 将一个数字以个位、十位、百位来显示

效果图:html代码:total是一个数组,将数字通过js分割之后存在total里面<div class="scanner"> <p>全国扫码总量</p> </div> <div class="quantity"> <p> <span v-for="(item,index) ...

2019-09-25 10:09:32 1141

原创 创建vue模板

如果我们在写代码之前写一个模板,这样就省的我们一个一个敲了,写代码的速度也会快很多。步骤:file->preferences->userSnippets,然后找到vue.json在vue.json文件里面加上以下代码,"Print to console": { "prefix": "vue", "body": [ "<!-- $0 -->", ...

2019-09-19 10:19:19 253

原创 跳转页面之前清除SetInterval

const time=window.setInterval(function(){},1000);// 通过$once来监听定时器,在beforeDestroy钩子可以被清除。 this.$once('hook:beforeDestroy', () => { clearInterval(time); ...

2019-09-18 16:28:39 1072

原创 SetInterval遇到的问题

今天在使用SetInterval的时候遇到了这样一个问题:就是setInterval中调用后端接口,直到满足条件就跳转页面。跳转页面代码:this.$router.push({name:"Start"})但是一直报这个错:错因:这个this是window的,而不是Vue的,所以我们需要在SetInterval外面先用一个变量存起来,然后再使用window的this:vue的thi...

2019-09-18 10:44:37 392

原创 Use // eslint-disable-next-line to ignore the next line.问题

这几次创建完一个vue项目之后运行项目就出现了这个问题,之前还以为是自己写错了,但是通过上网查找是因为开启了 eslint编码规范检查。解决办法:1.在build文件夹下找到webpack.base.conf.js2.将…(config.dev.useEslint ? [createLintingRule()] : []),注释掉这样重新启动项目就不会报错了。...

2019-09-09 13:46:53 6408

原创 action-sheet使用

在使用mint-ui组件的action-sheet时遇到这样一个问题:就是name属性我是从后端传过来的,但是要获得每次点击的值。官网提供的写法html<mt-actionsheet :actions="actions" :visible.sync="sheetVisible"></mt-actionsheet>js<script>exp...

2019-09-02 16:11:48 1547

原创 vue的基本用法

v-model和v-model.lazy的区别v-model:双向数据绑定,它会根据控件类型自动选取正确的方法来更新元素。v-model.lazy:使用change事件进行同步,而非input进行实时更新<div class="example1"> <input v-model="message" placeholder="edit me"/> ...

2019-08-30 17:24:21 109

原创 时间格式显示

最近两天在时间格式的显示上遇到了一些问题,在网上找了一个组件moment,用在微信小程序中,在电脑上能正常使用,但是把代码上传到服务器之后,就报错了,locale is not a function.现在还没弄清楚是什么原因。我只能换了一种方法。utc格式转换为日期时间格式首先将utc格式转换为时间戳 var operationTime = data.recordItems[i].o...

2019-08-29 11:53:52 213

原创 idea修改页面不需要重启项目

今天在用idea该页面的时候发现,我改动了一下html文件,刷新页面并没有显示出来,需要重启项目,后来找到了一种方法解决了此问题。两个步骤:step1:file->settings->Build…把自动运行项目勾选起来step2:做完第一步之后,点击ok按钮,然后Alt+Shift+Ctrl+/->Registry 勾选“compiler.automake.allo...

2019-08-19 15:48:25 10723 2

原创 修改组件样式

在写页面的时候通常会遇到这样一个问题:某些组件对于某些场景下使用也许不是很适合,所以我们就希望改变已经定义好的组件样式。<style scoped></style>scoped是为了防止单个页面被污染,虽然把scoped去掉,然后找到对应的标签,可以改掉它的样式。但是显然这种做法是不可取的。还有另一种方法:用>>>格式:>>>...

2019-08-15 15:52:07 2433

原创 ES6学习

ES6let和var的区别let只在代码块中有效,var在全局范围内有效let只能生明一次,而var可以声明多次for循环很适合用letfor(var i=0;i<10;i++){ setTimeout(function(){ console.log(i); //输出10个10 }) } up(){ ...

2019-08-14 16:04:57 87

原创 localhost可以运行项目,但换成ip地址就进不去

今天在做项目的过程中遇到了这样一个问题:就是我自己写好的一个vue项目,希望其他人可以通过ip地址去访问,所以当我把ip:端口号/路由写好后在浏览器进行访问,发现访问不了,然而把ip地址改成localhost就可以了。解决办法:只需要找到config文件夹下的index.js文件里的module.exports下的dev,把host:localhost改成host:‘0.0.0.0’,然后重新...

2019-07-24 16:19:01 2937

原创 字符串拼接方式

今天使用了mint-ui中的mt-cell组件,遇到了这样一个问题:<mt-cell v-for="item in cells" :key="item.content" :title="item.title" is-link to="batch/addInfo...

2019-07-18 22:28:15 236

原创 github遇到的问题

将本地项目提交到GitHub的一般步骤进入到要上传的项目的目录,git init //初始化仓库git add . //添加文件到本地仓库git commit -m “提交代码的原因” //添加提交原因git remote add origin 远程连接 //与远程仓库进行连接git pull origin master // 把本地仓库的变化连接到远程仓库主分支g...

2019-07-05 11:26:59 237

原创 node和npm

node和npm是什么nodeNode.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时。这是node官网上给出的定义,简单来说,它是JavaScript的运行环境或者是JavaScript的运行平台,而不是js文件。npmEssential JavaScript development tools that help you go to market...

2019-07-04 17:37:45 207

原创 跨域遇到的问题

这几天通过利用豆瓣提供的api,写了一个电影的跨域,数据都能得到,当我把数据注入到$scope中可以输出,但是在页面里取数据就是取不出。找问题找了一两个小时,都没发现哪里有问题。代码如下: 自定义跨域函数:(function(angular){ var app=angular.module("movie.service.jsonp",[]); app.service('jso...

2018-05-23 23:18:47 172

原创 跨域请求数据

当端口或者ip不同的时候,如果去请求数据是不能成功的,所以这个时候需要用到跨域来实现数据的请求。 HTML中有几种标签是具有跨域功能的,分别是:img标签link标签iframe标签script标签 下面说一下这几种标签的特点:img的src如果写一个网址,就会返回HTML代码,但是它只能解析图片类型的数据link标签只能解析css代码iframe标签只能解析HTML代码s...

2018-05-20 00:41:12 266

原创 ajax上传图片

最近用node JS写了一个文件上传的案例,用到是ajax将文件数据传到后台,代码如下:// 上传文件 var myfile=$("#fileInput"); $("#certainUpload").on("click",function(){ var file=myfile[0].files[0]; if(file==undefined)...

2018-05-12 21:26:52 181

空空如也

空空如也

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

TA关注的人

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