让 iframe 页面强制刷新的方法

在复杂的后台类系统中,为了简单的接入祖传项目、外部不可控页面时,iframe 是一个较为简单合适的方案。 在域名相同的情况下,可以很简单的通过 $iframe.contentWindow.location.reload(true) 方法,强制刷新 iframe 页面。 当域名不同时,由于同源策略的限制,该 API 变为不可用。此时可用的刷新方案有两种: 调用 replace API: $ifram
让 iframe 页面强制刷新的方法

JavaScript 中的异步编程方式与实践

1. 为什么要异步编程 JavaScript 是一种单线程运行的的编程语言,同一时刻只能执行一个任务。为了处理不同的任务调度逻辑,异步编程在 JavaScript 编程开发中是无法避免的。 在以下列举的场景中,均必然涉及异步编程方法: IO 操作:外部设备访问 文件存取 TCP / UDP 网络访问 异步 API setTimeout / setInterval setImmediate proc
JavaScript 中的异步编程方式与实践

html 标签 iframe 基础与应用实践

在中后台管理系统中,由于业务功能模块的复杂性,使用 iframe 是不可避免的。当需要嵌入单独实现的或由另外一个系统提供的页面功能模块时,你只能选择 iframe。 本文尝试对 iframe 应用实践中常见的问题进行简要整理。 1 HTML <iframe> 标签 iframe 用于创建页内框架,以在当前页面中嵌入另外一个页面。所有浏览器都支持 &lt;iframe&g
html 标签 iframe 基础与应用实践

fis3 工程化工具应用实践经验

1. fis3 简介 fis3 是狼厂出产的工程化构建工具,在其厂内得到广泛推广应用,在国内也火了很长一段时间。而在 webpack 和 rollup 大红大紫的当下,fis3 似乎在日新月异的前端圈里渐渐地淡出大众的视野。 暂不说孰优孰劣,好用够用就是最好的。fis3 相对已比较成熟稳定,又太长时间没有新东西拿出来,在 tree shaking 这些技术面前显得有些落后。当前应该仍有不少的团队在
fis3 工程化工具应用实践经验

使用 yarn 代替 npm 管理前端项目模块依赖

简单来说,yarn 是一个与 npm 功能相同的工具,用于前端项目的依赖管理。在使用 npm 的项目中,使用 npm 命令的地方都可以使用 yran 来代替。为什么要使用 yarn 替代 npm 呢?请阅读本文详情寻找相关答案。
使用 yarn 代替 npm 管理前端项目模块依赖

Windows 上安装 Jekyll

Jekyll 是一个将纯文本转化为静态网站和博客的工具。现在许多的开源项目文档和示例,都使用 Jekyll 驱动。那么安装一个 Jekyll 就必不可少了。 本文简单介绍在 windows 上安装 Jekyll 的步骤。 1. 安装 Ruby A. 下载Ruby:http://rubyinstaller.org/downloads/ B. 最好保持默认的路径,如:Ruby22-x64。因为安装包明
Windows 上安装 Jekyll

前端自动化测试工具:SlimerJS、phantomJS 和 CasperJS

对于富客户端的 Web 应用页面,自动登录、页面修改、抓取页面内容、屏幕截图、页面功能测试...面对这些需求,使用后端语言需要花费不少的精力才能实现。此时 SlimerJS、phantomJS 或 CasperJS 或许是更好的一种选择。 一、PhantomJS 和 SlimerJS PhantomJS 和 SlimerJS 都是服务器端的 JavaScript API 工具,可以理解为无界面的可
前端自动化测试工具:SlimerJS、phantomJS 和 CasperJS

Web 前端开发的包管理工具 bower 快速入门

1. 什么是 bower,有什么作用 富客户端要求的前端开发,少不了大量的前端库文件引用,于是就可能遇到如下问题: 逐个下载、复制到期望位置嫌麻烦 库之间的依赖/版本依赖不清楚,总是出问题 版本升级时重复性的操作,还易搞错 ... 使用 bower 这样的包管理工具,可以很好的处理类似如上描述的问题。其实各种包管理工具的主要职责均类似如此。 2. bower 安装 需要系统已安装 nodejs。命
Web 前端开发的包管理工具 bower 快速入门

grunt 快速入门:使用 grunt 自动化构建工具进行前端开发

grunt 是前端开发的自动化构建工具,对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting 等,自动化工具可以减轻你的劳动,简化你的工作。 下面志文工作室以一个项目的构建为例,简介入门 grunt 进行前端开发的过程,主要涉及到 javascript 代码合并与压缩,css 代码合并与压缩,以及图片压缩。 1. 安装 grunt 依赖 nodejs,首先安
grunt 快速入门:使用 grunt 自动化构建工具进行前端开发

可选择可编辑输入的下拉框功能模拟的实现

有时我们需要一个可选的下拉框来选取内容,但是但是又有可以自定义输入的需求。对于这种需求,大部分网站使用的都是一个下拉框和一个 input text ,并列或分行给出选择。那么,我们希望它看上去像一个可以输入也可以选择的下拉框,那该如何做呢? 其实我们可以通过 css position 定位及少许的 javascript 代码,模拟出来这种效果。 下面是志文工作室在一个工作项目需求中实现的相关代码示
可选择可编辑输入的下拉框功能模拟的实现