♥ 前端开发 ♥
文章平均质量分 78
小北哥哥和北妈
北妈,不止关注技术,拒绝过阿里的offer,靠互联网副业早早赚到人生的3个100w。
展开
-
apache集成tomcat(win2003) 单ip多域名多网站搭建(已成功)
搞了两天终于搞定,问题在于自己看别人的文章时不仔细,主要是把apache中配置的tomcat端口认为是tomcat的http端口,后来才发现应该对应ajp端口,希望新手们注意不要再犯同样的错误!一下是我的配置,希望对各位新手有帮助。环境:win2003 jdk1.6 tomcat6.0 apache_2.2.4-win32-x86-no_ssl.msi转载 2015-09-01 14:28:50 · 860 阅读 · 0 评论 -
Webstorm/Phpstorm 的高效快捷键
1. shift + F6可以理解为F2的豪华重量版,不但可以重命名文件名,而且可以命名函数名,函数名可以搜索引用的文件,还可以重命名局部变量。还可以重命名标签名。在sublime text中有个类似的快捷键:ctrl+shift+d。1. search in comments and strings会搜索注释或变量内容。2. search for text occurrences翻译 2015-09-14 11:52:58 · 1313 阅读 · 0 评论 -
通过html页面打开Android本地的app
如何通过Html网页调用本地安卓app?如何使用html网页和本地app进行传递数据呢?经过研究,发现还是有方法的,总结了一下,大致有一下几种方式 一、通过html页面打开Android本地的app1、首先在编写一个简单的html页面html> head> meta http-equiv="Content-Type转载 2015-10-10 15:37:37 · 1266 阅读 · 0 评论 -
一个关于js代码如何获取服务器时间问题
untitled get=function (id){return document.getElementById(id)} if(document.all){ window.XMLHttpRequest=function(){ var get=['Microsoft.XMLHTTP','Msxml2.XMLHTTP']; for(var i=0;i<get原创 2015-10-27 13:06:37 · 1335 阅读 · 0 评论 -
前端大牛们都学过哪些东西?
前端大牛们都学过哪些东西?著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。作者:张铮铮链接:http://www.zhihu.com/question/22146521/answer/20462433来源:知乎一步一步来。CSS不能编程?用Less、Sass、Stylus、甚至直接用Absurd,框架除了Bootstrap转载 2015-10-30 14:41:25 · 1581 阅读 · 0 评论 -
移动端页面调试神器-browser-sync 实时刷新
移动端页面调试神器-browser-sync在做项目的过程中,用到了一个神器-- browser-sync ,在这里分享给大家。1、静态页面调试作为前端,肯定是要保证页面的兼容性的。通常的测试场景是,前端人员人手N部测试机,改下页面,依次手动刷新各个手机,真的非常蛋疼,这些重复性的工作,不应该由人来完成,而应该由机器来自动完成,这时,browser-sync就体现出原创 2015-12-28 10:44:23 · 3176 阅读 · 0 评论 -
前端开发 各种懒人灵巧UI库汇总-只作为记录
pc UI 库jquery UI jquery EasyUI http://www.jeasyui.net/demo/523.htmlwebapp UI 库IONIC http://view.ionic.io/推荐个Jingle Jingle-html5 webapp frameworkSUI 如果你要纯的UI框架,推荐个最近原创 2015-12-29 16:41:48 · 1391 阅读 · 0 评论 -
[转] Web前端研发工程师编程能力飞升之路
[转] Web前端研发工程师编程能力飞升之路分类: Javascript | 转载请注明: 出自 海玉的博客 今天看到这篇文章。写的非常有意思。发现自己还有很长的一段路要走。【背景】如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前转载 2016-01-06 15:49:16 · 1184 阅读 · 0 评论 -
从零开始nodejs系列文章-nodejs到底能干什么
Node.JS 学习路线图 从零开始nodejs系列文章, 将介绍如何利Javascript做为服务端脚本,通过Nodejs框架web开发。Nodejs框架是基于V8的引擎,是目前速度最快的 Javascript引擎。chrome浏览器就基于V8,同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express,可以帮 助我原创 2016-01-08 14:04:24 · 24043 阅读 · 0 评论 -
Sublime text3配置LiveReload 实时预览、无需刷新
Tip :LiveReload是很棒的插件,可以在浏览器中实时预览,但是在Sublime text3里,从Package Control中安装的LiveReload是无法使用的,但是可以选择手动安装解决。LiveReload插件下载Sublime端Github上的LiveReload for Sublime text3的地址: LiveReload ,两种方式安原创 2015-12-25 14:13:24 · 8829 阅读 · 0 评论 -
将要读的书,真的一定要读书,纸质的书本
我们所从事的工作,仅仅是工作;对技术的学习和钻研只是为了让你更有竞争力和充实感;对大多数人而言:工作是为了生计,真的只是生计;归根结底,你所有的努力都是为了实现你的思想;没有思想的人,只剩满身的空虚和寂寞;《禅与摩托车维修艺术》读后感过一种充满生命力的、怀着爱意的生活,一种高高兴兴、简单明了的生活。2.单调乏味的日子让人几年后想起来不禁怀疑,原创 2016-03-01 14:29:55 · 1293 阅读 · 0 评论 -
js监控键盘 设置快捷键方法
返回 keyName 然后把这个函数 直接绑定到要用的事件即可,通用!下一篇介绍node-webkit 开发模仿客户端程序的一些笔记和心得,虽说研究新东西很辛苦,压力大,文档少,英文吃力,但确实学到了新东西,而且心态不是一个境界,还是再接再厉吧,趁现在还能跑的动,脑子还有脑细胞。共勉!原创 2016-02-01 17:22:56 · 3325 阅读 · 0 评论 -
@media是什么?css3 @media媒体查询器用法
css3 media媒体查询器用法总结分享到微信 随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的原创 2016-04-25 16:35:29 · 4714 阅读 · 0 评论 -
关于dom 事件冒泡、捕获 dom事件三个阶段
本文主要解决两个问题:什么是事件流DOM事件流的三个阶段起因温故了一下我的《JavaScript高级程序设计》的时候,翻到DOM事件那一章,(说实话,现在无论是什么框架你都离不开操作DOM啊,毕竟这是你展示的最基本元素,就像人的细胞)。想起了dom事件流原理,好多人不明白,只知道click mouseout等实用场景,真要理解和更进一步的前端是要原创 2016-04-12 16:02:22 · 10345 阅读 · 5 评论 -
程序员双屏、多屏重要性!怎么设置?
width:100%;看图吧 先!身为 攻城狮 设鸡湿 ‘双屏’ 也得是标配啊?不然你来回切换么?用了你就停不下来。所谓 工欲其善 必先利其器!这是我 刚刚拍的照片 办公桌略渣 知乎一些反馈:真的!3屏更好,吃咸菜也得 双屏。。。原创 2016-04-13 13:57:15 · 27661 阅读 · 1 评论 -
Web前端开发-资料分享-JS篇
阅读其它js书籍建议如下:js dom编程艺术(2 version)->js高级程序设计 (3 version)-> js dom高级程序设计 -> js 语言精粹 -> 精通js -> 编写可维护的js -> 高性能js -> js面向对象编程指南 -> js模式 -> js权威指南(6 version) -> js语言精髓与编程实践js dom编程艺术 : 他只是截取了js中原创 2016-04-14 11:30:39 · 4094 阅读 · 4 评论 -
Gulp教程之:Gulp能做什么,前端装逼为何要用它
我们先说说 平时web开发遇到的一些场景 和 苦恼无奈的情况:JavaScript和CSS的版本问题我们都知道 JavaScript和CSS属于静态文件,如果地址不变,浏览器会缓存这些文件,那就意味着当我们需要改JavaScript或者CSS文件的时候,即使我们后端改了,那么客户端也是看不到,这个在“JS一统天下”的时代是不可接受的,因为现在几乎所有的WEB 程序都严重依赖原创 2016-05-05 09:22:15 · 21465 阅读 · 1 评论 -
前端怎么用js模拟应用 JSON-通俗易懂
前端怎么用js模拟应用 JSON-通俗易懂,这是转载额好多孩子 弄不明白复杂的json 格式的应用,下面从基础来看一看JSON,怎么玩,其实结构理解清了,写起来比html还爽吧!0.前言 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。原创 2016-04-14 17:56:38 · 9844 阅读 · 4 评论 -
知识普及之:CSS: body{font-size: 62.5%;}这种写法为什么???
CSS: body{font-size: 62.5%;}为什么???在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置,为什么偏偏是62.5%呢?这主要是为了方便em与px相互转换,em的初始值为1em=16px,显然这样的话,如1.2em则=19.2px,可是我们在设置的时候很少看见19.2px这样表示的大小,也就是在用px表示大小时数值原创 2016-05-06 10:35:16 · 6946 阅读 · 1 评论 -
知识普及:彻底弄懂css中单位px和em,rem的区别
国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。px像素(Pixel)原创 2016-05-06 10:38:35 · 2812 阅读 · 4 评论 -
node-webkit入门:用JS开发跨平台的桌面应用
node-webkit入门:用JS开发跨平台的桌面应用 转载▼标签: node-webkit 桌面应用 it分类: nodewebkit 先来说下我这里的场景,公司目前在给客户那边做一个数据仓库的项目,用EXTJS做完了B/S结构的,但是发现当初答应客户要有个C/S结构的,现在来说的话,转载 2016-01-29 10:05:32 · 2650 阅读 · 0 评论 -
Gulp.js—比Grunt更易用的前端构建工具-前端自动化
Gulp.js—比Grunt更易用的前端构建工具Grunt是目前最流行的前端构建工具,对前端的效率帮助非常大,但Grunt并非完美无缺,json描述任务的方式,显得过于繁琐和不够简单,对于新手来说,有不少的学习成本。今天明河介绍个比Grunt更易用的前端构建工具: Gulp.js ,最近很火的开源项目,引起了很多前端同学的关注,大家都很好奇,Gulp.js拿原创 2015-12-28 13:42:04 · 1334 阅读 · 0 评论 -
让HTML标签、DIV、SPAN拥有onfocus和onblur,聚焦和失焦
默认火狐或者其他浏览器里DIV和其他普通标签是不具有onfocus和onblur事件的,经我长久论证因为他们不具有tab属性,所以只要我们创建tab,那么任何标签都可以具有tab属性。什么标签具有tab呢?显然input和a是得天独厚的具有,我们经常用键盘上的tab键进行移动光标的时候,我们发现光标只在具有tab属性的元素上进行跳转。我们现在来让div拥有tab并具有onfucus原创 2016-01-28 11:11:05 · 5279 阅读 · 0 评论 -
代码狗必看:前端开发3大坑
0x0000 第一大坑:浏览器兼容性第一次浏览器大战桌面端浏览器大战的硝烟尚未散尽,移动端纷争又起。大厂神仙打架,码农苦不堪言。各种CSS、JS不兼容,坑得码农尽白头。在兼容性这个问题上,M$的IE浏览器最是臭名昭著。 在各路神仙妖怪的持续吐槽之下,微软终于脸上挂不住了,最近宣布在Windows10上彻底抛弃IE这个品牌,强势推广全新的“斯巴达”浏览器。ht原创 2016-01-18 14:30:24 · 1718 阅读 · 1 评论 -
前后端分离的思考与实践(一)
前后端分离的思考与实践(一)也谈基于NodeJS的全栈式开发(基于NodeJS的前后端分离)前言为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异。痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的NodeJS,试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobil转载 2015-12-31 15:42:12 · 1001 阅读 · 0 评论 -
Javascript模块化编程(一):模块的写法
作者: 阮一峰日期: 2012年10月26日随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现转载 2016-03-31 16:52:28 · 870 阅读 · 0 评论 -
问答:如何规划CSS 中 的命名方式 如何看待 CSS 中 BEM 的命名方式?
好多盆友 很纠结 css命名规则 怎么弄,还没起步就被绊住了,那么今天蝈蝈就针对这个问题来讨论一下 没什么技术含量,但却对效率开发至关重要的 “问题”。下文是一些知乎大神的个人经验总结,如果觉得有用请点赞 留言! JS前端实用开发QQ群 :147250970 欢迎加入~!如何看待 CSS 中 BEM 的命名方式?BEM的意思就是块(block)、元素(elemen原创 2016-04-22 10:11:30 · 5869 阅读 · 2 评论 -
怎么用正则表达式获取文章内容中的<img标签和 src的路径
正则:查找Img标签开头的图片路径[iI][mM][gG][\s]*[sS][rR][cC][\s]*=[\s'"]*(?.*?(\.gif|\.jpg|\.png))查找Function中的图片路径[a-zA-Z_][a-zA-Z0-9_]+[\s]*\([^)]+?('|")(?[a-zA-Z0-9/\\-_\.]+?(\.gif|\.jpg|\.png))('|")[^)]*\)查找back原创 2015-07-14 11:51:17 · 3570 阅读 · 0 评论 -
JS 刷新页面所有方法
Javascript 刷新页面window.location.reload();使用window.open()弹出的弹出窗口,刷新父窗口非模态刷新父页面 :window.opener.location.reload()使用window.showDialog弹出的模式窗口模态刷新父页面 :window.dialogArguments.location.reload();先来看一个原创 2015-07-14 11:50:11 · 1901 阅读 · 0 评论 -
网页的栅格系统设计
看看吧 对设计有用哦 不对!! 是对要求高的设计师有用栅格系统的形成 1692年,新登基的法国国王路易十四感到法国的印刷水平强差人意,因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的, 重视功能性的新字体。委员会由数学家尼古拉斯加宗(Nicolas Jaugeon)担任领导,他们以罗马体为基础,采用方格为设计依据,每个字体方格分为64个基本方各单位,每个方各单位原创 2015-07-14 11:49:00 · 1337 阅读 · 0 评论 -
jQuery快捷学习大总结 jQuery-1.3.2.js学习笔记
1 基础HTML :一个人的裸体,是一个人的物质基础,是一个结构。CSS :一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人。JavaScript :一个人的灵魂,使一个人具备了生命,让它动起来了。2 jQuery的基础2.1 jQuery对象引用jQuery = window.jQuery = window.$ = function( selector,原创 2015-07-14 11:48:32 · 774 阅读 · 0 评论 -
用JS判断单选按钮是否选中
function check(){var flag = false;if(form1.info_type != null){ var msglen=form1.info_type.length; for(i=0;i<msglen;i++){ if(form1.info_type[i].checked==true){ flag = true原创 2015-07-14 11:48:26 · 6965 阅读 · 2 评论 -
Ajax验证用户名是否存在
// 首先创建一个xmlHttpReq对象,非IE浏览器使用new XMLHttpRequest() var xmlHttpReq; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttpReq = new ActiveXObject("M原创 2015-07-14 11:48:12 · 1191 阅读 · 0 评论 -
js和jquery控制标签class,css
改变class js改变class 使用thumb.className = 'imgtransparent';jquery改变class使用$('#thisinntitle').removeClass();$('#thisinntitle').addClass('xchangemenuItem'); 显示隐藏 隐藏使用style.display:none原创 2015-07-14 11:47:32 · 1190 阅读 · 0 评论 -
最简洁实用的tab切换,tab选项卡
/*===========所有 tab选项卡 更换显示样式=====================*/ function setTab(m,n){ var tli=document.getElementById("menu"+m).getElementsByTagName("span"); var mli=document.ge原创 2015-07-14 11:47:49 · 3039 阅读 · 0 评论 -
Web前端攻城湿,人这么难招吗?让我吹一波
几月前,没事随意更新了一篇,自己的简历经过,算是一种记录和沉淀,可没想到: 中间那么多人联系我,还加我Q ,也不知道怎么弄的我的电话号码【我泡妹子的私人号码额!】,估计是啥么 大数据,啥的,各种猎头 hr 技术经理 找我 让我去搞web前端。我说我一个土包子 小城市里混的啥时候这么受欢迎了,有培训学校讲师的,有上市公司技术部的,有让做经理带人的。。原创 2016-04-05 15:42:59 · 1903 阅读 · 5 评论 -
JS根据指定值删除数组中的元素
解决问题:1 .JS判断元素是否在数组内2. JS根据指定值删除数组中的元素要点:相当于jquery 的 $.inArray() 这个方法原创 2016-02-17 10:49:28 · 7828 阅读 · 0 评论 -
CSS3 实现 网页顶部进度条
有朋友们问网页顶部进度条 如何应用,现在github 大部分国外网站 都在用,这个效果可以使用现成的一些插件比如 这个,这个,还有这个。比如youtobe: 前些时候有注意到YouTube网站放出的新特性,那就是在视频页面间切换时,页面顶部会有一道华丽丽的红色激光脉冲掠过。以下截图内容来自 刘家勇博客。那不是其他什么为了炫技的东西,它是一个进度条,平时我们见了千百遍经常以转圈形式出现的进度条。当原创 2016-08-15 17:55:41 · 13851 阅读 · 3 评论 -
Gulp和webpack的区别,是一种工具吗?
背景:最近收到很多童鞋的问题:gulp和webpack 什么关系,是一种东西吗?可以只用gulp,不用webpack吗 或者反过来?基于此问:我简单归结了一下区别和概念,让需要的同学阅读理解,从而不把时间浪费到这种模糊不清的选择问题上!----------------------------------------------------------------------------...原创 2016-06-29 12:19:35 · 72305 阅读 · 9 评论 -
火箭炮:常用正则表达式 收藏!
昨天做了点 表单验证苦力活,没有用jquery 验证插件,都是正则手工验证【蛋疼了吧你?】,下面收集一下常用的格式,大家如果有需要就收藏一下,以备查询。话说:正则表达式的作用 至少相当于我们武器库里面的火箭炮了,可以为你节省几十公斤的炸药重量了,轻巧+高效+杀伤力巨大!正文:正则表达式经常被用于字段或任意字符串的校验1、校验密码强度密码的强度必须包含大小写字母和数字的组合,不能使用特殊字符,长度在原创 2016-06-14 14:57:32 · 5313 阅读 · 3 评论