web前端
文章平均质量分 63
落叶翩翩
这个作者很懒,什么都没留下…
展开
-
前后端分离的思考与实践(一)
也谈基于NodeJS的全栈式开发(基于NodeJS的前后端分离)前言为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异。痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的NodeJS,试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器转载 2016-06-21 10:02:56 · 589 阅读 · 0 评论 -
AJAX文件上传实现
仅用于个人知识总结,高手勿看。 由于文件上传是以二进制流的形式进行传输的,而身为AJAX的关键对象之一的xmlhttp对象传输的却是xml格式的字符流,导致要我们想要真正的实现AJAX异步文件上传的梦想破灭。于是不笨的高层应用程序员只好放弃xmlhttp对象,另谋出路。以下是一种解决方案的实现步骤: (1)添加用于文件上传的form<form name="upfile_fo转载 2014-04-28 16:46:16 · 806 阅读 · 0 评论 -
js模版引擎handlebars.js实用教程——if-判断的基本用法
if-判断的基本用法 - by 杨元 if-判断的基本用法 姓名 性别 年龄转载 2014-04-23 15:32:36 · 2020 阅读 · 0 评论 -
jwplayer的使用
//导入jsLoading the player …//player所在div//具体配置参数jwplayer(“container”).setup({//通过js调用播放器并安装到指定容器(container)内flashplayer: “jwplayer/player.swf”,//调用播放器file: “video.flv”,//调用视频文件width: 328,//播放器宽h原创 2014-04-08 17:05:02 · 1974 阅读 · 0 评论 -
jquery.ui.datepicker 添加时分秒
jquery.ui 的 datepicker 默认是年月日的jquery 插件,如果添加时分秒 只需要做如下修改即可1. 下载jquery-ui-timepicker-addon.js ,并在页面加载2. 页面添加如下 timepicker 的样式即可.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }.ui-tim转载 2014-04-04 22:47:23 · 2514 阅读 · 0 评论 -
css学习点滴记录
css固定元素位置(fixed)我们经常碰到的需求是希望页面某个元素固定在浏览器的一个位置,无论如何滚动滚动条,位置不变,就例如经常看到的弹出广告。方法一般是使用js控制,或者使用css。这里我写的是css的控制方法。在IE7以上版本及firefox、opera、safari里,都支持css属性"position:fixed",它的作用就是将元素相对于窗口固定位置。代码如下#ads{原创 2013-11-30 11:36:47 · 1059 阅读 · 0 评论 -
CSS各属性的默认值默认值
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block } li { display: lis转载 2014-02-17 20:32:13 · 2665 阅读 · 0 评论 -
IE6和IE7中div不一致如何解决?
用hack做法麻烦,不合理。综合本人教学及实战经验,以及对国办大部分门户网站的分析,给出以下两点建议:1、学习DIV的方法第一,掌握css语法,特别是float、clear、overflow、line-height等,对于html标签重点是div、ul、li、dl、dd等几个。第二,其实div最好的教程就是你把qq.com 163.com sohu.comifeng.com转载 2014-02-27 11:12:09 · 802 阅读 · 0 评论 -
jquery-load-demo
jquery-load-demo $(function(){ log($('a').first()); $('a').first().get(0).click();//用html 的dom的click方法 }); function load(index){ $("#item-div").load("item-"+index+".txt"); } fu原创 2014-02-08 11:07:31 · 891 阅读 · 0 评论 -
photoshop切片工具
ps切片可以把整张页面切成好几张图片并生成html页面,展示如下: 项目下载地址:原创 2014-02-07 10:43:44 · 879 阅读 · 0 评论 -
html 学习点滴
同页面锚文本-同页面内上下转到指定位置常常看见我们页面底部点击 “回到顶部”链接就会转到网页顶部实现。Exp:1、首先我们在网页body内最上面添加一个2、我们再到body内,需要出现点击后转到顶部位置添加,回到顶部这样就可实现点击“回到顶部”即可本页内快速浏览到网页顶部位置。使用语法:1、需要转到地方添加,文字,注意href值是#开头+英文字母命名2、需要在被转到原创 2013-11-05 14:07:59 · 745 阅读 · 0 评论 -
设置响应头的Content-Disposition属性,实现文件下载示例
最近不少Web技术圈内的朋友在讨论协议方面的事情,有的说web开发者应该熟悉web相关的协议,有的则说不用很了解。个人认为这要分层次来看待这个问 题,对于一个新手或者刚入门的web开发人员而言,研究协议方面的东西可能会使得web开发失去趣味性、抹煞学习积极性,这类人应该更多的了解基本的 Web技术使用。而对于在该行业工作多年的老鸟来说,协议相关的内容、标准相关内容应该尽量多些的了解,因为只有这样才转载 2014-04-28 11:04:55 · 18932 阅读 · 2 评论 -
input和textarea设置大小-奇巧淫技
这原创 2014-06-27 20:41:53 · 7855 阅读 · 0 评论 -
前后端分离项目实践分析
一、前言对nodejs有了些准备,希望多了解些后端知识,恰逢公司项目调整,分析了前后端分离的优劣,也做了一个完整的demo演示,同事都觉得靠谱,用了两个版本的时间,将公司主站项目用nodejs实现了前后端分离,在此和大家分享下,以求共同进步。案例参见http://www.upopen.cn二、为何做分离1、开发体系:架构体系决定了后端重于前端,前端做好静态页后,要转为p转载 2016-06-21 09:50:26 · 1954 阅读 · 1 评论 -
jello环境配置
因为是基于 fis 的二次开发,还有更多的 fetaures 也可以在 jello 中使用,如:前端三种语言能力、资源压缩、异构语言支持、静态资源加 md5 戳 & cdn 部署 等等。具体请查看fis 官网。Getting started如果以上的 features 也打动了你,不妨从一个简单的 demo 开始 jello 之旅吧。安装 jellonpm in转载 2015-11-16 11:27:57 · 1969 阅读 · 0 评论 -
启用Nginx目录浏览功能的方法
location / { root /data/www/file //指定实际目录绝对路径; autoindex on; //开启目录浏览功能; autoindex_exact_size off; //关闭详细文转载 2015-11-05 12:59:07 · 1130 阅读 · 0 评论 -
百度编辑器ueditor1.4.2-更改图片上传路径和图片读取路径
/** * ueditor相关的Controller * * @author zsj */@Controllerpublic class UeditorController { protected final Logger logger = LoggerFactory.getLogger(getClass()); @RequestMapping(value = { "原创 2015-07-17 10:20:29 · 13135 阅读 · 0 评论 -
使用X-UA-Compatible来设置IE浏览器兼容模式
文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式,文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。新的IE为了确保网页在未来的版本中都有一支的外观,IE8引入了文件兼容性。当转载 2015-06-02 10:43:58 · 581 阅读 · 0 评论 -
jquery html5 实现placeholder兼容password ie6
/* 设置提示文字颜色 */::-webkit-input-placeholder {color: #838383;}:-moz-placeholder {color: #838383;}.placeholder {color: #ccc;}登录用户名、密码文字提示,鼠标离开显示文字 html5 and jquery账号:密码:/原创 2015-05-13 11:47:28 · 1159 阅读 · 0 评论 -
视频教程的录制与制作的流程,方法,经验
作者:王皓发布于:2013-01-28 15:13更新于:2013-01-28 15:37关于视频教程的录制,编辑,与制作。这些东西耗费了我很大的功夫,一点点问题都要很久才能解决,现在想起来,当初的问题,有点可笑。有朋友建议我做个视频教程的教程,目前来看还没有这个打算,不过我想写出来跟大伙分享一下。阶段性的,这个阶段我只有这个程度,还有很多问题没有解决,如果发现有更好的方法,我转载 2015-01-01 01:51:36 · 1775 阅读 · 0 评论 -
前端开发中常用正则表达式
整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字:”^[0-9]*$”只能输入n位的数字:”^\d{n}$”只能输入至少n位的数字:”^\d{n,}$”只能输入m~n位的数字:”^\d{m,n}$”只能输入零和非零开头的数字:”^(0|[1-9][0-9]*)$”。只能输入有两位小数的正实数:”^[0-9]+(.[0-9]{2})?$”。只能转载 2014-11-14 13:52:59 · 7557 阅读 · 0 评论 -
前端架构那些事儿
前端架构那些事儿在谈前端架构之前,需要先探讨一下不同人群对前端产生的困惑。前端这个职业最近几年才逐渐被认可,之前一直是低端的代名词,所以多数高手很不屑搞这个。之前的很多项目,人们对前端这块的要求也只是能用就行,所以很少会在上面去细致、深入地建立一套完善体系。而多数产品的技术经理也会是后端出身的,往往对前端的认识还停留在Java Struts那个原始的MVC模型上,或者首先想到的就是GWT和JS转载 2014-12-22 11:50:46 · 814 阅读 · 0 评论 -
javascript闭包实践总结
javascript闭包语法(function(){ //代吗})();解决问题,解决数据共享问题。。。。企业实践示例如下 for(var i=0;i<data_arr.length;i++){ var data_final_arr=data_arr[i].split(",");原创 2014-01-09 17:23:49 · 874 阅读 · 0 评论 -
Sublime Text 2 快捷键 —— Win版
转载 2013-12-27 11:27:43 · 752 阅读 · 0 评论 -
javascript特效模拟marquee
var srl,con; window.onload=function(){ setTimeout(marquee,100); srl=document.getElementById("srl"); con=document.getElementById("content"); }; function marquee(){ log("con.offsetW原创 2013-11-18 18:29:08 · 1165 阅读 · 0 评论 -
javascript特效鼠标飘过弹出悬浮块
javascript特效鼠标飘过弹出悬浮块 var float_frame,icon; $(document).ready(function(){ float_frame=$("#float_frame").clone(false); icon=$("#icon"); float_frame.show(); //鼠标悬浮时原创 2013-11-15 17:41:34 · 1637 阅读 · 0 评论 -
WordPress上传中文文件名或图片名乱码问题
WordPress上传中文文件名或图片名乱码问题首先修改一下上传,打开 wp-admin/include/file.php文件,找到$new_file = $uploads['path'] . "/$filename";改为$new_file = $uploads['path'] . '/' . iconv('UTF-8', 'GBK', $filename);return a转载 2013-10-24 14:00:59 · 2876 阅读 · 0 评论 -
javascript 日志管理工具log4jse的使用
Log4Jse是一个非常简洁、可定制的Javascript日志输出管理工具,类似Log4J,但是比它简单很多,可以实现自定义日志输出级别、自定义日志输出方式等功能。实例代码:// Usage:var mylog = Logger.get("app");mylog.log("Hello my app!!");var viewlog = Logger.get("view");view原创 2013-09-18 10:06:04 · 1367 阅读 · 6 评论 -
用http的url获取二维码图
thisURL = document.URL; strwrite = "<img src='https://chart.googleapis.com/chart?cht=qr&chs=150x150&choe=UTF-8&chld=L|4&chl=" + thisURL + "' width='150' height='150' alt='网址URL 二维码生成'转载 2013-08-30 15:59:44 · 2264 阅读 · 0 评论 -
qq 在线状态
点击就可以和我QQ聊天了代码:原创 2013-01-06 02:14:10 · 831 阅读 · 0 评论 -
jQuery选择器总结
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css转载 2013-08-28 10:29:06 · 620 阅读 · 0 评论 -
wordpress伪静态配置全攻略
你所要做的就是把他成功加载。如果你的博客不是在根目录,那么你需要简单WordPressURLRewrite.ini的内容配置示例?(WordPressURLRewrite.ini)#Paths to Rewrite?#需要重写的路径,也就是博客的地址,如果你博客地址是example.com/blog 那么下面就应该写/blog/#Path Exceptions#这是是不原创 2013-07-02 16:01:30 · 964 阅读 · 0 评论 -
web前端--用div替代frameset和frame
原创 2012-12-12 10:20:39 · 5699 阅读 · 0 评论 -
form提交乱码,解决方案
如果method="post"则request.setCharacterEncoding(“gbk”);等价于request.getparams("username").toString("gbk");原创 2012-10-24 10:35:26 · 655 阅读 · 0 评论 -
wordpress安装配置点滴&伪静态化
第一次安装wordpress时,访问wordpress一点要写成自己的ip而不是localhost,否者css和image不会加载。因为数据的options表会记录你的访问域名,如果是localhost了,就。。。原创 2013-10-22 13:21:41 · 1115 阅读 · 0 评论 -
javascript图片轮播特效
下载地址:http://download.csdn.net/detail/yx511500623/6543857示例 var first,last; $(document).ready(function(){ first=$(".item:first"); last=$(".item:last"); $(".item:not(:first)").hi原创 2013-11-13 10:56:14 · 1155 阅读 · 0 评论 -
extjs入门--3.4版本
安装开发环境1、把下载到的spket-1.6.23解压后,拷贝features和plugins两个文件夹拷贝到eclipse/dropins,然后重启eclipse, 点击Window/Preferences/Spket/JavaScript Profiles,点击New新建一个ExtJs,选中ExtJs, 点击Add Library,在弹出的框中选中ExtJs,然后再原创 2014-01-04 17:31:25 · 1589 阅读 · 0 评论 -
javascript继承&设计模式&面向对象
javascript继承示例 var $=function(id){ return document.getElementById(id); } var log=function(msg){ console.log(msg); var con=$("con"); con.innerHTML=con.innerHTML+""+msg; } //动物原创 2013-11-13 16:00:42 · 959 阅读 · 0 评论 -
在java中调用javascript代码
亲们,你们写javascript代码一般是不是就这样写:documnet.getElementById("username");.......var arr_date=new Array();arr_date.put(new Date());---------------------------------------------------------------------原创 2013-12-31 10:42:04 · 2409 阅读 · 0 评论 -
jQuery对象与dom对象相互转换
刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换。什么是jQuery对象?---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。比如:$("#test").html() 意思是指:获取I转载 2013-12-31 11:01:35 · 732 阅读 · 0 评论