让 iframe 页面强制刷新的方法 在复杂的后台类系统中,为了简单的接入祖传项目、外部不可控页面时,iframe 是一个较为简单合适的方案。 在域名相同的情况下,可以很简单的通过 $iframe.contentWindow.location.reload(true) 方法,强制刷新 iframe 页面。 当域名不同时,由于同源策略的限制,该 API 变为不可用。此时可用的刷新方案有两种: 调用 replace API: $ifram 前端开发 任侠 2022-12-15 1512 热度 0评论
JavaScript 中的异步编程方式与实践 1. 为什么要异步编程 JavaScript 是一种单线程运行的的编程语言,同一时刻只能执行一个任务。为了处理不同的任务调度逻辑,异步编程在 JavaScript 编程开发中是无法避免的。 在以下列举的场景中,均必然涉及异步编程方法: IO 操作:外部设备访问 文件存取 TCP / UDP 网络访问 异步 API setTimeout / setInterval setImmediate proc 前端开发 任侠 2022-03-24 1291 热度 0评论
html 标签 iframe 基础与应用实践 在中后台管理系统中,由于业务功能模块的复杂性,使用 iframe 是不可避免的。当需要嵌入单独实现的或由另外一个系统提供的页面功能模块时,你只能选择 iframe。 本文尝试对 iframe 应用实践中常见的问题进行简要整理。 1 HTML <iframe> 标签 iframe 用于创建页内框架,以在当前页面中嵌入另外一个页面。所有浏览器都支持 <iframe&g 前端开发 任侠 2017-08-08 4390 热度 0评论
fis3 工程化工具应用实践经验 1. fis3 简介 fis3 是狼厂出产的工程化构建工具,在其厂内得到广泛推广应用,在国内也火了很长一段时间。而在 webpack 和 rollup 大红大紫的当下,fis3 似乎在日新月异的前端圈里渐渐地淡出大众的视野。 暂不说孰优孰劣,好用够用就是最好的。fis3 相对已比较成熟稳定,又太长时间没有新东西拿出来,在 tree shaking 这些技术面前显得有些落后。当前应该仍有不少的团队在 前端开发 任侠 2017-05-08 8281 热度 3评论
使用 yarn 代替 npm 管理前端项目模块依赖 简单来说,yarn 是一个与 npm 功能相同的工具,用于前端项目的依赖管理。在使用 npm 的项目中,使用 npm 命令的地方都可以使用 yran 来代替。为什么要使用 yarn 替代 npm 呢?请阅读本文详情寻找相关答案。 前端开发 任侠 2016-11-08 10179 热度 1评论
Windows 上安装 Jekyll Jekyll 是一个将纯文本转化为静态网站和博客的工具。现在许多的开源项目文档和示例,都使用 Jekyll 驱动。那么安装一个 Jekyll 就必不可少了。 本文简单介绍在 windows 上安装 Jekyll 的步骤。 1. 安装 Ruby A. 下载Ruby:http://rubyinstaller.org/downloads/ B. 最好保持默认的路径,如:Ruby22-x64。因为安装包明 前端开发 任侠 2016-02-23 5571 热度 1评论
前端自动化测试工具:SlimerJS、phantomJS 和 CasperJS 对于富客户端的 Web 应用页面,自动登录、页面修改、抓取页面内容、屏幕截图、页面功能测试...面对这些需求,使用后端语言需要花费不少的精力才能实现。此时 SlimerJS、phantomJS 或 CasperJS 或许是更好的一种选择。 一、PhantomJS 和 SlimerJS PhantomJS 和 SlimerJS 都是服务器端的 JavaScript API 工具,可以理解为无界面的可 前端开发 任侠 2015-01-07 34573 热度 11评论
Web 前端开发的包管理工具 bower 快速入门 1. 什么是 bower,有什么作用 富客户端要求的前端开发,少不了大量的前端库文件引用,于是就可能遇到如下问题: 逐个下载、复制到期望位置嫌麻烦 库之间的依赖/版本依赖不清楚,总是出问题 版本升级时重复性的操作,还易搞错 ... 使用 bower 这样的包管理工具,可以很好的处理类似如上描述的问题。其实各种包管理工具的主要职责均类似如此。 2. bower 安装 需要系统已安装 nodejs。命 前端开发 任侠 2014-10-24 36673 热度 6评论
grunt 快速入门:使用 grunt 自动化构建工具进行前端开发 grunt 是前端开发的自动化构建工具,对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting 等,自动化工具可以减轻你的劳动,简化你的工作。 下面志文工作室以一个项目的构建为例,简介入门 grunt 进行前端开发的过程,主要涉及到 javascript 代码合并与压缩,css 代码合并与压缩,以及图片压缩。 1. 安装 grunt 依赖 nodejs,首先安 前端开发 任侠 2014-09-06 9618 热度 0评论
可选择可编辑输入的下拉框功能模拟的实现 有时我们需要一个可选的下拉框来选取内容,但是但是又有可以自定义输入的需求。对于这种需求,大部分网站使用的都是一个下拉框和一个 input text ,并列或分行给出选择。那么,我们希望它看上去像一个可以输入也可以选择的下拉框,那该如何做呢? 其实我们可以通过 css position 定位及少许的 javascript 代码,模拟出来这种效果。 下面是志文工作室在一个工作项目需求中实现的相关代码示 前端开发 任侠 2013-08-06 11769 热度 3评论