自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(68)
  • 问答 (4)
  • 收藏
  • 关注

原创 【知识整理】Hibernate的HQL检索方式使用入门

一.HQL的检索方式:HQL是面向对象的查询语言,它和SQL语句有些相似,在Hibernate提供的检索方式中,HQL是使用最广的一种。二.使用步骤:1.通过Session的createQuery()方法创建一个Query对象,它包括一个HQL查询语句,HQL查询语句中可以包含命名参数。  (1)按参数位置方式代码demo:String hql = "from Employee e

2017-02-28 17:43:00 579

原创 【知识整理】CSS多余的多行文本显示省略号

1.如果文本为单行,我们可以通过如下css设置控制超过盒子宽度的多余文本显示为“...”形式的省略号。.t-ellipsis{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}效果如下:2.但是往往我们有时会遇到如下需求,如果文本为多行,例如:我们要求超过5行后,多余的文本显示

2017-02-21 11:01:34 479

原创 【工具使用】Git及其图形工具TortoiseGit的安装

一.工具介绍1.Git是一个开源的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。2.TortoiseGit是一个开放的git版本控制系统的源客户端。可以便捷有效的管理git项目,降低了git使用的门槛,是用户即使在不了解git操作指令的前提下,也能快速构建管理git项目。二.工具安装。1.Git的安装(1)登录如下网站https://git-scm.

2017-02-07 11:43:10 498

原创 【工具使用】eclipse中配置及使用tomcat

一.配置Tomcat1.下载并成功安装Eclipse和Tomcat,如何安装Tomcat及配置环境变量请参考本人【知识整理】Tomcat的安装及环境变量配置(以window系统为例)一文。2.打开Eclipse,单击“window”菜单,选择下方的“Preferences”3.找到Server下方的Runtime Environment,单击右方的Add按钮

2017-01-24 10:11:40 3304

原创 【工具使用】Tomcat的安装及环境变量配置(以window系统为例)

1.登录Apache官方网站:www.apache.org2.将网页拉到最底部,在T字母中找到Tomcat,点击进入3.这里提供了Tomcat的几个版本,从Tomcat6到Tomcat9.要选择你的jdk版本支持的Tomcat版本,不建议选择较新的Tomcat版本,因为可能会出现jdk版本不支持的情况,本人为jdk1.8,支持Tomcat7及以下版本。因此这里选择Tom

2017-01-12 10:12:00 986

原创 【工具使用】MySQL图形化工具-MySQLWorkbench功能介绍

一.MySQLWorkbench简介(来自百度百科):MySQL Workbench是一款专为MySQL设计的ER/数据库建模工具。它是著名的数据库设计工具DBDesigner4的继任者。你可以用MySQL Workbench设计和创建新的数据库图示,建立数据库文档,以及进行复杂的MySQL 迁移。MySQL Workbench是下一代的可视化数据库设计、管理的工具,它同时有开源和商业化的两个版本

2017-01-03 15:43:37 18315 1

原创 【工具使用】MySQL的安装及环境变量配置(以windows10为例)

1.登录mysql官网 http://www.mysql.com/ 2.选择DownLoads下windows 3.选择MySQL Installer 4.选择mysql-installer-community-5.7.17.0.msi,点击DownLoad进行下载 5.将下载的压缩文件整体解压至你选择的安装路径 例如:D:\software\MySQL

2016-12-23 08:47:55 8659

原创 【知识整理】javascript基础语法总结(9)——错误处理

一.定义  (1)错误:程序执行过程中,发生的导致程序无法继续执行的状态  (2)错误处理:即使程序出错,也要保证程序不退出的机制。  (3)Error对象:在错误发生时,自动创建的封装错误信息的对象二.错误类型  (1)SyntaxError:语法错误,一般js语法书写错误时  (2)ReferenceError:引用错误,找不到对象或变量时。  (3)TypeErr

2016-12-12 09:29:42 525

原创 【知识整理】javascript基础语法总结(8)——Date

一.Date  (1)封装了1970年1月1日0点至今的毫秒数,只要在程序中保存日期或者时间就需要用到Date对象。二.Date相关API  (1)创建日期对象,同时获得客户端当前时间:var now=new Date();  (2)自定义任意时间点(年/月/日 [时:分:秒]):var date=new Date("xxxx/xx/xx[ xx:xx:xx]");     例: va

2016-11-28 16:30:05 333

原创 【知识整理】javascript基础语法总结(7)——Math

一.Math:封装了数学计算的常量值和方法,它没有构造函数,不能进行实例化    1.Math类常用API:      (1)向上取整:var num = Math.ceil(数字); //返回取整后的数字      (2)向下取整: var num = Math.floor(数字); //返回取整后的数字      (3)四舍五入取整:var num = Math.round(数字);

2016-11-18 10:08:22 343

原创 【知识整理】javascript基础语法总结(6)——正则表达式

一.正则表达式:不是js独有的,很多其他语言中都引用正则表达式的规则,通常被用来检索、替换那些符合某个模式(规则)的文本.   1.使用:    (1)在js中通常用于验证字符串格式、模糊查找、替换/格式化字符串、切割字符串   2.语法:    (1)最简单的正则:关键词原文    (2)[备选字符集]:某一位可用的备选字符列表,一个中括号只能匹配一位    (3)-:连

2016-11-09 14:39:16 452

原创 【知识整理】javascript基础语法总结(5)——字符串API

一.字符串API:所有字符串API都无法直接修改原字符串,一定返回新字符串。   1.大小写转换:    (1)var newStr = str.toLowerCase(); //字符串str中所有英文字母全部转为小写    (2)var newStr = str.toUpperCase(); //字符串str中所有英文字母全部转为大写  2.获取指定位置的字符或unicode码:

2016-10-21 09:51:30 345

原创 【知识整理】javascript基础语法总结(5)——数组

一.数组:连续保存多个数据的引用类型的对象   1.数组的分类:     (1)关联数组:可自定义下标的数组(hash算的是字符串的code)     (2)索引数组:自动分配下标的数组二.索引数组   1.创建数组     (1)创建空数组:var 数组名=[];     (2)创建数组同时,初始化数组: var 数组名=[值1,值2,值3,...];     (3)

2016-10-10 17:52:17 825

原创 【知识整理】javascript基础语法总结(4)——条件和循环语句

一.switch-case分支结构:专门判断等值比较的条件分支结构(由于不带隐式转换,switch-case分支结构执行效率,较其他分支结构高一些) 1)语法:switch(表达式){ case 值1:( 表达式的结果===值1,才执行的代码段;) break;(如有default语句直接其中语句,否则跳过switch-case其余全部语句) case 值2:(表

2016-09-30 17:46:38 396

原创 【知识整理】javascript基础语法总结(3)——函数

一.函数:封装一项任务的步骤清单的代码段,再起一个任务名   1)函数是一个引用类型的对象   2)对象:内存中同时存储多个值得空间   3)声明函数法1:function 任务名([参数变量列表]){      步骤清单代码段                        [return 返回值]                }//整体(函数名+函数定义)提前

2016-09-21 14:28:35 385

原创 【知识整理】javascript基础语法总结(2)——数据类型转换和运算符

一.数据类型转换:(js是弱类型编程语言);   1.声明变量时,不用考虑变量中将要存储的数据类型;   2. 赋值时,由系统自动动态判断数据的类型;(注:因为是动态判断同一个变量,先后可保存不同类型的数据。)   3. 运算时,js会根据自己的需要,动态转换数据类型。二.数据类型转换分类:   1.隐式转换:无需程序员干预,而由系统自动完成的转换;     算数运算中的隐

2016-09-12 09:49:45 533

原创 【知识整理】javascript基础语法总结(1)——变量和数据类型

一.变量:内存中存储一个数据的存储空间,再起一个名字。   何时使用:程序中反复使用的数据,都要先保存在变量中,再参与运算。   使用过程:声明 ->   赋值 ->   取值1. 声明:在内存中创建一个新变量   如何声明:var 变量名;(注:仅声明,但暂未赋值,默认值为undefined)   变量命名规则:         1)不能以数字开头,仅能包含字母,数字

2016-08-30 08:56:47 507

原创 【自制】简易轻量化前端树菜单插件(基于jquery制作)

出于项目管理架构的需求,需要用到一个树菜单的功能,要求以树的形式分级展示具有明确上下级(祖先与后代)的内容,网络上有很多独立的或者基于jquery的树菜单插件,但由于插件过于复杂臃肿、使用起来相对复杂,学习成本高等原因,本人决定制作一个简易的轻量化易使用易学习的树菜单插件。欢迎前端coder使用,后附插件源码及下载链接,由于第一次制作基于jquery的插件,对插件机制及面向对象方面有很多不足之处,

2016-07-13 11:44:29 1548

原创 【自制】前端html代码格式化小工具

前言:当前端html代码进行大幅度调整后经常会出现代码缩进错乱的问题,或者在javascript中进行大段的html代码的字符串拼接时为了更方便的看出html的结构,出于以上两点原因,我们需要对html代码进行格式化操作,手工格式化容易出错,费时费力,于是本人自制了一个为html代码自动进行格式化的小工具,功能如图所示。具体源代码(附带说明注释)写在下面。注:代码中js部分涉及jq

2016-07-06 12:39:22 2815 1

原创 【知识整理】移动端微信页面禁止字体放大

由于微信自带字体方法功能,因此基于微信的页面都可以通过微信进行字体方法,但是有些情况下这并不是我们想要的,因为很多移动端页面的开发都是使用rem作为单位的,当使用微信进行字体放大是,会导致页面的整体布局乱掉的情况出现,这对用户体验来说是极其不友好的,我们希望能够禁止微信的字体放大功能,下面我通过查找资料找到的一些解决方法,至于移动端页面是如何开发的及rem单位的特点,这里不做赘述,详情请参考我的文

2016-04-28 16:02:24 7846

原创 【自制】javascript模拟数据库查询及格式化操作

为更好地理解数据库查询的底层操作,本人创建了一个js方法模拟数据库的查询操作,同时模拟对查询到的数据进行格式化的过程1.模拟数据库查询语句  select * from tablename where * order by *2.模拟格式化(血型)bloodtype : 0,1,2,3 对应O, A, B, AB具体代码如下: Docum

2016-04-14 12:11:04 1524

原创 【知识整理】利用history.replaceState及location.hash记录滚动条位置

最近有用户反映公司官网微信端页面在体验上的小问题:当当前页面刷新或者跳转到另一个页面又退回到当前页面后无法还原之前查看内容的位置,而是要从头拉动滚动条寻找之前看到的位置,用户觉得很麻烦。于是这个问题就落到了我的头上.我的思路是这样的:当用户离开当前页面时记录当前页面的滚动条位置,当用户重新加载这个页面时取出记录的滚动条位置,通过js设置到页面上就可以了。这看似很简单啊,灵光一闪想到了2个解决办

2016-04-07 09:37:21 2038

转载 【转载】location.hash详解

去年9月,twitter改版。一个显著变化,就是URL加入了"#!"符号。比如,改版前的用户主页网址为  http://twitter.com/username改版后,就变成了  http://twitter.com/#!/username在我印象中,这是主流网站第一次将"#"大规模用于直接与用户交互的关键URL中。这表明井号(Hash)的作用正在被

2016-03-21 10:06:00 579

原创 【自制】js广告轮显效果(兼容ie6)

注意事项:1.依赖于jquery2.图片父元素id值必须设置为'cont-img-box',最后一张图片要求和第一张图片相同;3.选择控制色块的父元素id值必须设置为'cont-btn-box',并与图片父元素为兄弟元素4.图片默认间隔时间为5000毫秒,允许重置间隔时间,用var time='间隔毫秒数';5.图片的个数不限,但要求第一张图片和最后一张图片为同一张图片。h

2016-03-15 15:07:15 851

原创 【自制】ul、li模拟select效果

利用ul、li结合javascript模拟出selec的t效果,相比较html提供的原始select标签有以下好处:1.使下拉选择框的可控性请更高,你尽可以按你想要的样式、大小随意制作出满足你需求的下拉选择框,而不是原始那种硬邦邦又难看的select。2.如果有对select下的option添加事件的需求,那就极力推荐使用ul、li模拟select了,因为原始select下的option对

2016-03-10 15:35:59 12891 4

原创 【知识整理】浅谈移动端页面设计的门道

之前一段时间一直做pc端的页面,对pc端页面的代码书写原则也有了一定的见解,但最近一段时间开始被要求写移动端页面,这让我开始犯难,原因是移动端页面的分辨率并不像pc端那样固定,如何写一个网页可以自动适配所有移动端的分辨率呢?于是我在网上找到了一些答案,这里拿出来和大家分享,初学者水平有限欢迎批评指正,不喜勿喷。:解决方案大致分为两种:1.做响应式开发。2.写css时使用css3的rem、代替px、

2016-03-04 12:16:25 1103

原创 【知识整理】双核浏览器强制使用极速/兼容模式方法

国内部分双核浏览器如:360极速浏览器、搜狗浏览器、百度浏览器等等,这些浏览器都号称拥有两个内核,用户可以根据需要自由切换。双核浏览器的2个内个分别为极速内核(webkit内核),兼容内核(trident内核)。使用极速内核浏览器会按照w3c的新标准渲染页面,其结果是渲染速度更快,规范性更好。而兼容内核也并非一无是处,国内很多政府、银行类网站在编写之初考虑了兼容旧版本ie的trident内核,其代

2016-01-22 17:00:49 8778 2

原创 【知识整理】本人整理ie6兼容问题的解决方法

了解ie历史的人都知道,前几天微软宣布停止对ie8、ie9、ie10进行版本更新及维护,这意味着浏览器厂商的规范又像w3c更近了一步,相信不久的将来广大前端工程师就不必再在考虑令人蛋疼的浏览器兼容性(尤其是坑爹的ie系列产品)问题了。但就现阶段来说大型网站仍然要考虑ie6及以上版本的兼容问题,本人接触了一些ie6的兼容性问题,在这里谈谈我对兼容ie6的经验,相关内容部分来自网络,经本人收集整理分享

2016-01-21 17:34:49 833

空空如也

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

TA关注的人

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