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

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

前端 javascript 实现文件下载

在 html5 中,a 标签新增了 download 属性,包含该属性的链接被点击时,浏览器会以下载文件方式下载 href 属性上的链接。示例: <a href=\"https://www.baidu.com\" download=\"baidu.html\">下载</a> 1. 前端 js 下载实现与示例 通过 javascript 动态创建一个包含 download 属性的 a
前端 javascript 实现文件下载

Animated PNG:使用 PNG 格式的动画图片

Animated PNG 可以解决高清动画图片的问题。PNG 动画图片支持 24 位(1600W 色),并且支持 alpha 透明度。另外,GIF 动画每秒最多限制为 10 帧,PNG 动画则无此限制,因此可以得到更为细腻的动画效果。
Animated PNG:使用 PNG 格式的动画图片

HTML5 活动宣传页「My Flyme 独家记忆」开发实践总结

年前放假的最后一天,我们上线了「My Flyme 独家记忆」 H5 活动宣传页。 因种种原因,直到放假前几天,才突然要求我们参与并开始项目的前端部分。此时大概的情况是:所有数据已计算完毕;后端接口已完成待联调;交互视觉只出了不到四分之一(一共二十多个页面);我们平时以中后台项目为主,这种活动页从未涉及。我们真正介入时距离上线时间点只有四天,在这种背景下,已经谈不上探讨什么样的技术选型最佳,只能是越
HTML5 活动宣传页「My Flyme 独家记忆」开发实践总结

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

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

实现基于项目约定的 ajax 通用性封装

相同或相似功能应尽量书写可复用代码实现,函数化、模块化、参数化是实现代码可复用的关键技巧,也是高质量编码的基本要求。简单的复用实现可以是一个函数,更复杂完善一些就成了通用性组件、库或框架。
实现基于项目约定的 ajax 通用性封装

禁用 window.opener

一般来说,打开同源(域名相同)的页面,不会有什么问题,毕竟都是一个站点提供的。但对于跨域的外部链接来说,存在一个被钓鱼的风险。 在跨域的情况下,window.opener 拿不到来源页面的具体内容,但是 window.opener.location 却是例外:它可以修改打开它的页面地址。这会带来什么问题?如果你在社交网站上点击了一个钓鱼链接,钓鱼页面本身没有问题,但它却可以悄悄地替换打开它的社交网站页面,从而实现钓鱼以获取用户账号密码等信息的目的。
禁用 window.opener

vscode: Visual Studio Code 常用快捷键及前端开发常用插件

主命令框 F1 或 Ctrl+Shift+P : 打开命令面板。在打开的输入框内,可以输入任何命令,例如: 按一下 Backspace 会进入到 Ctrl+P 模式 在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式 在 Ctrl+P 窗口下还可以: -直接输入文件名,跳转到文件 ? 列出当前可执行的动作 ! 显示 Errors或 Warnings,也可以 Ctrl+Shift
vscode: Visual Studio Code 常用快捷键及前端开发常用插件

node-sass 安装失败的解决办法

node-sass 安装失败的原因 npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。 这是使用 sass 的同学可能都会遇到的郁闷的问题。 解决方案就是使用其他源,或者使用工具下载,然后将安装源指定到本地。
node-sass 安装失败的解决办法