本文主要整理前端兼容性和处理问题的一些解决方案，持续更新；（很早之前开发移动端页面碰到很多的兼容问题，也不知道从哪儿开始整理了）。 一、知识点备忘 3、程序中的空格（2022-01-10） 程序中的空格有三种 半角空格：Unicode 编码为 32，十六进制写法为 \u0020； 全角空格：Unicode 编码为 12288，十六进制写法为 \u3000； 不间断空格：Unicode 编码为 16…
月度归档： 2019 年 4 月
解决 vue-pdf 打包后跨域报错
vue 搭建的项目中，很多部署方式是将HTMl页面放到一个服务器上，js、css这些静态资源放到另一个服务器上，这种部署方式可能会带来一些问题，标题中描述的 vue-pdf 报错就属于这种情况； 背景 vue-pdf 是一个 pdf 展示库，默认白色背景，比浏览器下默认黑底的效果要好；而且提供了一些 API，能很方便的操作PDF文档；基本原理是将 PDF 绘制到 Canvas 中； 报错 打包后，…
协议配置平台 – Markdown 转 html
Markdown 转 HTML 是用在协议配置平台中“使用帮助”、“更新日志”这种静态页面，发布的时候转成 html 页面；关于协议配置平台，参照这里，第一个就是。 方案：利用 gulp-markdown 模块，监听 markdown 文档的变化，自动转为 html。 转换的时候，可以利用 wrapper，对生成的 html 进行包装或引入 js 或 css，进一步对转换后的文档进行格式化。 gu…
协议配置平台 – Mysql数据库备份
数据库备份是用在协议配置平台中的，环境是 Windows Server 2008，该方案用在一个简单的服务中是可行的，大型的应用备份肯定不是这个方案了。关于协议配置平台，参照这里，第一个就是。 概述 备份用到的是 mysqldump – mysql 自带的备份程序；通过 Installer 安装完 mysql，默认就有这个程序，但是需要把它配到系统变量里边才方便用； 目录为 mysql …
前端成果回顾
总结一下，这几年在工作中一些前端相关的产出，列举的都是些独立于项目外的平台和工具； 1、协议配置平台 背景 前端开发中，很多协议、免责声明、活动规则这种纯文本页面，开发比较浪费时间；特别是有的协议十几页，前端光复制文本，添加html标签和样式就要花费好多时间；后期维护的时候，如果协议整体变动较大，基本又要重新做一遍； 这种纯文本的文档，完全可以自动化，就试着搭建了这么一个平台； 描述 一个上传wo…
协议管理平台 – 删除资源
这里是删除临时文件，该功能是协议配置平台中的一个脚本，关于协议配置平台，参照这里，第一个就是。 项目部署后，用户使用过程中，会产生很多没用的文件，主要来源包括： 添加或编辑时，预览过程中产生的临时文档； 上线(同步到云存储)之后的文档； 需要将这些文件删除，我采用的方式是定时批量删除的方案，为了防止删除正在预览或未同步的文档，删除时，设置了一个规则：只删除最后修改时间在一小时以上的文件。 为了优化…
协议管理平台 – 解析日志
这里的解析日志指的是对日志文件进行解析，提取有用的数据；协议配置平台里边，一开始的需求并不是很明确，但我加了非常详细的日志，后续扩充功能，数据可以从日志中补全。关于协议配置平台，参照这里，第一个就是。 项目中，解析日志，是为了从日志中获取用户的访问信息，导入数据库，方便查看 / 统计访问人数，为后续优化做准备； 之前设计时，并未考虑访问相关的数据，所以这部分是没有存到数据库的，只能通过日志导入(前…
协议管理平台 – 静态JSONP
协议配置平台中用了静态JSONP的方式解决问题；关于协议配置平台，参照这里，第一个就是。 JSONP原理 在页面上动态创建一个 script 标签，src 指向接口地址，将接口返回内容作为一段 js 执行； 接口返回内容格式为：callbackName(data)，即 回调函数名称(需要传递的数据) 这种形式，其中，回调函数名称是页面调用接口时通过参数传过来的，参数名一般为 callback 或 …
Vue 项目中的字体文件跨域问题
vue项目中，将页面和静态资源分开部署带来的问题，除了上一篇提到的特殊库(vue-pdf)中的跨域，还有本篇将要说的字体文件跨域； 背景 vue 项目中，通过 npm 安装的库，有一些（比如组件库 iview）中，会包含一些字体（iconfont）文件，当 html 页面和静态资源分开部署时，字体文件就会报跨域的错，不能加载到，导致页面上的图标显示不出来；这是因为默认情况下，字体文件不能跨域加载；…