前端知识
文章平均质量分 84
JsBootstrap和各种框架及插件
小流至江河
喜欢钻研的技术员,希望通过自己的努力,可以追赶的上领跑的人.
展开
-
传统后端程序不使用Node.JS依然要搞Element UI
概述作为一个Java重度使用患者,后端程序员掌握一些前端知识是必备技能。Html、CSS、JS三大语言后端玩起来也得是溜得很,不过现在前端技术发展的速度简直做上了飞机,后端程序员自己首先要保障后端技术不被拉下,再想回头学学前端技术,没想到那趟飞机已经上天了。不得不说后端程序员普遍使用的ui界面都是比较丑,再看看现在各种前端页面靓的一匹。现阶段流行的UI框架典型的比如饿了么的Element、阿里的Ant Design等等。这些框架对于后端程序员使用话说不怎么友好,官方推荐安装Node.JS使用原创 2021-03-05 11:25:13 · 1338 阅读 · 3 评论 -
异步上传多图片且图片回显到页面的解决方案
概述web开发中上传文件,尤其是上传图片功能,实在太普遍,像评论、用户头像等等。可如何优雅的实现异步上传,并且图片显示页面是需要花一点心思来思考的。网上很多诸如:“图片上传插件”等都是同一种实现思路的。今天介绍两种解决方案,重点是掌握思路,代码实现比较容易。一、FileReader对象读取文件将图片转Base64现在先不考虑图片上传,先解决图片回显的方案:第一种回显方案 -- Fi...原创 2019-11-14 16:18:08 · 1850 阅读 · 0 评论 -
Jquery Validata表单验证和Jquery Form异步表单的结合使用(Jquery Validata和Form)
概述作为一名web开发,页面的表单处理是常见的,尤其是表单的验证和异步提交表单往往携手并进,对于表单数据有效性验证确实是棘手的问题,每次异步提交前都是 if ( !$('#name‘).val() ) { alert('请输入姓名'); }等等一大堆这种最low的写法,并且异步提交还在使用Jquery原始的$.ajax()方式,虽然不过时可是有更好的代替者。今天给大家介绍Jquery的两款插...原创 2019-09-22 09:26:15 · 606 阅读 · 0 评论 -
手把手教你--Bootstrap Table表格插件的使用及数据导出(可导出Excel2003及Exce2007)
1.介绍Bootstrap Table介绍见官网-中文:https://www.bootstrap-table.com.cn/Bootstrap 中文网:http://www.bootcss.com/ Bootstrap Table Demo:http://issues.wenzhixin.net.cn/bootstrap-table/index.htmlBootstr...原创 2018-04-25 17:56:04 · 28313 阅读 · 34 评论 -
手把手教你--jquery chosen插件的使用和API(html下拉框美化)
Jquery Chosen是一个支持jquery的select下拉框美化插件,它能让丑陋的、很长的select选择框变的更好看、更方便。不仅如此,它更扩展了select,增加了自动筛选的功能。它可对列表进行分组,同时也可禁用某些选择项。先来看下插件的效果:跟这个比起来,原来的select样式是不是弱爆了!来让我们走起来吧*******************************...原创 2018-08-07 18:25:55 · 3305 阅读 · 4 评论 -
手把手教你--html、js弹出框插件smoke.js(简单实用弹出框),赠送优化后主题(css)
在一些表单等需要弹窗提醒的时候,每个浏览器都有一个alert(),comfirm()函数能弹出信息,但是浏览器的自带的这种效果样式不统一,而且都固定在页面顶部,简单来说就是两个字--难看;smoke.js是一个轻量级且灵活的JavaScript插件,支持回调函数,在不同浏览器上都好用,比较个性化。它自己的alert(), comfirm()效果完全是由html、css、js编写。在使用sm...原创 2018-08-14 12:09:33 · 2706 阅读 · 0 评论 -
手把手教你--Jquery-Confirm弹出框插件(功能强大的弹出框)
这是第二篇关于弹出框插件的使用,前一篇文章说的是用smoke.js插件做出的弹出框(ps:传送门:手把手教你--html、js弹出框插件smoke.js(简单实用弹出框),赠送优化后主题(css)),效果如下:smoke.alert("我是smoke.alert()",//第一个参数提示内容function(){},//第二个参数回调函数{ok: "确定"});//第三个参数按钮的属性...原创 2018-08-23 13:39:08 · 8019 阅读 · 0 评论 -
手把手教你--百度富文本编辑器Ueditor的使用和上传图片/文件到项目外(ueditor自定义上传路径)
概述UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。官网地址:http://ueditor.baidu.com/website/(学习编辑器最好之地)其实官网的教程已经很全面了,所有的API也建议从官网学习,这里只是给大家介绍下简单使用,重头戏是后面介绍的如何将文件、图片...原创 2018-09-04 15:54:50 · 12540 阅读 · 7 评论 -
Bootstrap datetimepicker日期时间插件使用方法(日期时间选择器)
Bootstrap datetimepicker日期时间选择器1、概述bootstrap有两种日历插件。datepicker和datetimepicker,后者是前者的拓展,完全可以放弃datepicker,只关注datetimepicker即可,前者能选取到年月日,后者可以选择年月日时分秒。Bootstrap datetimepicker API官网:http://www.bootc...原创 2018-10-24 13:40:25 · 2521 阅读 · 0 评论 -
字体图标库(Font Awesome)的使用--绝佳的图标字体库和CSS框架
一、概述web项目(前台/后台)开发中,很多地方需要使用图标样式(如:删除图标或短信图标,见下图),当然可以选择图片当背景或者用<img>标签,但是用图片的不灵活性也是显然易见的,如颜色、尺寸比例、更改内容等。几乎所有的线上项目都少不了,字体图标库的使用。今天给大家带来一款实用性强,图标全,的开源图标库:Font Awesome字体图标库的使用。红框中使用的图标以下内容为...原创 2019-01-08 12:06:25 · 1826 阅读 · 0 评论 -
select下拉框分组展示插件的使用--(select-mania插件的使用)
一、概述在web项目中很多地方用到下拉框,原生的下拉框比较丑陋,之前的文章中介绍过一款用来美化下拉框的插件可以参考:手把手教你--jquery chosen插件的使用和API(html下拉框美化)。有时业务需要下拉框内容是分组显示,如显示部门名称和部门下人员名称,则需要使用<select> 、<optgroup>、<option>同时使用来达到效果,...原创 2019-01-09 12:25:03 · 4439 阅读 · 3 评论 -
省市区三级联动插件Distpicker--前端实现地区三级联动
一、概述省市区三级联动是项目中很常见到的小功能,实现起来可以分为前台实现和后台实现。后台实现起来有些麻烦,需要建表、插入中国地区数据和后台提供查询地区和子地区的数据接口。为了快速实现地区的省市区联动效果,前端实现起来就容易多了,并且点击效果比后台实现起来几乎没有延迟,今天给大家介绍一款省市区三级联动插件Distpicker。先来看看其效果:插件下载地址:http://www.jq...原创 2019-02-22 10:16:05 · 4713 阅读 · 0 评论 -
JS操作日期的工具类(获取本周、本月、本季度、本年、时间戳格式化方法)
在web项目中经常会处理前台的时间操作,以下提供一个日期操作的工具类,方便前端对日期操作的使用,代码如下提供的方法有:formatDateTime(dateTimeStemp, type)//时间戳转换成日期字符串 ,不传第二个参数返回年月日,传第二个参数返回年月日时分秒 getMonthDays(month)//获得某月的天数 getQuarterStartMonth()//...原创 2019-05-14 13:59:01 · 3002 阅读 · 0 评论 -
jquery异步提交对象、数组(基本类型和对象类型)、集合数据(springMVC数据绑定参数)
一、java web项目中异步提交数据最普遍不过了,今天来说下前台异步提交数据,springMVC如何接受对象数据、数组和集合。以下内容都是实际测试,项目搭建默认已经搭建好。主要以jquery的ajax()方法来做异步请求。准备工作,创建java bean名称是Student类,属性包括id, name, age二、开始异步请求2.1普通对象提交2.1.1 前台var p...原创 2019-05-30 13:58:31 · 911 阅读 · 0 评论