web开发
文章平均质量分 79
霜月枫桥
Web前端软件工程师
展开
-
jsonp详解
json相信大家都用的多,jsonp我就一直没有机会用到,但也经常看到,只知道是“用来跨域的”,一直不知道具体是个什么东西。今天总算搞明白了。下面一步步来搞清楚jsonp是个什么玩意。同源策略首先基于安全的原因,浏览器是存在同源策略这个机制的,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。看起来不知道什么意思,实践一下就知道了。1.随便建两个网页转载 2017-05-31 11:14:44 · 366 阅读 · 0 评论 -
响应式布局总结
响应式布局的开发基础知识本章主要分为以下几个部分正确理解响应式设计响应式设计的步骤响应式设计需要注意的问题响应式网页布局实现原理第一:正确理解响应式布局响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说:现在社会有很多响应产品,例如折叠沙发,折叠床等等,当我们需要把沙发放到一个角落的时候,此刻沙发就好比div吧,而角落转载 2017-06-07 17:08:03 · 776 阅读 · 0 评论 -
页面布局基础信息简介
前言:在页面开发中,页面布局是十分重要的,本篇博客介绍一些布局的基本知识。一、布局的实现方法1、table 传统方法,使用表格元素进行布局。2、float 浮动布局,对元素进行浮动,从而完成布局。3、position 定位布局,我很喜欢的一种布局方式,属性值有static,relative,absolute,fixed原创 2017-06-08 11:32:00 · 1116 阅读 · 0 评论 -
HTML与JSP页面的区别
HTML(Hypertext Markup Language)文本标记语言,它是静态页面,和JavaScript一样解释性语言,为什么说是解释性 语言呢?因为,只要你有一个浏览器那么它就可以正常显示出来,而不需要指定的编译工具,只需在TXT文档中写上HTML标记就OK。JSP(Java Server Page)看这个意思就知道是Java服务端的页面,所以它是动态的,它是需要经过JDK编译后把内转载 2017-06-14 14:41:42 · 486 阅读 · 0 评论 -
js用==比较两个相等的字符串时,报错
问题描述:今天我在js中比较两个两个字符串时,发现明明值相等的两个变量,在if else语句中,却不进入if中,而是去else中运行。代码如下:var checkedLanguage=$("#checked-language").text(); if(' en_US '==checkedLanguage){ $("span#checked-en").css('display','in原创 2016-11-28 11:00:25 · 6709 阅读 · 0 评论 -
巧用cssText属性批量操作样式
给一个HTML元素设置css属性,如1234var head= document.getElementById("head");head.style.width = "200px";head.style.height = "70px";head.style.display = "bl转载 2016-07-28 16:24:27 · 2062 阅读 · 0 评论 -
UTF-8,GB2312等编码格式详解
编码一直是让新手头疼的问题,特别是 GBK、GB2312、UTF-8 这三个比较常见的网页编码的区别,更是让许多新手晕头转向,怎么解释也解释不清楚。但是编码又是那么重要,特别在网页这一块。如果你打出来的不是乱码,而网页中出现了乱码,绝大部分原因就出在了编码上了。此外除了乱码之外,还会出现一些其他问题(例如:IE6 的 CSS 加载问题)等等。我写本文的目的,就是要彻底解释清楚这个编码问题!如果你遇转载 2017-06-15 17:31:39 · 10389 阅读 · 2 评论 -
服务层SQL查询时错误汇总
一、HQL多表查询语句报ORA-00907缺失右括号SQL语句:select s.sys_id,s.corp_id,s.sys_name,c.corp_name from t_sc_info_sys s,t_sc_info_corp c where s.corp_id = c.corp_id错误原因:略解决方法:将表名和字段名改为大写select s.SYS_ID,原创 2017-07-18 11:16:02 · 373 阅读 · 0 评论 -
js和jQuery获取浏览器窗口的高度、宽度的方法详解
有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度对于 Internet Explorer 8、7、6、5:docume原创 2016-11-11 17:57:36 · 7764 阅读 · 0 评论 -
HTML5之postMessage和addEventListener实现<iframe>跨域通信
使用postMessage实现跨域的前提条件是一个页面通过调用另一个页面,示例如下所示:在这个示例中,通过outter.html调用inner.html这是outter.htmlfunction outmethod(){var value=document.getElementById("outtext").value;document.getElementById("if原创 2016-11-16 09:37:28 · 3663 阅读 · 1 评论 -
AJAX 跨域请求 - JSONP获取JSON数据
Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mas转载 2017-05-31 10:31:47 · 1238 阅读 · 0 评论 -
Linux上的服务器无法调用新浪邮箱发送邮件
问题背景:在web网站开发中,有许多功能的实现需要发送邮件,比如用户的密码找回功能,可能就需要通过服务器向用户的注册邮箱发送验证码邮件来实现。而发送邮件功能可以通过很多方式实现,比如HTML中的mailto属性值,或者java代码,这两种方法网上有很多实例,我在这里就不浪费大家的流量了。当然,许多开发框架本身也是具有邮件发送功能的,你只需要调用其本身的方法。问题描述:我们通过不原创 2017-03-30 15:09:17 · 17301 阅读 · 0 评论 -
隐藏过长的文本,不使文本换行,隐藏的文本结尾为...
问题描述:今天碰见一个问题,我需要在list列表中列出一些公司名。但是,有些公司的名称很长,可能需要十几个汉字,而有的又很短,可能才四或五个字就可以了,同时又受到显示区域的宽度影响,所以需要对超过宽度的字符串进行删除,同时,删除的公司名称结尾要以...结束。解决方法:需要用到CSS属性的white-space、overflow和text-overflow属性,具体方法可以参考W3School中原创 2016-11-23 14:14:25 · 1115 阅读 · 0 评论 -
offset+position点击按钮弹出提示框,且提示框紧贴按钮
实现效果:点击按钮弹出绿色区域,绿色区域紧贴按钮,且缩小浏览器边框时,绿色区域依旧紧贴按钮。代码如下:$(function(){var top=$("#input1").offset().top;var left=$("#input1").offset().left-100;$("#div1").css({"top":top,"left":left,});原创 2016-12-22 18:02:01 · 724 阅读 · 0 评论 -
前台开发——256种颜色的图谱对应16进制数值总结
红色和粉红色,以及它们的16进制代码。#990033#CC6699#FF6699#FF3366#993366#CC0066#CC0033#FF0066#FF0033..#CC3399..#FF3399#FF9999#FF99CC#FF0099#CC3366转载 2016-11-22 16:33:03 · 7605 阅读 · 0 评论 -
liferay过程中使用ajax所遇到的问题
今天遇到这样一个小BUG,我需要将多个portlet拖拽到同一个页面中,而且,这几个portlet都要通过ajax实现数据查询功能,单个portlet做好后,单独放到一个页面中时,都没有问题。但是,但我将它们放到同一个页面时,发现,除了最下面的portlet可以使用,其他的portlet中的按钮在点击时都没有反应。经过细微修改,portlet便可以使用了修改过程:我在每个por原创 2016-05-22 15:12:17 · 1224 阅读 · 0 评论 -
<input type="file">的accept属性值详解
accept可以限制文件的上传类型,比如只上传图片文件、视频文件、音频文件……如下audio/* 接受所有的声音文件。video/* 接受所有的视频文件。image/* 接受所有的图像文件。详细类型限制如下所示:*.3gpp audio/3gpp, video/3gpp 3GPP Audio/Video*.ac3 audio/ac3 AC3 Audio*.asf all原创 2017-02-20 15:38:44 · 9099 阅读 · 0 评论 -
使用jstl标签库实现URL地址重写
标签作用是将一个URL地址格式化为一个字符串,并且保存在一个变量当中。它具有URL自动重写功能。value指定的URL可以是当前工程的一个URL地址,也可以是其他web工程的URL。但是这时需要context属性。也可以添加需要传递的参数。属性var :变量名称value:要格式化的URLscope:作用域范围,默认为pagecontext:其他工程路径可以直接指出转载 2017-03-01 16:46:16 · 1717 阅读 · 0 评论 -
JSTL 标签大全详解
(尊重劳动成果,转载请注明出处:http://blog.csdn.NET/qq_25827845/article/details/53311722 冷血之心的博客)一、JSTL标签介绍1、什么是JSTL? JSTL是apache对EL表达式的扩展(也就是说JSTL依赖EL),JSTL是标签语言!JSTL标签使用以来非常方便,它与J转载 2017-03-01 16:46:14 · 346 阅读 · 0 评论 -
<a href="mailto:">发送邮件
如何使用mailto?1)基本用法send email或者mailto后跟的是收信人。可使用参数列表to收信人suject主题cc抄送bcc暗抄送body内容参数传递方式同页面之间传递值一样,可以使用查询字符原创 2017-01-23 16:06:12 · 21663 阅读 · 1 评论 -
HTML5学习随笔01
1、安全换行,分割过长单词为几部分,当窗口宽度缩小时,过长单词会一部分一部分的换行2、、分别为添加上标和下标eg. html5 //下标 ; html5 //上标3、可以使一些文字位于另一些文字的上方,例如可以实现在汉字上加汉语拼音4、有序链表,可以设置列表项从多大值开始,方法有以下两种: ·1、设置中的start属性,例如,那么列表项的数字将会从原创 2016-12-14 15:01:30 · 490 阅读 · 0 评论 -
用CSS中的伪类:first-child装饰页面中的目录
问题描述:今天翻看css的知识,看到css伪类中的:first-child,以前一直不知道怎么用,今天突发奇想,发现可以用在页面的目录制作中,于是就编写了下面的代码。$(function(){$("a").css({"display":"block","background-color":"green","height":"30px","width":"70原创 2016-11-04 17:43:25 · 652 阅读 · 0 评论 -
Webstorm的一些常用快捷键
下面是Webstorm的一些常用快捷键:1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)5. ctrl + []: 匹配 {}[]6. ctrl + F12...转载 2018-05-30 17:17:44 · 663 阅读 · 0 评论