轩枫阁

首页 / 搜索标签： 前端

tmt-workflow前端工作流

前言

在日常的前端开发中，我们会遇到 LESS/SASS 编译、CSS 前缀自动补全 、CSS压缩、 图片压缩、JS合并压缩、布署发布 等各种各样的操作。通常，我们都会根据实际情况定制一个流程性的工具来实现所有常规的功能，即所谓的前端工作流。tmt-workflow为微信TmT团队研发的工作流。

tmt-workflow

tmt-workflow 是一个基于 Gulp(v4.0)、高效、跨平台(macOS & Win)、可定制的前端工作流程。

现已推出 GUI 桌面工具：WeFlow，无需安装任何环境依赖即可使用，官网下载：http://weflow.io/

功能特性

除了以上的各种功能，其余特性：

  1. 基于 Gulp4 ，超好用的流程化(gulp.series, gulp.parallel)控制 API，更高的性能
  2. 跨平台的，支持 Win 和 Mac，满足各类开发者
  3. 所有项目共享一个 node_modules，只需一次 npm install 即可
  4. 可定制的，你可以根据自己的需求修改实现你自己想要的功能
  5. 自带 rem适配方案、智能 Webp 解决方案、去缓存文件 Reversion (MD5) 解决方案

查看全文

2016/08 31  周三

前端面试题集锦及答案解析

FE-interview

个人收集的前端知识点、面试题和答案，参考答案仅代表个人观点，方便复习。

HTML， HTTP，web综合问题

常见排序算法的时间复杂度,空间复杂度

sort-compare

前端需要注意哪些SEO

  1. 合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可
  2. 语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页
  3. 重要内容HTML代码放在最前：搜索引擎抓取HTMl顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取
  4. 重要内容不要用js输出：爬虫不会执行js获取内容
  5. 少用iframe：搜索引擎不会抓取iframe中的内容
  6. 非装饰性图片必须加alt
  7. 提高网站速度：网站速度是搜索引擎排序的一个重要指标

查看全文

2015/09 20  周日

前端新闻播报-第四期

前言

现在来为大家播报一些前端FE近期所发现的技巧。厌倦了陈旧的理论描述，来看看又有什么新技巧吧，绝对新颖。很多点是关于调试神器Chrome的。

Chrome新版拾色器

Chrome Canary 带来全新的取色器，更加直观的不透明度显示，以及 HEX，RGBA，HSLA 三种模式快速切换。

c1608aa0gw1erkbrpq1w4j20gu0a340d 查看全文

2015/09 17  周四

前端开发笔面试常见问题及答案解析

前端开发面试知识点大纲：

1
2
3
4
5
6
7
8
9
10
HTML&CSS：  对Web标准的理解、浏览器内核差异、兼容性、hack、
 
CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。
 
JavaScript：   数据类型、面向对象、继承、闭包、插件、作用域、跨域、
原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、
模板引擎、Nodejs、JSON、ajax等。
 
其他：  HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、
可维护、SEO、UED、架构、职业生涯

 

1.请你谈谈Cookie的弊端

cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。 第一：每个特定的域名下最多生成20个cookie

1
2
3
4
1.IE6或更低版本最多20个cookie
2.IE7和之后的版本最后可以有50个cookie。
3.Firefox最多50个cookie
4.chrome和Safari没有做硬性限制

IE和Opera 会清理近期最少使用的cookie，Firefox会随机清理cookie。

cookie的最大大约为4096字节，为了兼容性，一般不能超过4095字节。

IE 提供了一种存储可以持久化用户数据，叫做uerData，从IE5.0就开始支持。每个数据最多128K，每个域名下最多1M。这个持久化数据放在缓存中，如果缓存没有清理，那么会一直存在。

优点：极高的扩展性和可用性

1
2
3
4
1.通过良好的编程，控制保存在cookie中的session对象的大小。
2.通过加密和安全传输技术（SSL），减少cookie被破解的可能性。
3.只在cookie中存放不敏感数据，即使被盗也不会有重大损失。
4.控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。

缺点：

1
2
3
4
5
6
7
8
1.`Cookie`数量和长度的限制。每个domain最多只能有20条cookie，
每个cookie长度不能超过4KB，否则会被截掉。
 
2.安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。即使加密
也与事无补，因为拦截者并不需要知道cookie的意义，他只要原样转发cookie就可以达到目的了。
 
3.有些状态不可能保存在客户端。例如，为了防止重复提交表单，我们需要在服务器端
保存一个计数器。如果我们把这个计数器保存在客户端，那么它起不到任何作用。

2.浏览器本地存储

查看全文

2015/04 18  周六
123→>>
加载更多

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制，可以录制弹奏的曲子
    开始录制 完成录制 取消
    马上试听 重新录制 提交此曲
    分享钢琴节奏： 新浪微博 QQ空间