- 博客(85)
- 收藏
- 关注
原创 jQuery理解
通过查看jQuery API可以知道,jQuery的内容主要分为十三各部分,但是常用的几大部分有:核心、选择器、属性、筛选、文档处理、事件、效果(动画)、ajax. 一、核心主要是核心函数和对象访问。 1、 核心函数 $()的集中用法:用作选择器:()里面传的是选择器body> p>aaap>body>script> console.log($(
2018-01-17 00:39:53 3760
原创 pycharm连接远程服务器,成功运行项目
在运行项目的过程中,由于自己电脑GPU不够,通常需要将项目放到服务器上运行,这时就会遇到如何将pycharm和服务器进行连接,这样可以方便改代码。
2022-07-12 21:48:57 1820 4
原创 ssh连接有问题:kex_exchange_identification: read: Connection reset
ssh 连接不上服务器,kex_exchange_identification: read: Connection reset
2022-06-21 16:49:06 35370
原创 【脑肿瘤分割论文】:TransBTS: Multimodal Brain Tumor Segmentation Using Transformer
脑肿瘤分割论文
2022-06-15 10:17:52 1734
原创 基于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 1028
原创 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 692
原创 vue重点知识
$nextTick()1. 使用原由由于Vue的数据驱动视图的更新是异步的,也就是在修改数据的当下视图不会立即更新,而是等同一事件循环中所有数据变化完成之后,统一进行视图更新。2. 使用场景需要在视图更新之后,基于新的视图进行操作,一般写在created和mounted里面mounted(){ this.$nextTick(()=> { this.setCircleHeiht() }) window.addEventListener("resize",this.
2021-04-23 17:56:19 171
原创 Echarts遇到的坑
最近在用Echarts绘制一些图表,但是在使用的过程中有这样一个问题:我们要展示的数据都是从后端获取的,所以展示的数据当然也要是从后端获取的。但是我们看到官网的实例data都是固定的,本来觉得挺简单的,就是将后端获取到的数据赋值给全局变量temp,然后data:this.temp代码://调用接口 _getOneWeektrans(){ getOneWeektrans().then((res)=>{ let data=res.d
2021-02-01 15:18:32 481
原创 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 513
原创 银联支付前端页面跳转
这几天做银联的时候遇到了这样一个问题:后端返回了一个完整的html,需要在前端跳转到银联支付的页面,测试的时候一直进如debugger,在网上查了很多资料,都没找到想要的答案。问题如下:最后问了客服才知道,是因为银联不能在测试情况下打开页面,所以解决办法就是按F12把测试关闭就可以打开了。跳转页面的代码: const div = document.create...
2020-01-10 10:07:29 2637 2
原创 阻止子元素的事件冒泡到父元素
在项目中我们常常遇到这样一个问题:就是一个父元素里面有很多子元素,父元素和子元素都会有点击事件,当我们点击子元素的时候,不希望触发父元素的点击事件。案例:购物车列表,想要点击增加或减少按钮时不希望触发父元素的点击事件进入详情页。在子元素的点击事件中加入: //阻止click事件冒泡到父元素 event.stopPropagation();这样问题就解决啦。...
2019-12-26 09:40:27 1189
原创 el-upload的用法
今天用了一下upload这个上传组件,遇到了一些问题,记录一下,可能还是不熟练的原因吧。直接上代码吧:页面部分: <el-form-item label="宣传视频:"> <el-upload v-model="value.url" class="upload-demo" :limit="li...
2019-12-12 17:03:15 8691
原创 父组件修改子组件的值
之前对emit这个东西不怎么熟悉,最近两天用到了好几次,所以就想把它记录一下。父组件修改子组件的默认值子组件: props: { limitNum: { default: 3 } }, methods:{ emitLimitNum(){ this.$emit("limitNum"); }, }父组件:(upload-im...
2019-12-11 16:02:36 4882
原创 移动端点击输入框,键盘把底部的内容顶起
今天遇到这样一个问题:手机端输入表单信息时,键盘把底部的按钮顶起,这样就把一部分表单遮盖住了。详情如下图:可以看到,详细地址被遮盖住了,这样的用户体验肯定不好,解决办法如下:通过将实时屏幕高度和默认屏幕高度进行比较,如果实时屏幕的高度大于默认屏幕高度,就将按钮隐藏,否则就显示按钮。具体实现如下:1.将底部设置为fixed <div class="footer" v-sh...
2019-12-05 15:34:27 2059 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 235
原创 堆栈的深层次理解
下面写了三种颜色来改变div的颜色,前面两种可以改变,第三种却不可以改变,是什么原因呢?<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>堆栈内存的深度理解</title> <style> ...
2019-11-14 09:50:16 223
原创 栈内存和堆内存
今天学习了一下js基础,发现自己有很多底层原理都不怎么清楚,今天就来讲一个栈内存(stack)和堆内存(heap)。栈内存:主要分为变量存储空间和值存储空间,用来存基本数据类型,其中js中基本数据类型有5种,分别是:Number、string、null、NaN和Boolean堆内存:存储引用类型的值let n=10;上面这句代码其实分为三部:创建一个变量,然后把变量存放在栈内存的变量...
2019-11-12 14:25:30 212
原创 微信小程序自定义icon
微信小程序中wx.showToast,之前做的时候没注意,以为只可以用icon,后来看到官方文档可以自己插入图片,比如:当我们操作的时候失败了,我们需要给一个错误提示,如果我们这样写:wx.showToast({ title: '扫码失败', icon: 'none', duration: 2000})也是显示成功的提示,这时我们可以从https://www.iconfont.c...
2019-11-11 15:46:06 678
原创 用HTml+csss实现优惠券
优惠券主要是做两边的波浪,主要用到的是css3多背景拼接,效果图:代码:html: <div class="list"> <div class="item"> <div class="left"> <div class="block"> ...
2019-10-25 09:29:43 3613
原创 字符串转数组
今天遇到这样一个问题:var str="[{productId=1181461914442657793, visitNum=78, productName=麻辣王子}, {productId=1182163138800361474, visitNum=15, productName=荔枝}, {productId=1181472367218651138, visitNum=5, productN...
2019-10-10 21:50:44 396
原创 Echarts的一些属性
1、地图设置涟漪效果代码: series: [{ name: '城市', type: 'effectScatter', coordinateSystem: 'geo', symbolSize: 15, //设置显示的圆点大小 legendHoverLink:true, d...
2019-09-25 10:24:14 1052
原创 将一个数字以个位、十位、百位来显示
效果图: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 1192
原创 创建vue模板
如果我们在写代码之前写一个模板,这样就省的我们一个一个敲了,写代码的速度也会快很多。步骤:file->preferences->userSnippets,然后找到vue.json在vue.json文件里面加上以下代码,"Print to console": { "prefix": "vue", "body": [ "<!-- $0 -->", ...
2019-09-19 10:19:19 269
原创 跳转页面之前清除SetInterval
const time=window.setInterval(function(){},1000);// 通过$once来监听定时器,在beforeDestroy钩子可以被清除。 this.$once('hook:beforeDestroy', () => { clearInterval(time); ...
2019-09-18 16:28:39 1120
原创 SetInterval遇到的问题
今天在使用SetInterval的时候遇到了这样一个问题:就是setInterval中调用后端接口,直到满足条件就跳转页面。跳转页面代码:this.$router.push({name:"Start"})但是一直报这个错:错因:这个this是window的,而不是Vue的,所以我们需要在SetInterval外面先用一个变量存起来,然后再使用window的this:vue的thi...
2019-09-18 10:44:37 413
原创 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 6511
原创 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 1592
原创 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 121
原创 时间格式显示
最近两天在时间格式的显示上遇到了一些问题,在网上找了一个组件moment,用在微信小程序中,在电脑上能正常使用,但是把代码上传到服务器之后,就报错了,locale is not a function.现在还没弄清楚是什么原因。我只能换了一种方法。utc格式转换为日期时间格式首先将utc格式转换为时间戳 var operationTime = data.recordItems[i].o...
2019-08-29 11:53:52 233
原创 idea修改页面不需要重启项目
今天在用idea该页面的时候发现,我改动了一下html文件,刷新页面并没有显示出来,需要重启项目,后来找到了一种方法解决了此问题。两个步骤:step1:file->settings->Build…把自动运行项目勾选起来step2:做完第一步之后,点击ok按钮,然后Alt+Shift+Ctrl+/->Registry 勾选“compiler.automake.allo...
2019-08-19 15:48:25 10864 2
原创 修改组件样式
在写页面的时候通常会遇到这样一个问题:某些组件对于某些场景下使用也许不是很适合,所以我们就希望改变已经定义好的组件样式。<style scoped></style>scoped是为了防止单个页面被污染,虽然把scoped去掉,然后找到对应的标签,可以改掉它的样式。但是显然这种做法是不可取的。还有另一种方法:用>>>格式:>>>...
2019-08-15 15:52:07 2451
原创 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 99
原创 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 3019
原创 字符串拼接方式
今天使用了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 263
原创 github遇到的问题
将本地项目提交到GitHub的一般步骤进入到要上传的项目的目录,git init //初始化仓库git add . //添加文件到本地仓库git commit -m “提交代码的原因” //添加提交原因git remote add origin 远程连接 //与远程仓库进行连接git pull origin master // 把本地仓库的变化连接到远程仓库主分支g...
2019-07-05 11:26:59 260
原创 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 234
原创 跨域遇到的问题
这几天通过利用豆瓣提供的api,写了一个电影的跨域,数据都能得到,当我把数据注入到$scope中可以输出,但是在页面里取数据就是取不出。找问题找了一两个小时,都没发现哪里有问题。代码如下: 自定义跨域函数:(function(angular){ var app=angular.module("movie.service.jsonp",[]); app.service('jso...
2018-05-23 23:18:47 180
原创 跨域请求数据
当端口或者ip不同的时候,如果去请求数据是不能成功的,所以这个时候需要用到跨域来实现数据的请求。 HTML中有几种标签是具有跨域功能的,分别是:img标签link标签iframe标签script标签 下面说一下这几种标签的特点:img的src如果写一个网址,就会返回HTML代码,但是它只能解析图片类型的数据link标签只能解析css代码iframe标签只能解析HTML代码s...
2018-05-20 00:41:12 279
原创 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 190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人