常用的技术链接

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<header>

<ul>

<li><a href="#css-panel">CSS</a></li>

<li><a href="#html-panel">html</a></li>

<li><a href="#css3-panel">CSS3</a></li>

<li><a href="#html5-panel">html5</a></li>

<li><a href="#javascript-panel">javascript</a></li>

<li><a href="#jQuery-panel">jQuery</a></li>

<li><a href="#vue-panel">vue</a></li>

<li><a href="#react-panel">react</a></li>

<li><a href="#common-panel">common</a></li>

<li><a href="#other-panel">other</a></li>

<li><a href="#browser-panel">browser</a></li>

<li><a href="#font-panel">font</a></li>

<li><a href="#book-panel">book</a></li>

</ul>

</header>

<ol>

<li><a href="http://liuyan5258.github.io/2015/10/23/front-ready/">如何用gulp搭建一个自动化的(gulp+browserify+react+less+es6)前端开发环境</a></li>

<li><a href="https://github.com/liuyan5258/react-example">用gulp搭建一个自动化的（gulp+browserify+react+less+es6）前端开发环境</a></li>

<li><a href="http://my.oschina.net/u/1403181/blog/672501">webpack+react+es2015轻松环境搭建，配置，运行项目</a></li>

<li><a href="http://www.imooc.com/article/7221">webpack学习实践系列(一)</a></li>

<li><a href="http://www.w3cfuns.com/notes.php?mod=view&u=27029&id=44c0113bdbdb3e6b20a693fe35d27035">express+webpack+react搭建项目</a></li>

<li><a href="https://github.com/fwon/blog/issues/17">gulp + webpack 构建多页面前端项目</a></li>

<li><a href="https://github.com/eyasliu/webpack-gulp-react-dev-env">Webpack + Gulp 搭建 React 开发环境</a></li>

<li><a href="https://cnodejs.org/topic/56cd8675d8d481361ac7f632">ES6 + Express + Babel + Gulp + React + Webpack</a></li>

<li><a href="http://blog.callmewhy.com/2015/11/09/use-react-with-babel-and-webpack/">使用 Babel + React + Webpack 搭建 Web 应用</a></li>

<li><a href="https://cnodejs.org/topic/559b94fa1e5c761761468831">fis3也出来了, 分享一个我这几天弄的fis3+vue+...的开发环境</a></li>

<li><a href="http://www.html-js.com/article/3137">基于vue.js和webpack的Chat示例</a></li>

<li><a href="https://www.zybuluo.com/jeffjade/note/288801">Gulp+Webpack+Vue</a></li>

<li><a href="https://www.zybuluo.com/jeffjade/note/324124">Vue(Webpack+Gulp+Sass+Jade)开发流程</a></li>

<li><a href="https://github.com/MeCKodo/webpack/tree/master/SPA%E7%89%88">webpack_SPA版</a></li>

<li><a href="http://hcysun.me/2016/03/25/%E5%9F%BA%E4%BA%8Ewebpack%E5%92%8Cvue.js%E6%90%AD%E5%BB%BA%E7%9A%84H5%E7%AB%AF%E6%A1%86%E6%9E%B6(%E5%85%B6%E5%AE%9E%E4%B8%BB%E8%A6%81%E7%94%A8%E4%BA%8EHybrid%E5%BC%80%E5%8F%91H5%E7%AB%AF%E6%A1%86%E6%9E%B6%EF%BC%8C%E4%BD%86%E6%98%AF%E4%BE%9D%E7%84%B6%E8%83%BD%E5%A4%9F%E4%BD%9C%E4%B8%BA%E7%BA%AFweb%E7%AB%AF%E4%BD%BF%E7%94%A8)/">基于webpack和vue.js搭建的H5端框架(其实主要用于Hybrid开发H5端框架，但是依然能够作为纯web端使用)</a></li>

<li><a href="https://segmentfault.com/a/1190000003969465">gulp + webpack 构建多页面前端项目</a></li>

<li><a href="https://www.zybuluo.com/pockry/note/141157">使用React、Node.js、MongoDB、Socket.IO开发一个角色投票应用</a></li>

</ol>

<ol>

<li><a href="http://es6.ruanyifeng.com/">《ECMAScript 6入门》阮一峰</a></li>

<li><a href="http://www.ibm.com/developerworks/cn/web/1501_chengfu_browserify/">通过 Browserify 在浏览器中使用 NodeJS 模块</a></li>

<li><a href="http://blog.jobbole.com/78825/">browserify运行原理分析</a></li>

<li><a href="http://segmentfault.com/a/1190000000711469#articleHeader2">Gulp思维——Gulp高级技巧</a></li>

<li><a href="http://www.gulpjs.com.cn/docs/api/">gulp api文档</a></li>

<li><a href="http://www.csdn.net/article/2015-05-24/2824757-building-modular-javascript-applications-in-es6-with-react-webpack-and-babel?reload=1">基于ES6，使用React、Webpack、Babel构建模块化JavaScript应用</a></li>

<li><a href="http://www.tuicool.com/articles/rY7FR32">React 入门–高效开发环境的搭建</a></li>

<li><a href="http://qiita.com/hkusu/items/e068bba0ae036b447754">React.js + Babel + Browserify + gulp の環境を作ってみた</a></li>

<li><a href="http://www.tuicool.com/articles/MFjAZn6">在 Gulp 中使用 Browserify</a></li>

<li><a href="http://blog.csdn.net/woxueliuyun/article/details/39294375">package.json字段全解</a></li>

<li><a href="http://www.jianshu.com/p/tY6UPN">当 React 遇见 Gulp 和 Browserify</a></li>

<li><a href="https://webpack.github.io/docs/webpack-for-browserify-users.html">WEBPACK FOR BROWSERIFY USERS</a></li>

</ol>

<article>

<section>

<h2>CSS</h2>

<div class="" id="css-panel">

</div>

</section>

<section>

<h2>html</h2>

<div class="" id="html-panel">

<div class="meta-tag">

<p>head中的meta标签</p>

<a href="https://gold.xitu.io/entry/5727f06f2e958a0065778508"></a>

<p><a href="https://github.com/xiaoyu2er/HEAD">&lt;head&gt;标签中到底可以放什么?</a></p>

<p><a href="https://segmentfault.com/a/1190000002407912">常用meta整理</a></p>

<p><a href="https://segmentfault.com/a/1190000004279791">HTML meta标签总结与属性使用介绍</a></p>

</div>

</div>

</section>

<section>

<h2>CSS3</h2>

<div class="" id="css3-panel">

<p><a href="http://cubic-bezier.com/#.17,.67,.83,.67">CSS3 贝塞尔曲线 cubic-bezier</a></p>

<p><a href="http://matthew.wagerfield.com/parallax/">parallax.js 重力陀螺动画</a></p>

</div>

</section>

<section>

<h2>html5</h2>

<div class="" id="html5-panel">

</div>

</section>

<section>

<h2>javascript</h2>

<div class="" id="javascript-panel">

</div>

</section>

<section>

<h2>jQuery</h2>

<div class="" id="jQuery-panel">

<div>

<h3><a href="http://web.jobbole.com/84028/">前端开发者都应知道的 jQuery 小技巧</a></h3>

<ol>

<li>回到顶部按钮</li>

<li>预加载图片</li>

<li>检查图片是否加载完毕</li>

<li>自动修复损坏的图片</li>

<li>Hover 上的 Class 开关</li>

<li>禁用 input 字段</li>

<li>停止链接加载</li>

<li>淡入淡出/滑动开关</li>

<li>简单的折叠效果</li>

<li>将两个 Div 设为相同高度</li>

<li>在新窗口打开外部链接</li>

<li>找到文本元素</li>

<li>切换可视与隐藏的触发器</li>

<li>Ajax 调用的错误处理</li>

<li>链式操作</li>

</ol>

</div>

</div>

<p><a href="http://www.ithao123.cn/content-1094359.html">js和jquery设置disabled属性为true多个实例</a></p>

<p><a href="http://13473996167.iteye.com/blog/2275389">用jquery设置按钮的disabled属性来实现按钮的禁用</a></p>

</section>

<section>

<h2>vue</h2>

<div class="" id="vue-panel">

</div>

</section>

<section>

<h2>react</h2>

<div class="" id="react-panel">

</div>

</section>

<section>

<h2>common</h2>

<div class="" id="common-panel">

<p><a href="https://github.com/weixin/PageSlider">PageSlider -- 移动端滑屏组件</a></p>

</div>

</section>

<section>

<h2>other</h2>

<div class="" id="other-panel">

<div class="ffmpeg">

<h3>static FFmpeg binaries for Mac OS X Intel 64bit</h3>

<p>FFmpeg是一个自由软件，可以运行音频和视频多种格式的录影、转换、流功能[1]，包含了libavcodec——这是一个用于多个项目中音频和视频的解码器库，以及libavformat——一个音频与视频格式转换库。</p>

<a href="http://evermeet.cx/ffmpeg/">静态FFmpeg</a>

</div>

</div>

</section>

<section>

<h2>browser</h2>

<div class="" id="browser-panel">

<p><a href="http://www.w3cfuns.com/notes/24383/c3a6e18768cb0ba32decac4a6e9e4478.html">十款 Chrome 扩展帮你在前端开发中增加编码效率</a></p>

</div>

</section>

<section>

<h2>font</h2>

<div class="" id="font-panel">

<p><a href="http://font-spider.org/">字蛛是一个中文字体压缩器</a></p>

</div>

</section>

<section>

<h2>book</h2>

<div class="" id="book-panel">

<p><a href="https://github.com/cssmagic/CSS-Secrets">CSS揭秘</a></p>

</div>

</section>

<section>

<h2>font</h2>

<div class="" id="font-panel">

</div>

</section>

</article>

</body>

</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 204,293评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 85,604评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 150,958评论 0赞 337
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,729评论 1赞 277
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,719评论 5赞 366
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,630评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,000评论 3赞 397
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,665评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,909评论 1赞 299
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1赞 330
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,400评论 4赞 321
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,986评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2赞 349
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2赞 342

推荐阅读更多精彩内容

  • 0902晨读感悟--颜色的奥秘
    感觉今天的晨读要非常水的完成了，因为到现在为止一点想法都没有。唯一的想法就是我非常喜欢暖色调的颜色，现在想想是不是...
    环盈阅读 151评论 0赞 1
  • Oracle 表恢复到某一个时间点
    操作数据库一不小心将很重要的数据删除了，找备份也没有，幸好Oracle有闪回的功能。 提示ORA-08189: 因...
    jasonlu1208阅读 1,770评论 0赞 2
  • 想起来之前是何等智障
    看到纯银关于buzz与Google reader好友同步的分析，想到了校招的时候面试新浪，当时题目是关于之后推出的...
    pattyzqq阅读 67评论 0赞 0
  • 阿来：美丽的遇见
    著名作家阿来来敦煌了，并且有一场和读者的见面会。 听到这个消息，心情振奋，多年的心愿要实现啦。 ...
    花雨凤飞H阅读 554评论 4赞 8