前端
文章平均质量分 79
清澈@Cherry
个人android开发者,网页开发者,欢迎咨询,目前在家待业中
展开
-
前端学习网站资源(不定时更新)
H5学习的一个很好的网站:http://www.html5think.com/ ,http://blog.cxycs.com/原创 2017-01-13 09:35:51 · 540 阅读 · 0 评论 -
JQuery intro.js 网页引导插件 关于在百度浏览器上无法使用键盘切换下一个步骤的问题解决
网页中基本都有很多的网页引导动画,找了一些jquery的插件,最终选择了intro.js,官网在这里:intro.js官网发现这个插件集成简单,配置也很方便,但发现v9.0的版本中,百度浏览器无法使用键盘进行切换下一步,经过debug发现,是因为百度浏览器的点击事件中,没有code这个属性,如下截图: 所以出错的是第305行中的e.code===null这个判断是错误的,e.co...原创 2018-05-21 11:09:57 · 856 阅读 · 0 评论 -
H5 通过jquery动态的设置video src的值无法播放视频?
项目中视频的播放地址,需要动态设置,用到了H5的相关播放技术,但没有成功,所以查到了这个博客,链接如下:https://segmentfault.com/q/1010000009128947?_ea=1831301通过jquery动态的设置video src的值无法播放视频?问题对人有帮助,内容完整,我也想知道答案0问题没有实际价值,缺少关键内容,没有改进余地<div id="video-b...原创 2018-05-24 10:07:48 · 40193 阅读 · 3 评论 -
H5 绘制三角形
h5绘制三角形,如下作为自己练习文章,仅作记录:<!DOCTYPE html><html><body><canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">Your browser does not原创 2018-06-05 10:43:15 · 3074 阅读 · 0 评论 -
html css 实现对话框右上角的删除按钮
点击某一个按钮,弹出对话框,需要在右上角添加删除按钮,其实很简单,需要创建一个对话框div,然后用css样式,固定位置top和right,如下: (1)右上角的删除按钮css样式为: .delete_right { display: block; cursor: pointer; width: 12px; height: 12px; pos...原创 2018-06-29 11:42:41 · 13039 阅读 · 0 评论 -
html 适配手机端,使用media方式(个人记录)
适配手机: @media only screen and (min-device-width: 320px) and (max-device-width: 360px) and (-webkit-min-device-pixel-ratio: 2) { .ui-markettrends-grid { margin-bottom: 5px; font-size: 12px; }} 参考链...原创 2018-06-29 15:23:05 · 3724 阅读 · 0 评论 -
百度Echarts饼图,点击各个选项的点击事件,以及显示百分比的文字
找了很久,想实现点击echarts生成的饼图的点击事件,用的比较旧的版本是17年的,发现这个网站:https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-7o3u28yh.html,参考这部分代码: 这样就可以实现饼图点击某一部分,监听点击事件: 试了其他博友的方式都没用,这个是最简单的方式了. // 处理点击事件并...原创 2018-06-26 16:13:20 · 39906 阅读 · 3 评论 -
web端ios和android布局fixed元素软键盘唤起时fixed失效
转自:https://blog.csdn.net/qq_26744901/article/details/51298865,项目中有使用Jquery Mobile制作的H5工程,通过Hbuilder工具打包成android的apk,在有表单输入的界面,发现一个很奇怪的问题就是,点击输入,弹出键盘,整个界面就会一起滚动,原本的fixed属性会失效,参考这位博主的思路,就是把表单放在一个div里面...转载 2018-06-20 16:35:54 · 739 阅读 · 0 评论 -
前端 summernote富文本编辑器 点击文章预览的功能实现
一般如果要在网页项目中使用文章编辑器的话,都会考虑summernote富文本编辑器,毕竟使用简便,而且是开源的,一般的用法就是:<div class="form-group"> <label class="col-sm-3 control-label">公告内容:</label> <div class="col-sm-8"&原创 2018-07-11 13:29:36 · 10468 阅读 · 1 评论 -
Jquery Tdrag拖动插件,拖动的div内有input或者select元素,元素内无法编辑或下拉问题解决
项目中需要点击一个按钮,弹出一个对话框,由于对话框尺寸很大,显示了很多东西,其实就是div设置了隐藏和显示,所以为了让低分辨率的电脑也能方便的查看内容,就想到能否有插件支持拖动弹出的div,很幸运,前辈们已经有很多插件,找到一款Tdrag,很好用,链接如下,使用也超级简单:Tdrag拖动插件 只需要导入jquery和Tdrag的js就可以初始化进行使用,一般的需求,这样其...原创 2018-07-18 11:04:33 · 4357 阅读 · 1 评论 -
spingboot 文件上传大小限制
转自:https://blog.csdn.net/ccmedu/article/details/78485603Spring Boot——多文件上传大小超限问题解决2017年11月09日 09:25:59阅读数:1189org.apache.tomcat.util.http.fileupload.FileUploadBase$FileSizeLimitExceededException: The ...转载 2018-07-12 16:17:33 · 664 阅读 · 0 评论 -
springboot 外置tomcat 中html页面访问静态img资源的问题
springboot项目中html文件中,原本img的路径是/img/profile.jpg,在idea本地运行是能获取到图片,并能正确显示的,不过打包成war包,放在tomcat里面,就访问不了,需要修改成"RuoYi/img/profile.jpg",如下: 成功显示,记录一下,另外如果在css里面引用img的话,这样写就可以: b...原创 2018-08-06 11:57:25 · 2737 阅读 · 0 评论 -
html input file 清空上传的文件输入框 angular版本
使用了input file文件上传控件,当上传成功之后,想着清空刚才的文件名,发现使用jquery的val("")还有其他方式都没作用,然后搜索看到是因为浏览器的安全机制阻止了修改,参考其他的方法进行修改,参考网址:https://blog.csdn.net/lihefei_coder/article/details/76850498 1.我的网页代码:<...原创 2018-08-14 17:59:01 · 2611 阅读 · 0 评论 -
Hbuilder android 在线更新功能 后端获取最新版本号和增量更新wgt包 (稀缺资源) 2018全网仅有
写这个博文的意义在于,做了一个使用纯h5网页的东西,然后想用hbuilder在外面包一层,这样就能android和ios都能同时使用,hbuilder打包发布的工具,自认为还是做得比较完善的.后面成功的发布了一个android版本之后,有一个问题就是不能每次我修改了一点文字,就要重新发布app或者发邮件给客户吧,这样当然是不现实的,好在Hbuilder提供了"制作移动Ap...原创 2018-08-07 17:05:14 · 8500 阅读 · 3 评论 -
Hbuilder 使用websocket,android手机上会断网,判断断网,每隔几秒进行重新连接,直到网络恢复正常
之前使用的hbuilder开发的一个程序,使用网页的形式包了一层,使用websockt和后台服务进行交互,在android手机上,有时候会遇到网络断开,导致websockt中断,导致无法正常和后台通信,百度了一下,有一个重连的插件: WebSocket重连reconnecting-websocket.js的使用. 转载自:https://www.cnblogs.com/kennyliu/p/...转载 2018-10-10 13:58:08 · 4467 阅读 · 1 评论 -
Jquery sumoselect 下拉插件,实现动态添加option
相信很多人都会使用下拉列表select,原生的太丑,很难去修改样式和高度,所以找了一个sumoselect,功能很强大,并且样式也很好看,不过现在遇到一个问题是,下拉option事先写好了,的确是很好用,但现在想动态的添加sumoselect下拉框的option,就遇到一个问题是,option无法显示,进入开发者模式,发现是有option的值的,这就奇怪了,如下图: 解决办法,...原创 2018-10-23 14:01:06 · 2450 阅读 · 0 评论 -
jquery Html table 页 实现点击选中tr行 改变背景颜色
Html table 页 实现点击选中tr行 改变背景颜色,我的情况是:table表格是使用jquery动态生成的,使用博主的代码没有用:如下:$("#tbody tr").click(function(){ //给每个tr 绑定点击事件 主要锁定每个trvar trs = $(this).parent().find(‘tr’); //获取所有trif(trs.hasClass(‘...原创 2019-04-09 20:44:27 · 6340 阅读 · 2 评论 -
Jquery 弹出对话框插件xcConfirm.js
Jquery 弹出对话框插件xcConfirm.js,感觉很方便使用,使用方法如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Demo</title> <link rel="stylesheet&quo转载 2018-04-28 16:35:21 · 7702 阅读 · 1 评论 -
Jquery 实现鼠标悬浮提示气泡文字
当用户点击某一个按钮的时候,想着能不能让鼠标放在上面,提示有文字,告诉用户一些隐藏的信息,找到了这个jquery插件:Poshy Tip jQuery Plugin,链接如下:http://www.jq22.com/yanshi285. 使用方法很简单,第一步下载jquery poshytip插件源码,你会看到有src和demo两个目录,如果你只需要一个黄色的气泡的话,只需要他的两...原创 2018-04-26 16:59:38 · 9214 阅读 · 2 评论 -
SpringMVC拦截器实现登录认证(2017修正版)
当使用到springmvc的做网页工程的时候,总会遇到需要判断登陆权限的,一般的做法是每次登陆的话,发送给后台,后台返回一个唯一的token,以便标识用户每一次请求的权限,如果没有登陆成功,则token为空,访问任意网址都会跳到登陆界面,所以网上查了,有很多博客说了,例如这位前辈:http://blog.csdn.net/u014427391/article/details/51419521,我的原创 2017-01-18 16:46:13 · 4537 阅读 · 0 评论 -
AngularJs 监听单选按钮,禁止级联的下拉框编辑
AngularJs 中,有一个输入的界面,需要先单选一个按钮,然后旁边的下拉框根据他选中的值,如果是是,就可以点击,如果是否,就不可以点击,主要是使用到ng-change的按钮改变监听函数,还有ng-disabled属性,设置是否可以点击,如下例子: 是否男女 是 否 技能原创 2017-03-31 09:41:56 · 2295 阅读 · 0 评论 -
AngularJS 实现当元素为ng-disabled改变背景颜色
如题,AngularJS可以给元素设置disabled属性,当为true时,为不可点击,但实际运行时,不能点击,并没有明显的区别,会产生误解,所以需要元素为不可点击时候,就要设置区分的背景颜色,主要是使用ng-class属性,可以根据是否是disabled来决定加载哪个class样式,参考网址:http://www.cnblogs.com/whitewolf/archive/2013/05/22/原创 2017-04-06 10:16:18 · 2433 阅读 · 0 评论 -
jquery.cookie() 设置过期时间 (自己记录使用)
jquery.cookie()方法可以设置cookie,默认条件下是浏览器关闭cookie即失效,用下面方法可以解决这个问题var expiresDate= new Date();expiresDate.setTime(expire.getTime() + (? * 60 * 1000));//?替换成分钟数如果为60分钟则为 60 * 60 *1000$.cookie("__转载 2017-04-14 15:40:03 · 31869 阅读 · 3 评论 -
欢迎使用CSDN-markdown编辑器
转自:http://www.cnblogs.com/ariter/p/5970298.html js简单固定table表头及css问题分析。 复制代码 Test02 (document).ready(function () {(document).ready(function () { ("#tabh转载 2017-10-19 10:48:51 · 350 阅读 · 0 评论 -
js简单固定table表头及css问题分析。 复制代码 <head> <meta name="viewport" content="width=device-width" /> <ti
http://www.cnblogs.com/ariter/p/5970298.html转自:js简单固定table表头及css问题分析。head> meta name="viewport" content="width=device-width" /> title>Test02title> script src="~/Con转载 2017-10-19 10:49:39 · 739 阅读 · 0 评论 -
js 设置滚动条不可见
document.getElementById("content").style.overflowY="hidden";document.getElementById("content").style.overflowY="scroll";原创 2017-10-19 11:41:10 · 3923 阅读 · 0 评论 -
js 实现table标题固定
使用ScrollTableFixed插件可以很好的实现这一效果,他的github地址:https://github.com/doska80/ScrollTableFixed,demo地址如下:https://github.com/doska80/ScrollTableFixed/blob/master/ScrollTableFixed/index.html,原创 2017-10-20 12:04:16 · 2289 阅读 · 0 评论 -
js实现清除筛选条件功能. js 中jquery.sumoselect 多选控件,去掉多选中多个选中的样式和文字,改成未选中
在angularjs项目中,因为使用多选的js(sumoselect)控件, 下拉多选复选框的开源js * jquery.sumoselect - v3.0.2 * http://hemantnegi.github.io/jquery.sumoselect 1.想要提供一个一键清除刚用户选择的下拉框,界面如下,因为界面筛选条件太多了,提供一个按钮,点击一下,把用户刚才的选择的都原创 2018-01-11 11:53:30 · 4047 阅读 · 0 评论 -
java jxl导出excel,当数字超过11位变成科学计数法,如何转换成数字问题解决方法
使用jxl的可能会遇到这种问题,比如导出身份证号或者其他数字可能超过11位的,使用普通的文本导出时候,excel就会自动变成科学计数法的形式,这影响了用户体验,找来找去,想看看jxl有没有提供设置单元格格式的api,后来终于找到了,如下:jxl都可以生成excel,给你说下jxl怎么生成的吧,详细的api你可以从网上下载。//添加带有formatting的Number对象 jxl.write.原创 2018-01-02 14:51:49 · 6688 阅读 · 0 评论 -
css3 实现按钮点击动画效果(加工)
项目中的网页需要给按钮添加动画效果,只需要如下css文件即可:/** * 按钮的点击动画效果,2018年1月12日09:36:48 **/input.btn { display: inline-block;/* margin: 15px 15px 0; padding: .6em 1.1em; */ font-size: 12px; font-size: 1.625原创 2018-01-12 11:05:57 · 31782 阅读 · 1 评论 -
HTML 移动端,给元素添加0.5px的边框
在浏览器端1px线看起来的确很细,但一旦放在手机上,就显得很粗,原因如下: 在移动端,1px 的直线在物理屏幕上通常会显示成 2px(甚至更粗)。这是因为手机屏幕的物理分辨率(硬件支持的)通常是其逻辑分辨率(软件支持的)的数倍。以 iPhone 6 为例,其逻辑分辨率为 667×375 ,物理分辨率为 1334x750 。这意味着物理屏幕使用 2x2 个像素点显示 1 像素的内容。换言转载 2018-02-01 13:42:36 · 2016 阅读 · 0 评论 -
HBuilder 添加typescript插件步骤
百度了很多,官网上也没说明白,将HBuilder支持typescript的插件安装步骤贴出来,给别的人参考: 第一步:打开HBuilder软件,选择上方的菜单"工具",选择"插件安装",进入如下界面: 第二步:点击"浏览eclipse插件市场",进入界面上,直接搜索"typescript"关键字,记住一定要选中第一个eclipse软件的图标,其他两个应该不是,别下错了: (注意的是原创 2018-02-02 11:57:43 · 10260 阅读 · 0 评论 -
HBuilder MUI 标题栏 图标居于左侧和右侧的css样式
HBuilder MUI 标题栏 图标居于左侧和右侧的css样式,解决方式如下:刚好做了功能,官方的没看到类似的例子所以自己写了,大概就是如果要居于右侧,那就设置float:right,这样就可以了,html代码如下: class="mui-bar mui-bar-nav"> id="edit" class="title-left">编辑原创 2018-01-29 14:35:26 · 16162 阅读 · 2 评论 -
HBuilder MUI 中添加固定列固定表头的表格,单元格根据宽度自适应
HBuilder MUI 中想要实现:添加固定列固定表头的表格,单元格根据宽度自适应,参考如下链接:https://www.douban.com/note/286673563/,还有他的github封装好的android的工程文件,链接如下:移动端固定列js工具,只要把这些文件放在html中,就可以实现固定前几列,然后水平和竖向滚动: 1.导入js和css文件: 2.接着原创 2018-01-30 14:15:19 · 14295 阅读 · 10 评论 -
Node JS 获取文件路径
刚开始使用server的模块,自己在项目工程中新建了一个文件夹,里面放了一个html文件,想要在浏览器访问这个html,就要写一个路径,应该使用如下方法:app.get('/index.html', function (req, res) { res.sendFile( "C:/Users/ALLONE/WebstormProjects/untitled1/View_layout/in原创 2018-02-06 14:46:57 · 4001 阅读 · 0 评论 -
angularjs directive 使用自定义指令替换html内容报错总结
项目中,有一个加载中的html内容,所以使用directive自定义一个内容,不过在写完之后,一直报错:Error:[$compile:tplrt]http://errors.angularjs.org/undefined/$compile/tplrt?p0=commonLoading&p1=view%2Fcommon%2Fcommonloading后来检查之后才发现,是因为自己写的公用...原创 2018-05-02 14:38:14 · 839 阅读 · 0 评论 -
转: win10 + PHP7.2 + CURL CURL扩展无法开启的问题解决
转:https://blog.csdn.net/suleil1/article/details/80180256win10 + PHP7.2 + CURL无法使用的解决办法不要信网上什么把几个dll放到apache/bin里面一个环境变量就解决了把php的程序目录路径,添加到全局变量中的path中,即可解决curl无法使用的问题我的本地情况:使用开源的phpcm...转载 2019-07-23 16:45:41 · 968 阅读 · 0 评论