网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
chrome timing中的queueing代表什么？
2017年08月02日
最近上线新网站，加载速度简直无法忍受。之后看了一下这个queueing时间很长，如图所示：整个页面完全加载需要5.27s这个速度实在是让人无法忍受。参考了一下知乎上面的说法，记录如下：红框就是queue部分其实不就是说这些图片请求是一起发的get但是由于浏览器http线程池内可用线程数量有限这些先排队等着呢等之前的http请求使用完成有空线程了再按队列中的实际去get么就是从添加到待处理队列到实际...
Angular 视频
2017年07月31日
第一章 1、Angular课程介绍2、Angular简介第二章1、内容介绍2、Angular程序架构3、环境搭建4、启动Angular过程介绍5、开发准备6、开发app组件7、开发navbar和footer组件8、开发search和carousel组件9、开发product组件10、开发stars组件11、小结第三章1、路由内容简介2、路由基础3、在路由时传递数据4、重定向路由5、子路由6、辅助路...
直达电梯－导航
2017年07月27日
超大信息类站点的导航条就像中药铺的抽屉，一字排开气势恢宏，分别拉开，别有洞天。 国人喜好：多！大！全！最好全部铺开才有气势。从不争气的‘S浪’网多年没怎么变的首页导航模式可见一般。至此，对比浏览了同类大型新闻信息类站点，发现中/洋；东/西，界面感受果然不同。 今天只说导航，只对比了新闻类站点： （娱乐类，设计类，个人站点导航形式多样，逻辑复杂，暂来不及铺开） ...
CODEMIRROR 基本用法
2017年07月27日
使用CodeMirror最简单的方法就是加载 下的js和css，再加上mode/目录下的mode js文件就好了。例如： <script src="lib/codemirror.js"></script> <link rel="stylesheet" href="lib/codemirror.css"><script src=<span style="colo ...
nodejs+express搭建javascript在线IDE Ⅱ
2017年07月26日
使用下面，我使用阮一峰的《es6标准入门》的一个案例代码来演示如何使用本平台，其实这个平台的初衷就是学了配合阮老师的书来学习的。 阮老师的代码传送门：在此var a = [1,2,3,4]; var set = neww Set(a); for(var item of a) { console.log(item); }这个代码的演示程序，如下图所示本系统的特点系统采用nodejs+express进...
nodejs+express搭建javascript在线IDE
2017年07月26日
node项目后台启动 npm install forever -g forever start bin/www 项目地址 github:https://github.com/sixtrees/js-online-running背景 这两天在看阮一峰的《ES6标准入门》，对其中涉及到的代码示例部分，感觉到很不方便，不知道阮老师是如何进行代码调试的。可能是在nodejs环境或者直接在浏览...
在summernote中使用codemirror
2017年07月26日
我的博客一直使用的是summernote富文本编辑器。 关于summernote如何配置，我这里就不讲了。如果不会，请看官方文档。 今天讲一下在summernote下如何配置codemirror切换到代码模式下，高亮显示代码。 效果如下： 首先看一下如何配置，代码如下：@section css{ @Styles.Render("~/Content/summernote/css/cod...
jquery操作select(取值，设置选中）
2017年07月25日
每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了。比如:<select class="form-control" name="topicSelect"> <option value="1">否</option> <option value="0">是</option></select>1、设置value为pxx的项选中 $(".selecto...