自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 nginx实现多个域名在同一服务器指向不同端口

最近做一个跨域前后端分离,但是我并没有买2个服务器所以就想到了下面的方法nginx和tomcat等安装配置就不讲了 不懂的可以看下我的文章 centos7建站我的想法是把后台放在tomcat上,前端的页面放在nginx上进行跨域的交互这里主要看下nginx的配置打开nginx.confupstream myServer { server 47.111.166....

2019-07-30 16:12:14 6283

原创 超好用插件 vuex-persistedstate

大家在用vuex管理状态的时候是不是发现state数据每次刷新都会清空,那是因为这是存在内存中的,所以我们必须把它保存在 session storage 、local storage 或者cookie中等。但是每次这都这样做会显得很烦,这里就位大家推荐了 这款持久化插件。他可以自动帮你存储下面是使用方法npm install --save vuex-persistedstate...

2019-07-18 15:13:53 5535

原创 vue cli + vue -resource 后台交互设置

第一步: 安装 vue-resourcenpm install vue-resource --save第二步:在main.js中引入import VueResource from 'vue-resource'Vue.use(VueResource)第三步:设置后台 (找到config文件夹下的index.js修改如下) proxyTable: { '/a...

2019-06-23 16:43:47 422

原创 centos 7建站

首先需要一个 服务器和域名(我用的是阿里云)下载一个xshell,个人用户是免费的;用xshell登录服务器1.创建安装包安放位置mkdir centos2.安装jdk新建目录mkdir /user/java下载jdk链接: https://pan.baidu.com/s/1k_XyjuGOWZTa4qTGgmh15A 提取码: 9uqn安...

2019-06-11 09:17:52 379

原创 Spring mvc + form表单的ajax提交

html<form action="/prize" id="validForm" method="post"> <span>中奖结果:</span> <input type="text" id="result" name="prizeId" value=""/> <span>用户名</span> <...

2019-03-22 17:04:22 507

原创 JavaScript判断元素是否在工作窗口内

function isInViewPortOfOne (el) { const viewPortHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight ;//窗口可视高度 const offsetTop = el.offsetTop;//元...

2019-03-05 15:00:10 1101

原创 前端分页

后台数据传入为页数和当前页;1.html&lt;ul class="page page1" id="page1"&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&am

2018-12-25 14:18:17 340

原创 js运算符优先级问题

今天我这个小白算是又上了一课。我需要做一个转盘抽奖的网页,当然我们不可能平均概率,所及就用到了下面的if语句 var random; // 控制概率 var gailv = Math.random().toFixed(3); console.log('gailv:',gailv); if(0&lt;=gailv&lt;0.01){ random=1; } else ...

2018-11-22 10:00:37 122

原创 js判断打开的是pc端还是手机端

var os = function() { var ua = navigator.userAgent, isWindowsPhone = /(?:Windows Phone)/.test(ua), isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone, isAndroid = /(?:Android)/.t...

2018-10-13 17:31:29 299

原创 css图片位置

在一个固定宽高的盒子中,要放置一张宽高比不定的图片(比如说后台上传的图片),这时候图片应该如何设置样式呢?object-fitfill//不保持纵横比缩放图片,使图片完全适应,图片可能会变形contain//(保持纵横比缩放图片,使图片的长边能完全显示出来)cover//(保持纵横比缩放图片,只保证图片的短边能完全显示出来)none//(保持图片宽高不变)scale-down//...

2018-09-15 17:07:51 1877

原创 小技巧之微信小程序(持续跟新中。。。)

1.在微信小程序中,有时我们需要为button加一个背景图片,然而微信是不允许这样做的。这时我们就要用到label 。用label来绑定button实现,具体如下:&lt;button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" id='phone' hidden='true'&gt;&lt;/button...

2018-08-22 15:19:30 120

原创 html小技巧(更新中。。。)

1.margin padding 失效inline水平元素的垂直margin是无效的!比如:&lt;span&gt;文字文字&lt;/span&gt;此时,span是inline水平元素,此时对span进行margin会无效,img等例外的替换元素不算!解决方法:声明下display:inline-block行内块元素,或者换行display:block.2. ul li 下的...

2018-08-02 15:27:46 743

原创 jquery实现点击除元素外元素管理元素内元素css(+同一元素点击2次不同效果)

需要实现如下功能可以看到我点击我的课程出现下拉菜单,点击下拉菜单收回,点击外部元素也收回,那么是怎么实现的呢?先看html和css&lt;div class="content-left-title"&gt; 我的课堂 &lt;div class="select-btnclass"&gt; &lt;button class="btn"&gt; ..

2018-07-24 09:38:01 580

原创 微信小程序Scroll-view的一个心得

今天写小程序突然要用到Scroll_view看了网上好多的教程,然后自己写发现都不对,最后仔仔细细的看了一遍开发文档才知道那里错了。当时是这样写的&lt;scroll-view scroll-y="true" scroll-into-view="{{toView}}" scroll-with-animation="true"&gt; &lt;view wx:for="{{adre...

2018-07-20 14:28:09 1846

原创 微信小程序wx:for给每一个元素加事件,并获取元素内容

首先是wxml &lt;view class='js'&gt; &lt;view wx:for="{{adressMessages}}"&gt;/*这里是元素的内容*/ &lt;text class='diming'&gt;{{item.diming}}&lt;/text&gt; &lt;view class='lines1'&...

2018-07-20 10:50:50 6955

原创 设有定时器的jQuery动画循环播放

当我们需要播放多个jQuery动画时,且需要循环播放多次,但是循环内又有类似setTimeout的函数时,我们发现for,while之类的函数不能使用。这时候我们就可以把动画封装成一个函数来实现。具体如下:1.html&lt;div class="img-wrap jp-pc-wrap"&gt; &lt;div class="opa" style="opacity: 0...

2018-07-19 15:26:35 1990

原创 js控制每秒图片向左移动1px

本次用到了 window.setInterval注意不能用window.setTimeout (这个只能执行一次)1.首先HTML&lt;ul class="teacher" style="width: 14700px; left: -0px;" id="teachers"&gt;&lt;li&gt;内容&lt;/li&gt;&lt;li&gt;内容&

2018-07-18 09:55:22 1951

空空如也

空空如也

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

TA关注的人

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