年前放假的最后一天,我们上线了「My Flyme 独家记忆」 H5 活动宣传页。 因种种原因,直到放假前几天,才突然要求我们参与并开始项目的前端部分。此时大概的情况是:所有数据已计算完毕;后端接口已完成待联调;交互视觉只…
分类:计算机技术
IT技术、计算机技术学习中心
使用 yarn 代替 npm 管理前端项目模块依赖
简单来说,yarn 是一个与 npm 功能相同的工具,用于前端项目的依赖管理。在使用 npm 的项目中,使用 npm 命令的地方都可以使用 yran 来代替。为什么要使用 yarn 替代 npm 呢?请阅读本文详情寻找相…
实现基于项目约定的 ajax 通用性封装
相同或相似功能应尽量书写可复用代码实现,函数化、模块化、参数化是实现代码可复用的关键技巧,也是高质量编码的基本要求。简单的复用实现可以是一个函数,更复杂完善一些就成了通用性组件、库或框架。
禁用 window.opener
一般来说,打开同源(域名相同)的页面,不会有什么问题,毕竟都是一个站点提供的。但对于跨域的外部链接来说,存在一个被钓鱼的风险。 在跨域的情况下,window.opener 拿不到来源页面的具体内容,但是 window.o…
vscode: Visual Studio Code 常用快捷键及前端开发常用插件
主命令框 F1 或 Ctrl+Shift+P : 打开命令面板。在打开的输入框内,可以输入任何命令,例如: 按一下 Backspace 会进入到 Ctrl+P 模式 在 Ctrl+P 下输入 > 可以进入 Ctrl+Sh…
node-sass 安装失败的解决办法
node-sass 安装失败的原因 npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。 这是使用 sass …
在 nginx 中配置 HTTP/2 与 TLSv1.3 支持
HTTP/2 协议于 2015 年 5 月 14 日正式版发布。随着 nginx 等流行 webserver 以及各大浏览器对 HTTP/2 的支持,越来越多的网站开始部署 HTTP/2 了。 HTTP/2 协议 HTT…
使用 Lets Encrypt 生成用于 https 站点的免费 SSL 证书
提示:本站当前已切换为使用 acme.sh 和 dnspod 的模式生成并自动续期证书,可参考该文: 基于 acme.sh 和 dnspod API 自动生成与更新网站泛域名证书 以下内容由于长久未作验证更新,已不再保证…
使用 mocha 和 chai 进行基于浏览器的 javascript 异步测试
基于 BDD (行为驱动开发) 的 UI 相关的功能性测试,特别是涉及到与后端数据交互的情况下,需要浏览器环境和对 ajax 的支持,对于涉及动画的交互,还需要延时执行测试代码。这里提到了几个基本要求: 浏览器环境支持(…
Public-Key-Pins:配置 HPKP(Public Key Pinning Extension for HTTP)
HPKP 格式及说明 HTTP Public Key Pinning(HPKP)的格式如下: Public-Key-Pins: pin-sha256="base64=="; max-age=expireTime [; i…