说起前端编辑器,用过dw,sublime,hbuilder,webstorm也不陌生,之前的版本8有用过一下,但是觉得比sublime重量太多,但是随着后来用node的开始,发现需要打造个web前端神器才能满足我的需求,于是乎重拾webstorm,目前发现11是新的版本,对node,npm支持性更加好. ok,开始我们的前端神器 这里提供下载地址 http://pan.baidu.com/s/1o7ntOxk 激活时请注意: 1.注册时选择“License server”输入“http://15…

Sublime Text 是一个代码编辑器,也是HTML和散文先进的文本编辑器.Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim. Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等.还可自定义键绑定,菜单和工具栏.Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等.Sublim…

最近在某网站看到了handlebars.js,出于好奇就百度了下这是神马玩意,结果让我很是欢喜,于是就开始自学下,handlebars就几个方法,蛮简单,言归正传! 以下是基本教学逻辑演示,会附完整代码 测试案例就分为3大块,头.主体.尾: <div id="header"></div> <div class="contact" id="contact"></div> <div id=&quo…

如果你从事Web前端方面的开发工作,那么对Firebug一定不会陌生,这是Firefox浏览器的一款插件,集HTML查看和编辑.Javascript控制台.网络状况监视器于一体,给Web开发者带来了极大的便利,堪称Web前端开发神器. 最新版本Firebug 2.0即将发布,下面就来看看这个大版本中有哪些改进. 1.  基于新的Firefox调试引擎(JSD2) 2.  新的UI,以匹配Firefox 29版本中引入的Australis主题 3.  Script面板支持语法高亮 4.  允许检查…

最近在某网站看到了handlebars.js,出于好奇就百度了下这是神马玩意,结果让我很是欢喜,于是就开始自学下,handlebars就几个方法,蛮简单,言归正传! 以下是基本教学逻辑演示,会附完整代码 测试案例就分为3大块,头.主体.尾: <div id="header"></div> <div class="contact" id="contact"></div> <div id=&quo…

做了几年的 .Net 项目开发,后来公司转 Java 语言开发,Java 做了还没一年,公司准备前后端分离开发,而我被分到前端! Brackets是一款基于web(html+css+js)开发的web前端编辑器.它有许多普通编辑器难以实现的功能,是web前端开发者的神器. Brackets官网下载:http://brackets.io/ 其功能如下: 1.快速编辑将光标定在颜色上,按下快捷键Ctrl+E即可编辑颜色. 将光标定在标签或者class或者id上,Brackets就会搜索整个目录下的c…

一.Typora简介 markdown简单.高效的语法,被每一个开发者所喜爱.Typora又是一款简约.强悍的实时渲染markdown编辑器.本文将介绍Typora搭配PicGo与腾讯cos对象存储(图床)打造开发者文档(写博客)神器. 本文就是使用Typora编写的.搭配图床,上传到多个博客只需要粘贴即可. 官方下载地址:https://typora.io/ 二.PicGo简介 PicGo是Typora官方支持的图床工具. PicGo官方地址:https://molunerfinn.com/P…

转自:http://www.cnblogs.com/vajoy/p/4063824.html avalonJS是司徒正美开发和维护的前端mvvm框架,可以轻松实现数据的隔离和双向绑定,相比angularJS等前端框架它有如下优势: 1.压缩后仅有60多kb,而angular的min版是100多kb: 2.兼容IE6+,符合天朝市场需求: 3.效率更高,跑起来比angular和knockout都要更快,在移动端上该优势会更大(avalon有移动端专版的avalon.modern.js).关于其性能…

本章将介绍如何使用avalon来实现前端路由功能. 我们需要用到两个avalon路由配套模块—— mmHistory.js 和 mmRouter.js .其中mmHistory是用于历史管理,它会劫持页面上所有点击链接的行为,当这些链接是以 #/ .#!/ 开头,就尝试匹配路由规则,阻止页面刷新(通过hash方式或HTML5的replaceState方式).mmRouter是给我们定义路由规则,路由规则可以更精细地指定每个参数(param)的匹配规则,如果符合就执行对应的回调,如果不符合,就进入…

本章开始搭配requireJS来使用avalon,开始之前,我们可以对avalon进行精简改造(注:新版的avalon已提供了shim版本,无需再做如下的精简了,直接点这里获取). avalon源码里有自己的AMD加载器和DOMReady模块,使用requireJS来加载各依赖脚本的话,使用其配套插件DOMReady来ready执行会更合适,而且avalon的AMD模块也多余了.故我们可以把这俩块代码咔嚓掉. 只需要在源码里搜索“AMD”和“DOMReady”就能找到位于尾部的这俩模块,删掉它们…

接上篇 接上篇<高性能流媒体服务器EasyDSS前端重构(三)- webpack + vue + AdminLTE 多页面引入 element-ui> 本文围绕着实现EasyDSS高性能流媒体服务器的前端框架来展开的,具体EasyDSS的相关信息可在:www.easydss.com 找到! video.js 介绍 Video.js - open source HTML5 & Flash video player 作为一款高性能流媒体服务器的前端, 必不可少会用到流媒体播放器. 在播放器…

Sublime Text3常用插件 使用Package Control组件安装 也可以安装package control组件,然后直接在线安装: 按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音) 粘贴以下代码到底部命令行并回车: 1 import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_pa…

只汉化了linux版本 因为linux的工具没win多 不过汉化应该都通用的,自行尝试下. 汉化的不是很完全.有时间放出完全版本来.汉化是个体力活 转载随易,汉化不易,且转且注明 截图: http://www.jetbrains.com/webstorm/ 下载官方版本 提供一组序列号 用户名: EMBRACE 注册码: ===== LICENSE BEGIN ===== 24718-12042010 00001h6wzKLpfo3gmjJ8xoTPw5mQvY YA8vwka9tH!vibaU…

这个月因为各种事情在忙,包括赶项目,回老家,还有准备旅游的事,所以应该写不了四篇博客了.今天介绍一下关于Android Studio 的几个好用的插件,都是我在用的,它们或能帮你节省时间,或者让你心情愉悦. 还是老话,本文原创,转载请注明在CSDN博客上的出处: http://blog.csdn.net/maosidiaoxian/article/details/44992655 以下所有插件都可以在Idea的插件库中找到,如果你与我一样在Android Studio中无法搜索到任何插件的话,可…

第一步:下载破解文件 也可以直接去我的github仓库中下载 第二步骤:操作bin目录的文件bin目录window下和mac下大致相同,故而不在单独说window a.将补丁复制到webstorm安装目录的bin文件夹下面 b.配置项里增加补充代码 在/Applications/WebStorm.app/Contents/bin/webstorm.vmoptions文件最后面加上如下代码:-javaagent:+路径名称+jar包名称 第三步:获取注册码,再次打开ws,并复制到相对位置…

首先gulp是基于Node的,所以确保你已经安装 node.js,在Nodejs官方网站下载跟自己操作系统相对应的安装包. 先说一下gulp安装流程: 1:全局安装gulp,操作为: npm install gulp -g;2:在根目录下创建 package.json文件,操作为:npm init,之后根据操作输入“名字,版本号,描述”等内容,直接按回车则使用默认值,最后根据提示输入YES即可:输完后根目录下多了个package.json文件:3:本地安装gulp,先进入你的项目所在,如d盘下的…

安装 cnpm install faker json-serve --save-dev 在目录下创建一个模板文件 示例 makeJson.js var faker = require('faker') function generateCustomers() { var customers = [] for (var id = 0; id < 50; id++) { var firstName = faker.name.firstName() var lastName = faker.name.…

有用过一下,但是觉得比sublime重量太多,但是随着后来用node的开始,发现需要打造个web前端神器才能满足我的需求,于是乎重拾webstorm,目前发现11是新的版本,对node,npm支持性更加好. ok,开始我们的前端神器 这里提供下载地址 http://pan.baidu.com/s/1o7ntOxk     激活时请注意: .注册时选择"License server"输入"http://15.idea.lanyus.com/"点击"OK&qu…

今天和大家一起讨论一下如何打造一个属于前端的url参数解析器.如果你是一个Web开发工程师,如果你了解过后端开发语言,譬如:PHP,Java等,那么你对下面的代码应该不会陌生: $kw = $_GET['keyword']; // PHP String kw = request.getParameter("keyword"); // JSP 对于后端语言,通过上面的代码我们可以很方便的获取到一个url请求中的参数值.但是,当我们在一个Web前端工程中需要使用到url参数的时候,我们熟悉…

作为一个前端工作人员,而且只会写点HTML5和CSS3的“假”前端工程师,为了能更好地理解一下前端的花花世界,最近拜读了<高性能网站建设指南>一书,对作者提出的前端性能优化的14个规则获益匪浅,为了让自己印象更深刻点,决定作此文,当做学习笔记也好,知识总结也罢,总归看过的东西要让自己很好地掌握很好地运用起来才是王道.在解读这些规则的同时,我会用我一年半多的移动网站开发经历提出一些针对移动网站的优化建议. 首先我们从三个大类讲起:一,网络服务器.二,浏览器,三代码上面,针对这三个大类总结出了下面…

本章内容: 糟糕的页面实现,头疼的维护工作 Web标准--结构.样式和行为的分离 前端的现状 打造高品质的前端代码,提高代码的可维护性--精简.重用.有序 糟糕的页面实现,头疼的维护工作 工作中最大的考验和最不可回避的问题就是“变化”.我们不仅要实现需求,更重要的是考虑实现代码的可维护性,为未来可能出现的“变化”,提前做好准备. 所有老网页的典型毛病--新手可能会有的问题,中手也可能会有: div和table布局混用 html标签名有大写.小写 html标签属性有的加了引号,有的没加引号 历史遗…

「 OneAPM 技术公开课」由应用性能管理第一品牌 OneAPM 发起,内容面向 IT 开发和运维人员.云集技术牛人.知名架构师.实践专家共同探讨技术热点. 11月28日,OneAPM 技术公开课第五期将走进深圳.来自 OneAPM.腾讯.酷狗以及平安科技的前端大牛们,围绕「前端性能大作战」的主题,将一起为小伙伴们带来前端性能优化的黄金指导准则.让我们一起来听一场「有趣」又「有料」的分享吧! 时间地点 11.28日 周六 13:30-17:30 深圳·南山区深南大道1000号腾讯大厦多功能会议…

http://code.kpman.cc/2014/10/14/sublime-text-3-mac-%E6%8C%87%E5%8D%97/ gif 屏幕录制:http://recordit.co/ 或者 http://www.cockos.com/licecap/ http://blog.wpjam.com/m/emmet-grammar/ Sublime 前端开发工具 天下武功唯快不破,在项目开发中善于总结经验,提高开发效率.也是一名优秀的工程狮的必备技能.对于编程来说,一款顺手的IDE至关…

http://my.oschina.net/maomi/blog/137807#OSC_h2_5 WebStorm混搭svn WebStorm混搭nodeJS webstorm简单介绍 webstorm设置技巧 webstorm使用心得 WebStorm集成git使用 WebStorm常用快捷键 webstorm快捷键说明 [亲身实测] WebStorm混搭svn WebStorm混搭nodeJS 以less和uglify-js为例 如何用npm在root中下载模块 [网络转帖] webstor…

2017年火热的夏季,一年一度的IMWebConf强势来袭!9月16日,深圳科兴国际会议中心,我们将全心全意打造一场前端盛宴,恭候各位的光临. 作为一名前端老鸟,笔者有幸也参与了本次的大会的主题分享<WebAssembly:面向未来的web开发>.IMWEBConf 向来质量高.干货多,这次大会更是大手笔,请来了来自W3C.谷歌.微软.阿里.百度等企业的技术专家,相信不会令你失望. 聪明的前端开发者已经认识到,前端领域正发生着一场变革.各种新型框架悄然降世,Node.js的风暴越发猛烈,站在浪…

Charles--前端必备模拟后端数据 现在都是前后端分离开发了,前端开发者经常会遇到一个问题如何模拟后端数据来进行开发调试,在这里给大家介绍一个前端神器--Charles. 安装 安装就不赘述了,直接进入官网下载安装,根据步骤一直下一步即可. 未注册版本有30天的使用权限,单次使用超过30分钟会自动停止,这里可以参考这个教程进行破解软件 使用 安装完成之后打开软件 依次打开Tools->mapLocal 勾选enable map local,然后点击Add新增请求 分别填写协议.端口.域名.请…

安装Package Control 在安装插件之前,需要让sublime安装Package Control.打开Sublime Text的控制台,快捷键ctrl + ~,在控制台中输入以下代码. import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; i…

0x00 这篇文章我们分析Android脱壳神器DexHunter的源码. DexHunter作者也写了一篇介绍它的文章从Android执行时出发.打造我们的脱壳神器.DexHunter源码位于https://github.com/zyq8709/DexHunter. 0x01 DexHunter 实现中,仅仅须要改动一处文件:dalvik\vm\native\dalvik_system_DexFile.cpp 以下是BeyondCompare比对: 我们看到DexHunter的代码都位于系统源…

本文围绕着实现EasyDSS高性能流媒体服务器的前端框架来展开的,具体EasyDSS的相关信息可在:www.easydss.com 找到! EasyDSS 高性能流媒体服务器前端架构概述 EasyDSS 高性能流媒体服务器前端部分最初采用的是 AdminLTE + 各方 jQuery 插件的开发方式, 也就是网络上通常讲的 bootstrap + jquery plugins 的方式. 有经验的前端开发者想必都了解这种架构下开发前端页面的痛点. 当一个页面上 UI 组件多起来的时候, 代码组织就…

安装完成后的sublime text,功能单纯地就像笔记本,然而,可以下载对应的插件,使得sublime text不仅仅局限于某一单一语言的编写,此处只提及到前端方面的使用,下面是前端一般使用到的插件: 首先,你需要安装package control才可以安装插件,安装package control的方法有两种, 第一种:打开package control的下载网站:https://packagecontrol.io/installation,复制对应版本的import代码,打开sublimeT…