JS 巧用 && 与 ||

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

div垂直居中的N种方法

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

详解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. 基于第二、第五点,所有影响首屏加载和渲染的代码应在处...

解决问题: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 不是内部或外部命令,也不是可运行的程序,或者批处理文件...

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

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

nginx 服务器重启命令

nginx 服务器重启命令
nginx 服务器重启命令,关闭 nginx -s reload  :修改配置后重新加载生效 nginx -s reopen  :重新打开日志文件 nginx -t -c /path/to/nginx.conf 测试nginx配置文件是否正确 关闭nginx: nginx -s stop  :快速停止nginx          quit  :完整有序的停止nginx 其他的停止nginx 方式: ps -ef |...

gulp教程之gulp-livereload

gulp教程之gulp-livereload
gulp教程之gulp-livereload gulp-livereload拯救F5!当监听文件发生变化时,浏览器自动刷新页面。【事实上也不全是完全刷新,例如修改css的时候,不是整个页面刷新,而是将修改的样式植入浏览器,非常方便。】特别是引用外部资源时,刷新整个页面真是费时费力。 0、有更好的方案,浏览器无需安装插件,且可以同时在PC、平板、手机等设备下进项调试。 1、安装nodejs/全局安装gulp/本地安装gulp/创建p...

JS中的call、apply、bind方法详解

JS中的call、apply、bind方法详解
call()、apply()、bind()都是函数对象的一个方法,它们的作用都是改变函数的调用对象。它的使用极大的简化了代码的调用。   一、方法定义 call方法 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对...

HTML5 离线应用程序【2】

HTML5 离线应用程序【2】
applicationCache对象 applicationCache对象代表本地缓存,可以用它来通知用户本地缓存中已经被更新,也允许用户手工更新本地缓存。在浏览器与服务器的交互过程中,当浏览器对本地缓存进行更新,将入新的资源文件时,会触发applicationCache对象的updateready事件,通知本地缓存已经被更新。可以利用该事件告诉用户本地缓存已经被更新,用户需要手工刷新页面来得到最新版本的应用程序,代表如下所示: J...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: