NEW

gulp常用插件之gulp-rev-collector(给资源文件加时间戳)

gulp常用插件之gulp-rev-collector(给资源文件加时间戳)
这个插件就是从manifests中获取静态资源版本数据, 该数据由不同的流产生, 并且替换html中的链接. 安装:  $ npm install --save gulp-rev-collector 使用:  我们可以使用gulp-rev来产生一些无法使用cache的静态资源, 并且为它们生成manifest文件. 然后使用gulp-rev-collector来从manifest文件中收集数据并且替换html模板中的链接. var gulp = require('gulp'); var rev = re...
NEW

ES6-字符串的扩展-模板字符串

ES6-字符串的扩展-模板字符串
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script> window.onload=function(){ //模板字符串,需将原本的双引号...
NEW

JS 巧用 && 与 ||

JS 巧用 && 与 ||
在对于流程控制语句当中,我们最熟悉不过的就是 1 if (条件){ 2 //代码块 3 }else{ 4 //代码块 5 } 对于一个执行不同的代码来说,如果执行的代码很多,可能就有必要使用上面这种方式 但往往我们开发当中,也会碰到一些赋值操作,如果使用上面方式,未免显得太过冗余。 举个例子: var num1 = 10; var num2 = 20; // 假如 num2 > num1 就 alert( num2 ) 否则 alert( num1 ) // 可...
NEW

div垂直居中的N种方法

div垂直居中的N种方法
在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生 效,例如表格元素中的<td>、<th>、<caption>等,而像<div>、<span>这样的元素是没有valign特性的...
NEW

详解Flex 布局

详解Flex 布局
网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 ...

移动H5前端性能优化指南

移动H5前端性能优化指南
移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB 5. Mobile侧因手机配置原因,除加载外渲染速度也是优化重点 6. 基于第五点,要合理处理代码减少渲染损耗 7. 基于第二、第五点,所有影响首屏加载和渲染的代码应在处...

react-treeview-master安装出错解决方案

react-treeview-master安装出错解决方案
react怎么实现树形面板 可以考虑用这个东西 react-treeview-master 出错情况如下: PS D:\reactjs> cd .\react-treeview-master\ PS D:\reactjs\react-treeview-master> cnpm install √ Installed 11 packages √ Linked 0 latest versions √ Run 0 scripts √ All packages installed (used 36ms, speed 0B/s, json 0(0B), tarball 0B) PS D:\reactjs\r...

解决问题:NODE_ENV 不是内部或外部命令,也不是可运行的程序,或者批处理文件

解决问题:NODE_ENV 不是内部或外部命令,也不是可运行的程序,或者批处理文件
1 环境 win10+powershell 2 问题 我要执行的npm script如下:  (脚本的内容不需要关注,需要关注的是它的写法。) "scripts": { "build": "NODE_ENV=production webpack", "dev": "NODE_ENV=development node dev-server.js" } 1 2 3 4 两个脚本都报同样的错误: NODE_ENV 不是内部或外部命令,也不是可运行的程序,或者批处理文件...

30分钟入门webpack

30分钟入门webpack
Webpack 入门教程 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 本章节基于 Webpack3.0 测试通过。 从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。 接下来我们简单为大家介绍 ...

软件开发常说的术语之冒烟测试

软件开发常说的术语之冒烟测试
冒烟测试,刚进公司就接触到了。只是刚开始一直没有体会到冒烟的含义和精髓,一直以为是冒烟测试就是把待测产品的主要功能测试一下就行了。后面回想一下,不是那么回事的。     冒烟测试源自硬件行业,对一个硬件或者硬件组件改动后,直接给设备加电,看看设备会不会冒烟,没冒烟,就表示待测组件是通过了测试。     在软件开发过程中,一直有高内聚,低耦合这样的说法,各...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: