前端学习
文章平均质量分 77
灰白色可乐
人最大的悲哀就是放弃了不该放弃的,比如,梦想!!!
展开
-
BootStrap简单组件使用
前言 新项目改框架,前台要用BootStrap响应式布局,如此一来,又把BootStrap学习了一遍。BootStrap响应式布局做的不错,组件的使用也是跟以前有了很大的不同,下面就简单介绍一下BootStrap简单组件的使用。使用BootStrap 使用BootStrap前,需要先引入BootStrap的css、js和Jquery。面板原创 2016-08-14 09:32:28 · 2902 阅读 · 16 评论 -
ExtJS创建DataGrid
前言 最近在做一个项目,后台管理系统的页面用的ExtJS,具体它是什么,或者含义什么的,百度一下就OK了。至于它的优点,这个虽然用的时间不长,但是体会还是挺深的。它用起来很方便是毋庸置疑的,否则为什么不用原生JS呢。具体方便到哪种程度,请看下面的内容。DataGrid 说起来用ExtJS做DataGrid,得先看看这个表格的组成部分。DataGrid原创 2016-05-22 20:50:18 · 2747 阅读 · 25 评论 -
原生JS做图片轮播(自动或手动)
前言 前端基本上靠用现成的封装好的控件的我,今天也算是自己改了一回代码,也自己写了写原生JS,改了一下响应代码。需求是这样的,页面的记录中有多个附件,如果附件是图片的话,查看图片时要多张图片进行轮播,实际需求是不能自动,要手动控制图片切换。说起来也不难,用插件就好了,但是查了好多插件都用到了jquery.min.js,但是这个js文件和项目中用的EasyUI引用的js文件冲突了,原创 2016-06-02 21:53:24 · 7067 阅读 · 19 评论 -
ExtJS的Grid如何格式化时间显示
最近空闲的时间我就点点这个项目之前做过的功能,发现有一个grid的时间显示显示到了毫秒,需要原创 2016-06-19 22:23:12 · 6204 阅读 · 8 评论 -
原生JS完成假分页
最近这个项目页面要用Bootstrap,但是目前浏览器对BootStrap支持度还不够,所以就需要自己写分页,不过好在有分页的基本原理,还是简单的,下面记录一下代码。先看一下分页的效果: 从分页的原理来看,首先需要几个变量,分别是总条数、总页数、当前页数和每页显示多少条。因为是假分页,所以还需要传入查询得到的数据集。然后就是给每个超链接添加方法,计算该原创 2016-09-04 20:03:10 · 3102 阅读 · 11 评论 -
MVC项目中如何用JS导出EasyUI DataGrid为Excel
在做一中考评项目的时候,遇到了这么一个需求,就是把评教后得到的老师的成绩导出为Excel。其实需求很普通,实现起来有些复杂,因为老师考评不但有固定的考核项,还有额外加分项。于是我们就抽出来了一个表,专门存放评教后的成绩,导出的时候就直接读数据库然后导出Excel。后来需求变了,要求额外加分项动态添加,也就是说一个老师有几个额外加分项是管理员导入的,这样成绩表就不能用了,因为额外加分项是不固定的。所原创 2016-01-03 21:50:24 · 6808 阅读 · 22 评论 -
【JQuery】——JQuery的魅力
JQuery是B/S学习中必不可少的一部分,但是到底什么是JQuery呢?在学习之前我也不是很清楚,但是做了几个实例之后才发现,原来JQuery很简单。 做过小实例就可以知道,JQuery其实就是JavaScript库,只不过它比JavaScript语言更精简。做例子过程中,同样是新建.js文件,在里面编写代码,然后在HTML代码中引用JS文件即可。下面就以我自己的理解,介绍一下JQuery。原创 2015-07-19 14:50:08 · 771 阅读 · 23 评论 -
【AJAX】——XMLHttpRequest对象的使用
AJAX即Asynchronous Javascript And XML,也就是异步的JavaScript和XML,是指一种创建交互式网页应用的网页开发技术,用于创建快速动态网页。传统网页如果需要更新内容,必须重载整个页面。如果使用AJAX,就可以实现网页的异步更新,也就是说不重新加载网页的情况下,对网页的某部分进行更新。原创 2015-07-31 15:08:14 · 978 阅读 · 17 评论 -
Angular2-核心内容介绍
spring-data-redis原创 2017-05-09 14:46:46 · 2229 阅读 · 1 评论 -
【EasyUI】——可编辑的DataGrid
利用EasyUI做的可编辑的DataGrid大致分为两种类型,一种是启动行编辑的,一种是启动单元格编辑。且不说启动编辑的效果如何,单启动编辑这一块它就封装的很厉害。好些功能没有办法去更改。现在项目的一个需求就是在页面上使得DataGrid可以实现这样的效果,单击选中行,双击可编辑单元格,失去焦点则保存数据。在研究了整整两天之后,大致能实现,但是差失去焦点保存数据。这篇文章就简单理解一下,可启动单元原创 2015-08-16 15:05:39 · 8934 阅读 · 25 评论 -
【EasyUI】——EasyUI的布局
做一个网站首先要有网站的布局,所谓的布局其实就是网页的排版,就是说你的网页显示时是什么样子的。原创 2015-07-21 11:20:14 · 5000 阅读 · 30 评论 -
JS如何控制弹框出现在当前屏幕并且禁用滚动条
前言一个做前台的,如果了解或者熟悉后台开发的相关知识,是很吃香的。一个后台开发的程序员,如果恰好会做前台页面,是不是也增色不少呢?其中的奥妙就靠自己去体会啦。背景 最近在做一个家装项目手机端,是挂在微信上使用的。从来没做过前台,也没做过手机端,这个项目着实尝了一把鲜。我发现做前台页面的和做后台开发的同样会存在程序员和测试之间的矛盾。前台的埋怨后台怎么做的,落了那么多标签;原创 2016-03-26 11:07:27 · 12846 阅读 · 25 评论 -
【JS总结】——JavaScript完结
JavaScript原创 2015-07-12 16:33:32 · 719 阅读 · 26 评论 -
JS如何导出Div的内容为图片
最近因为项目需要,研究了几天用JS导出页面上的div为图片。项目需求是这样的,一个页面上有统计图和统计表,另外一部分是地图,当用户点击导出报告时,需要将页面内容导出到Excel,统计表可以从后台查出列表,然后以表格形式导出;统计通采用的echarts,可以转换为base64编码,然后后台处理之后导出。但是地图这块就有点难了,首先地图不是一张图片,其次地图的图片不在本地。 div导原创 2016-07-06 22:23:17 · 33925 阅读 · 27 评论 -
项目开发中常用的HTML标签
前言Web项目的开发离不开HTML,即使做页面是用的EasyUI,或者是用BootStrap直接拖拽,其实都是HTML的封装,基本内容还是HTML。HTML的内容很多,但是常用的都差不多,本篇博客就对常用的HTML的标签进行总结。HTML的标签1、html、body、headHTML的基本标签为html标签、head标签、body标签,html标签为页面的总体部分,head标签是网原创 2016-01-23 21:21:23 · 2845 阅读 · 31 评论 -
HTML初识
HTML是超级文本语言,它是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页的各个部分。它本身是一种文本文件,可通过文本文档来编写。HTML语言比较简单,懂得一些基本的英语单词,理解起来也就很简单了,因为它就是一些简单英语的组合。 这一部分包括两个内容的学习,HTML视频和《HTML从入门到精通》,虽然后面那本书是辅助材料,不过讲的内容比视频原创 2015-03-15 09:34:45 · 1096 阅读 · 31 评论 -
【牛腩】——新闻发布系统收工
浏览过很多网页就会发现,有些网页自己一看就觉得很舒服,有些网页去给人一种乱糟糟的感觉,想着浏览一次就不想看第二次。总是以为网页很神秘,学了牛腩新闻发布系统之后才发现,原来这些东西都是可以去掉的。 牛腩新闻发布系统包含了很多东西,下面我总结了一张不是思维导图的导图,来大致总结一下到底都用到了哪些:原创 2015-03-13 11:11:53 · 1029 阅读 · 31 评论 -
【牛腩】——ASP.NET真假分页
在机房收费系统中,有很多次用到了DataGridView控件来以表格的形式显示数据库中的信息。在牛腩中则是用到了GridView,两个控件的属性功能有很多相似的地方。但是如果数据库中的东西比较多的时候,GridView控件则显得有点力不从心,而且一味的按列的形式排数据,也会造成网页DIV样式的改变,这时就用到了分页。 分页就是将数据库中的数据分成若干个页面显示出来,分为两种方式,原创 2015-03-08 15:05:10 · 1409 阅读 · 36 评论 -
【XML】——XML浅析
基本定义 XML是可扩展标记语言,是标准通用标记语言的子集,是一种标记电子文件,使其具结构性的标记语言。 XML和HTML有很大的相似性,可以说是几乎相同的内容,但是却负责不同方面的功能。相同点 1、他们都是标记语言 2、语言格式相同,为结束标记 3、都有各自的语言结构不同点 1、HTML扩展性不强,XML是原标记语言,可用于定义原创 2015-04-26 18:55:07 · 931 阅读 · 26 评论 -
Jsonp完成js跨域请求
js中的ajax请求是不能完成跨域请求的,这是JavaScript语言决定的。不过有时候确实需要跨域请求文件,那么应该如何实现呢? 要想知道跨域请求的解决办法,首先得知道什么是跨域。跨域问题是JavaScript语言安全限制的同源策略造成的,JavaScript的同源策略要求一段脚本只能读取同一来源的窗口和文档的属性,也就是说主机名、协议和端口号都相同。由此可见,跨域分为两种情况原创 2016-10-09 22:55:05 · 601 阅读 · 16 评论 -
【JS总结】——正则表达式浅析
JavaScript中正则表达式,说起来很高大上,其实很简单,浅析一下,看看它到底怎么用。原创 2015-05-02 17:23:42 · 1017 阅读 · 25 评论 -
【JS总结】——Browser Object Model(BOM)
学习JS时,学到了BOM和DOM,看到是单词简写,果断应该查一查,好好总结一下。BOM简介: BOM:Browser Object Model,浏览器对象模型,是浏览器相关的一组特性,它提供了很多对象,用于访问浏览器。1、window对象 BOM的核心对象是window,它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层原创 2015-05-17 17:54:37 · 1657 阅读 · 23 评论 -
【JS总结】——Document Object Model(DOM)
上一篇说道BOM,了解了什么是浏览器对象模型,下面就来了解一个新的模型。简介:DOM:文档对象模型,是W3C组织推荐的处理可扩展标识语言的标准编程接口。BOM——浏览器对象模型到现在为止还是谁用谁自己加条件,还没有人为它做一个通用的标准,但是习惯上,经常用DOM作为BOM的事实标准。基本介绍:1、节点加载HTML页面时,Web浏览器会生成一个树形结构,用HTML做界面时,也会涉原创 2015-05-24 20:28:31 · 1683 阅读 · 30 评论 -
【JS总结】——DOM操作表格和样式
都说HTML做的是静态网页,而JS把网页做活了,那么到底怎么样才算是把网页做活了呢??其实就是JS将网页的各种动作做活了,简单点理解,可以算是动态加载吧。比如网页的CSS,它能够控制网页的样式,如果可以动态加载,那么也就是说把网页做活了。原创 2015-06-07 19:20:26 · 1487 阅读 · 28 评论 -
Angular2中Http访问后端接口跨域问题
Http访问跨域问题是一个老生常谈的事情,之前web端用JSP的时候就会出现,不同系统之间在JS中调用服务时,就会出现跨域问题,因为要访问的服务发布在不同的服务中。当时的解决办法是使用JQuery封装的jsonp方式,它类似于JQuery的.json方法的使用方式,这里就不赘述了。 最近在做前后端分离,前端框架采用的Angular2,同样的好巧不巧的也遇到了跨域问题,如下原创 2017-07-15 20:12:45 · 6647 阅读 · 17 评论