自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

monkeyfly学前端

记录自己的前端学习之路(记录成长中遇到的各种坑、难点、问题及解决方法,分享相关的方法、技巧、经验和资源)

  • 博客(74)
  • 资源 (4)
  • 收藏
  • 关注

原创 jQuery中attr()与prop()的区别

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提在 jQuery 里,我们要获取一个标签元素的属性,可以用 attr()方法或者 prop()方法 ,那么两者有什么区别呢?jQuery attr() 方法 和 prop() 方法attr() 方法设置或返回被选元素的属性值。prop() 方法设置或返回被选元素的属性和值。注:单纯从定义看的话,两个方法...

2018-11-29 20:31:05 8397 1

原创 swiper组件如何自定义分页符和前进后退按钮

前提今天产品提了这样一个需求:用户在首次登录后,要展示一个引流的轮播图,其内容主要是对新功能的图文说明(类似于王者荣耀每次更新时的内容一览轮播图,如下图所示)。如果非首次登录,则让它隐藏掉即可。注:由于时间关系,前端用 localstorage本地缓存 简单实现一下功能就行,暂时先不需要调用后台接口。王者荣耀版本更新主要内容一览图要实现的效果图大致如下所示:功能实现首先,轮...

2018-11-21 23:38:56 14996 1

原创 on()方法绑定的事件执行两次的原因

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提今天在测试功能时,突然发现为 ul 中的 li元素 绑定的点击事件 “失效了”。即点击了没反应。具体是这样的:页面中本来就存在一个 ul 列表,然后 为 ul 中的 每一个 li 元素 用 on()方法 绑定了点击事件。此外,页面中还有一个新增按钮,点击可以在页面中 追加 一个 ul 列表 。追加...

2018-11-02 21:37:53 2635

原创 《CSS世界》学习笔记(一)

《CSS世界》第一章 概述1.1 CSS 世界的“世界观”HTML —— 对应一块魔法石CSS 选择器 —— 对应魔法师手中的选择法器,可以选择任何一块魔法石每一种 CSS 属性 —— 对应一位魔法师CSS 的各种属性值 —— 对应魔法师的魔法技能浏览器 —— 它们所在的“王国”→ 王国”会不断更新法律法规(版本升级);→ 或者允许魔法师使用某些新技能(即 CSS 新的属性值...

2018-10-31 23:23:01 434

原创 jQuery和ajax实现简单的分页(未完成)

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提现阶段要对以前的代码进行重构,再加上我之前也没有写过分页的功能,于是就在原有代码的基础上进行重写。刚开始我也不会写,我也只能是参考以前的写法,在自己完全理解的基础上进行重写。那如何进行下手呢?原理分析我用点击地址簿图标,获取收寄件人地址信息的案例进行分析一下:点击地址簿图标后,向后台发起请求,获取收...

2018-10-31 01:10:01 6141 4

原创 使用jquery的load方法加载html页面,但是html引入的js不生效

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提有一个公共的登录弹框页面需要在多个页面引用,百度后就使用了jQuery 的 load 方法。做法:将公共的 html 页面提取出来,放在一个独立的 HTML 文件中。然后在需要使用的 html 页面中,使用 jQuery 的 load 方法进行引用即可。注:提取的部分,不需要包含多余的<head&g...

2018-10-24 23:51:47 60782 15

原创 switch分支语句合并相同功能的case语句

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提描述:switch 语句用于:根据一个变量的不同取值,来执行不同的代码。语法:switch(n){ case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: 如果以上条件都不满足,则执行该代码;}如果多个 case...

2018-10-23 21:01:29 37912 6

原创 :visible选择器使用过程中所遇到的问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提3种登录方式点击切换时,会隐藏其他的登录模块。在密码登录和手机验证登录两种登录类型中,都存在一个登录按钮。【如下图所示】要实现的功能:按下回车(Enter键)登录。思路:在按下回车登录时,需要判断此时选择了哪一种登录方式,然后才能进行登录。即需要判断当前哪一个登录模块可见,并调用相应登录按钮的点击事件...

2018-09-30 14:58:12 1729

原创 关于bootstrap-table冻结列生成多个冻结表头和表格主体的问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提项目中有3个页面的表格使用到了 bootstrap-table 冻结列的功能其中,某个表格要实现如下图所示的功能:正常列表头的某些单元格需要将字体加粗并且将字体颜色变为红色功能实现了是没错,但是当使用 Ctrl + +(加号) 对浏览器页面进行缩放时,发生了特别诡异的现象:不但字体颜色消失了,而且冻结列...

2018-09-28 23:28:49 5976 3

原创 微信小程序 text-overflow 设置无效的问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提今天突然发现小程序页面中之前设置的文字超出省略显示的效果在真机上显示无效。但是微信开发者工具上的手机模拟器可以正常显示省略号(...)。//文本溢出单行省略的代码如下:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;然后就...

2018-09-07 17:37:34 10473 1

原创 关于文字图片滚动插件滚动失效的问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提项目中有个地方需要实现文字无缝滚动的效果。如下图所示: 于是负责该项目的后台开发人员,就在 jQuery插件库里面随便找了一个滚动插件来使用:图片文字滚动插件jQuery Scrollbox(点击查看)他之前使用该插件的时候,文字是可以正常滚动的,只是后来因为样式问题需要我前端来调整。然后,我就...

2018-09-04 09:43:33 801

原创 微信小程序跳转其他小程序报错

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提广告位中的图片需要点击跳转至指定的小程序。当前小程序和要跳转到指定的小程序,二者之间已经满足了都是同一公众号下关联的小程序的前提。不满足前提,无法在一个小程序内打开另一个小程序。tip:只有同一公众号下的关联的小程序之间才可相互跳转。 详情入口(点击查看)问题再现1.实现方式:使用 &l...

2018-08-30 19:32:22 15336 1

原创 wxss中background属性使用背景图片无效的问题

前提所要实现的效果图如下所示:(两个 view 之间使用两个 格式为.png 的绑带图片相连接) 我的实现方式:习惯了通过伪元素设置background属性来实现。基于简便快捷的方式,并没有选择使用官方提供的<image/>组件来实现。首次开发微信小程序,并不知道 background 属性中的背景图像(即background-image属性)无法将 url 设置为本地的图...

2018-08-29 20:44:29 15613

转载 JPA调用oracle存储函数

JPA调用oracle存储函数Oracle stored procedures带有返回值 简单的Oracle函数Oracle函数CREATE OR REPLACE **PROCEDURE** count_comments ( postId IN NUMBER, commentCount OUT NUMBER ) AS BEGIN SELECT...

2018-08-28 18:17:47 1621

原创 微信小程序web-view组件嵌入h5页面导致显示不正常的问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提已知存在一个微信小程序,该小程序的某个页面通过web-view组件嵌套了我们微信公众号的一个h5下单页面。在小程序内嵌套的这个h5下单页面中,进行下单操作后会跳转至下单成功页面。说明:下单成功后,页面会显示用js计算的取件时间、图片广告位、下单成功列表以及再下一单按钮。然后,问题就来了:下单成功后...

2018-08-22 20:53:21 28381 4

原创 关于苹果手机Date.parse()方法不兼容的问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。问题描述广告位需要在生效时间内进行展示,这就需要将当前时间和广告位配置的开始时间以及结束时间进行比较。如果当前时间位于广告生效期内则展示,否则就隐藏。问题分析从配置文件中拿到的时间格式为:2018-07-04 23:17:43.0所以要将获取到的具体时间转化为毫秒数才能进行比较,故使用了Da...

2018-07-24 00:52:27 4566

原创 关于a标签的点击事件触发无效的问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提项目为:xxxx管理系统。在该系统中,可以通过点击左侧的菜单(导航栏)来实现右边内容的切换。而且内容区的页面都是嵌套在 iframe 框架中的。前提: iframe 嵌套的某个页面中有一个 <a> 标签。如:<a href="javascript:;&amp

2018-07-21 16:42:53 44455

原创 租房广告中的学问之java数组遍历

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提就在刚才,群里有人发了这样一张图片(如下图所示): 说白了就是:在张贴的租房广告中,房东将本人的联系方式以代码的形式写了出来,并且用的是java的语法。要想联系本人,肯定要知道代码本身代表的意义,即这几行代码的执行结果是什么?问题分析虽然我学过java,但是学艺不精,而且许久未接触,大部分...

2018-07-09 14:47:33 255

原创 关于苹果手机:active设置无效的问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提今天早上群里有人提问:iphone 不兼容CSS的:active怎么破?我也是第一次听说这个问题,为了找到解决方法,于是去百度搜了一下。原因其实就是:苹果手机浏览页面中设置的css伪类:active失效了。解决方法在iOS系统的移动设备中,需要在按钮元素或body/html上绑定一个t...

2018-07-03 14:20:00 5375 1

原创 关于安卓手机的微信内置浏览器中页面跳转失效的问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提今天下午在JS前端群里有人问了一个问题:在微信浏览器中,window.location.href这个跳转方法不能用吗?在安卓手机试过了不行,但是ios可以,这是为什么?以下是后续的问题说明:用本地在手机浏览器中可以,但是在微信中不行,ios没问题的,只有安卓有问题。在安卓手机上的浏览器可以...

2018-06-29 00:03:20 20669 4

原创 子元素宽度设置50%无法并排显示的问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提需求需要实现的效果图如下所示。 但为了让两个设置了display:inline-block;的div并排显示时,却出现了换行的问题。(如下图所示) 解决方法方法1. width:49%;(虽然解决了布局的问题, 但是还是不明白为什么了宽度设置了50%会失效。)为了找到原因,专门去百...

2018-06-25 14:45:29 4172

原创 关于在IE8浏览器的环境下页面一直刷新的问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提今天项目中遇到一个问题需要前端解决:在IE8浏览器的环境下,进入登录页,页面会一直刷新,肉眼看到的效果就是不停地闪烁。但是在其他高版本浏览器中就不会出现这个问题。我的第一反应就是:浏览器的兼容性问题。要么是页面缺少了适配低版本浏览器(这里指IE8及其以下版本)的配置信息,要么是页面头部(<hea...

2018-06-22 10:58:20 5233

原创 小数点后保留2位小数的正则表达式

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提今天同事问我,这个正则表达式是什么意思?(如下所示)^(([1-9]{1}\\d*)|([0]{1}))(\\.(\\d){0,2})?$我说目前我也不知道它代表什么,那要看你的使用场景了,一时半会也看不出来,我得分析一下。他说,要求保留两位小数。这是我网上百度的用法,你看一下对不对?于是,...

2018-06-20 20:35:34 39897 6

原创 js时间格式化方法

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提大家平时可能会有各种各样的时间格式的要求,在此,我将项目里学到的关于时间格式化的方法分享出来,供大家参考学习。这会为大家日后的开发提供很大的便利。在需要的时候,直接传参调用该方法即可。该方法罗列出了我们平时常用到的一些时间格式。只要为该方法传递不同的格式参数,就会输出不同的时间格式。方法...

2018-06-11 22:51:42 2446

原创 js代码跳转页面时的路径问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提两个页面之间跳转,需要在js中使用 window.location.href的属性指定跳转的路径。对路径而言,平时使用的都是相对路径。所以在进行跳转时,必须要指定跳转至下个页面的相对路径。相对路径:就是指由当前文件所在的路径引起的跟其它文件(或文件夹)的路径关系。 简单的说,就是从当前路径开始的路径。...

2018-06-05 20:47:18 20430 2

原创 js实现每次点击都重复执行CSS动画——animation

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提想实现的效果:每次点击span元素时,都要实现样式的过渡变换并最终恢复默认样式(主要指背景颜色和字体颜色)。 具体变化过程:默认颜色——指定颜色——恢复默认颜色。最终效果如下图示:成功的做法该做法的出处:javascript中animation运动, 怎样通过点击事件让他重复执行注:...

2018-05-30 20:21:19 31211 11

原创 nginx启动失败之nginx: [emerg] invalid number of arguments in "root" directive in nginx/nginx.conf:41

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提由于更换了新的SVN地址,所以必须在新的SVN地址上重新检出所有的项目至本地。因为之前都习惯用中文命名文件夹,这次就想尝试用英文命名。而且之前也听别人说中文命名可能会导致某些问题。命名的项目文件都会以文件路径的形式出现在nginx的conf配置文件中,所以建议用英文命名。我一直都是使用中文命名的,使用...

2018-05-30 16:00:07 107582 18

原创 自定义单选按钮(radio)和自定义复选框(checkbox)

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提在项目中经常会遇到样式美观的radio或者checkbox,经过我的观察,发现有两种实现方法:利用点击时切换不同的图片代替radio或者checkbox,来实现选中或者取消时的样式变换效果。利用label标签的特性以及i元素搭配伪元素(:before或者:after)进行模拟。下面主要说第二种实...

2018-05-30 00:53:04 12149 1

原创 Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提复制了一份别人写的自定义的显示隐藏方法,准备在我的js中用一下,结果使用后刚一运行就报错了。问题代码如下所示://自定义的控制显示或隐藏的方法,该方法接收两个参数,参数1表示要显示的元素,参数2表示要隐藏的元素(参数可以为空)function showOrhide(show,hide){...

2018-05-28 00:48:40 60655 2

原创 关于移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的问题

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提当在安卓手机上访问如图1所示的页面时,会出现如图2所示的现象。【苹果手机并不会出现该现象】 即当文本框(指input或textarea)获取焦点时,手机自带的键盘会被唤起并且弹出来。 此时,就会导致一个问题:处于absolute(绝对)定位或fixed(固定)定位的按钮,会被键盘顶上去,漂浮于键盘上方...

2018-05-25 00:26:12 18246 5

原创 关于正则表达式无法匹配手机号的问题

前提今天要做输入框验证手机号和电话号码的功能,需要用到正则表达式,于是就在网上搜了这么一段正则验证的代码,也不知道能不能用,先试试再说:^((0\d{2,3}-?\d{7,8})|(1[35784]\d{9}))$;按道理来说,直接复制粘贴过去就可以使用了。但是,问题出现了:居然验证失败了。我是这么使用的:(第一种方式)<input type="text" i...

2018-04-20 01:31:04 2476 1

原创 CSS background 属性全家桶

Write By Monkeyfly以下内容均为原创,如需转载请注明出处。前提今天在审查元素时,发现这样一串代码:input.btn-upload { top: 0; right: 0; width: 100%; height: 100%; opacity: 0; display: block; background:...

2018-04-17 00:08:50 9039 6

原创 百度地图JavaScript API 学习之逆地址解析

获取地图数据之逆地址解析上篇博文我们说了地址解析,即通过我们自己提供的地址信息来解析出该地址所对应的地理位置坐标(或称经纬度)。现在我们再来看一下逆地址解析。逆地址解析服务【官方介绍请点这里】根据坐标点获得该地点的地址描述,是地址解析的逆向转换。使用方法您可以通过Geocoder.getLocation()方法获得地址描述。当解析工作完成后,您提供的回调函数...

2018-04-15 01:31:18 8021

原创 百度地图JavaScript API 学习之地址解析

获取地图数据之地址解析首先我们需要知道如何进行地址解析以及有哪些地址解析的方式。其实,百度地图API给我们提供了2种解析方式:地址解析和逆地址解析。下面我们来认识一下它们。【官方的介绍地址请点这里查看】简介地址解析服务提供从地址转换到经纬度的服务。逆地址解析则提供从经纬度坐标转换到地址的转换功能。具体如下图所示:单词解释一说到地址解析,就涉及到了两...

2018-04-14 23:57:22 6625

原创 百度地图JavaScript API 学习之自定义标注图标(二)

地图绘制之添加自定义标注图标(二)在上篇文章《百度地图JavaScript API 学习之自定义标注图标(一)》中已经提到了第一种方法的使用,现在就来具体说一说第二种方法的使用。通过Icon类可实现自定义标注的图标。附上Icon的类参考链接,自行查看官方提供了两种方法来自定义标注图标:通过参数MarkerOptions的icon属性进行设置使用Marker.setIcon()方...

2018-04-12 23:41:23 7021 4

原创 百度地图JavaScript API 学习之自定义标注图标(一)

地图绘制之添加自定义标注图标(一)通过Icon类可实现自定义标注的图标。附上Icon的类参考链接,自行查看官方提供了两种方法:通过参数MarkerOptions的icon属性进行设置使用Marker.setIcon()方法。第一种方法//创建标注点,我们通常如下这样写:只传递一个Ponit类型的参数,即地理位置的坐标点。省略第二个参数var mk = new BMa...

2018-04-11 02:05:38 27918 8

原创 百度地图JavaScript API 学习之创建标注

在地图上绘制之创建标注官方demo示例和讲解——直戳这里简介所有叠加或覆盖到地图的内容,我们统称为地图覆盖物。覆盖物拥有自己的地理坐标,当拖动或缩放地图时,它们会相应的移动。覆盖物主要分为:标注(点标注、矢量图形(包括折线、多边形、圆))、信息窗口、图层。说明:本节重点介绍一下如何向地图添加标注百度地图提供的覆盖物 覆盖物 类名 说明...

2018-04-11 00:44:43 5729

原创 百度地图JavaScript API 学习之根据IP定位

IP定位示例官方浏览器定位demo示例——请直戳这里代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0,

2018-04-09 23:58:00 930 1

原创 百度地图JavaScript API 学习之浏览器定位

浏览器定位示例百度地图API官方的所有demo示例——请直戳这里 官方浏览器定位demo示例——请直戳这里后来发现的问题,这里记录一下: 在使用百度地图JS API时,无意中发现谷歌浏览器的浏览器定位功能不准确,会出现误差,它会将你当前的地理位置定偏了许多。 也不知道是不是当前谷歌浏览器版本的问题,后来又测试了其他的浏览器,定位也出现了同样的问题。 唯独搜狗高速浏览器的定位结果很正...

2018-04-09 23:37:48 3431 4

原创 百度地图JavaScript API 学习之添加控件

创建地图之添加控件官方demo示例和讲解——直戳这里这个案例就比较简单了,只需要在地图展示的基础上,添加一些与地图控件相关的代码就行了。说明: 1.可以使用Map.addControl()方法向地图添加控件。 2.提供的控件:详情可见类参考。——直戳这里 控件 类名 简介 抽象基类 Control 所有控件均继承此类的方法、属性。通过此类您可实...

2018-04-09 23:05:56 707

校园二手市场交易平台毕业论文

2018年7月份毕业,选择的毕设题目是《校园二手市场交易平台》,现将毕业论文附上,希望可以对应届毕业生有所帮助。

2018-11-12

基于web的软件工程精品课程网站的实现【数据库及源码】

如今毕业了,就把今年6月份毕设的源码贴上来了。当初选题的题目就是《基于web的软件工程精品课程网站的实现》,这可是我和我女朋友一起完成的,绝对的原创!我负责前端开发,她负责后端开发,用了两周的时间做的,个人还是比较满意的。本精品课程网站的开发基于MyEclipse 10和Sublime Text 3.0的开发环境,采用HTML与CSS、jQuery、JSP技术及MySQL数据库来实现。该网站的主要功能有:用户的登录注册、相关课程内容的展示、课程视频的在线观看、电子课件的预览和下载、作业的上传和下载以及后台管理等。最终的成果表明,该网站界面清新自然,色彩搭配良好,以绿色为主色调,符合大众审美,并且采用了人性化设计方案,将用户的交互体验放在了首位,同时也能较好的体现学校特征和课程特色。

2017-12-29

VC++24点游戏完整程序(源码)

基于MFC的可视化界面,完整代码,界面美观整洁,拥有整副扑克的24点游戏,算法完备,里面有你想要的!

2015-05-02

英语单词小助手C语言

英语单词小助手C语言 以MFC可视化窗口来实现

2015-04-13

空空如也

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

TA关注的人

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