部分 I. Web page-低调大师

部分 I. Web page

2018-01-09 638 89

4. gulpjs

4.1. Tasks automation

4.1.1. gulp-changed
4.1.2. 显示处理进度
4.1.3. notify
4.1.4. del
4.1.5. start

4.2. watch

4.3. HTML Minification

4.4. CSS Minification

4.4.1. gulp-minify-css
4.4.2. gulp-clean-css
4.4.3. gulp-make-css-url-version
4.4.4. CSS 冗余分析

4.5. JS Minification

4.5.1. JS 校验

4.6. CSS Sprite

4.7. Compress Images

4.8. WEBP格式图片

4.9. Sass Compilation

4.10. Less Compilation

4.11. 重命名文件名

4.12. 合并文件

4.13. 文件头

4.14. yargs 命令行参数传递

4.14.1. gulp-util
4.14.2. minimist

4.15. gulp-sourcemaps

4.16. gulp-zip

4.17. 清理JS中的console.log()调试语句

4.18. copy-dir

4.19. gulp-copy

4.20.

4.21. Example

4.21.1. HTML,JS,CSS
4.21.2. 命令行传递参数

5. webpack

6. minifier

7. CSS Frameworks

7.1. 浏览器判断

7.2. Sass: Syntactically Awesome Style Sheets

7.2.1.

7.3. Less

7.4. css 冗余/废弃样式检查

9. HTML

9.1. iPhone WebApp

9.1.1. 拨打电话
9.1.2. iphone 图标设置

9.2. frame

10. HTML5

10.1. header
10.2. article

11. Javascript

11.1. window

11.1.1. window.location

11.2. navigator

11.2.1. userAgent

11.3. document

11.3.1. referrer
11.3.2. domain

11.4. String 字符串处理

11.4.1. JSON.parse
11.4.2. replace 替换

11.5. Date and Time

11.6. from 表单相关事件

11.6.1. onblur

11.7. 禁止复制与鼠标右键

11.8. DOMDocument

11.8.1. createTextNode

11.9. Microsoft.XMLHTTP

11.9.1. Get
11.9.2. POST

11.10. jQuery

11.10.1. Selectors(选择器)

11.10.2. jQuery 属性操作

11.10.2.1. is
11.10.2.2. css

11.10.3. 时间触发

11.10.3.1. setTimeout 定时执行一次
11.10.3.2. setInterval 间隔执行

11.10.4. text

11.10.5. inArray

11.10.6. Ajax

11.10.6.1. Load
11.10.6.2. GET
11.10.6.3. Post
11.10.6.4. jsonp
11.10.6.5. No 'Access-Control-Allow-Origin' header is present on the requested resource.
11.10.6.6. 同步 AJAX

11.10.7. Form 表单处理

11.10.7.1. select
11.10.7.2. input

11.10.8. Jquery 事件

11.10.8.1. click 事件

11.10.9. Garlic.js - 表单数据持久化

11.11. Bootstrap

11.12. ActiveWidgets - WebUI

11.13. Highslide

11.14. JavaScript 代码混淆

11.14.1. JavaScript Packer

11.15. phantomjs - headless WebKit with JavaScript API

11.16. Javascript MVC Frameworks

11.16.1. Backbone
11.16.2. example

12. SSI

12.1. SSI 环境变量

12.1.1. QUERY_STRING GET参数传递
12.1.2. SERVER_NAME 与 HTTP_HOST

12.2. set

12.3. echo

12.4. 包含网页

12.5. if 条件判断

12.6. FAQ 常见问题

12.6.1. SERVER_NAME 与 HTTP_HOST 有什么不同？

13. Theme & UI

13.1. bootstrap

14. 3rd party

14.1. Share Buttons

14.2. discussions

14.3. Highlight

14.3.1. SyntaxHighlighter
14.3.2. highlight.js

14.4. 所见即所得现在编辑工具

14.4.1. FCKeditor
14.4.2. NicEdit
14.4.3. TinyMCE
14.4.4. WYSIWYG
14.4.5. Quill

15. Div+CSS页面设计

15.1. 页面元素命名

15.2. XHTML+DIV+CSS

15.3. 页面结构设计

15.3.1. Home page (首页)
15.3.2. 导航烂
15.3.3. Left Bar
15.3.4. 区块设计 Block

15.4. 表格

15.5. 图片优化

15.5.1. onMouseOver/onMouseOut
15.5.2. 使用一幅图片处理BLOCK四角
15.5.3. 图片用背景图代替 img 标记
15.5.4. 合并图片

15.6. HTML嵌入图片

15.7. 页面内容安全

15.7.1. 禁止鼠标右键
15.7.2. 禁止复制剪切及粘贴

15.8. html,css 有效性检查 Validation

15.9. 自适应宽度超出截取并显示省略字符

16. Angular

16.1. Function

16.1.1.
16.1.2. ng-bind

原文出处：Netkiller 系列手札
本文作者：陈景峯
转载请与作者联系，同时请务必标明文章原始出处和作者信息及本声明。

微信关注我们

原文链接：https://yq.aliyun.com/articles/346872

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

2018-01-10 00:00:00

2.2. Eclipse

Window-Perferenes-General-Keys Remove Trailing Whitespace 2.2.1.AnyEdit http://andrei.gmxhome.de/anyedit/ Remove trailing whitespace: Window -> Preferences -> PHP -> Editor -> Save Actions [v] Remove trailing whitespace () All lines (o) Ignore empty lines AnyEdit tools plugin for Eclipse 2.2.2.Eclim http://eclim.org/index.html 安装Eclim java -jar eclim_1.7.0.jar 2.2.3.Vrapper Eclipse 的 VIM 插件 http://vrapper.sourceforge.net/home/ 原文出处：Netkiller 系列手札本文作者：陈景峯转载请与作者联系，同时请务必标明文章原始出处和作者信息...

558

2018-01-10 00:00:00

4.5. JS Minification

npm install --save-dev gulp-uglify gulpfile.js: // including plugins var gulp = require('gulp'); var uglify = require("gulp-uglify"); // task gulp.task('minify-js', function () { gulp.src('./JavaScript/*.js') // path to your files .pipe(uglify()) .pipe(gulp.dest('path/to/destination')); }); Run: gulp minify-js 4.5.1.JS 校验 var gulp = require('gulp'); var header = require('gulp-header'); //给文本文件头部追加内容 var footer = require('gulp-footer'); var concat = require('gulp-concat'); var jshint = require('g...

550

资源下载

更多资源

优质分享Android(本站安卓app)

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Eclipse（集成开发环境）

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。

Java Development Kit(Java开发工具)

JDK是 Java 语言的软件开发工具包，主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心，它包含了JAVA的运行环境（JVM+Java系统类库）和JAVA工具。

Sublime Text 一个代码编辑器

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。