艾前端

摘要： 在开发微信 H5 页面时，时常会遇到难以解决的兼容性问题，现收集问题和解决方案，以备后用。 在 PC 浏览器和手机移动端浏览器中，Web API 提供了两种方式： ## 1.1. `Document.execCommand()` 方法 `Document.execCommand()` 是操作剪贴板的 阅读全文

摘要： # Angularjs 产品重构二 接上一篇 [《 Angularjs 产品重构一》](https://www.cnblogs.com/xinjie-just/p/16903278.html) 介绍了重构背景、立项、准备工作和技术选型，本篇文章介绍重构的具体事宜。 ## 重构 技术选项完成后，就进入 阅读全文

摘要： # Angularjs 产品重构一 本公司有两个使用 Angularjs 开发的产品，由于 Angularjs 已被官方放弃维护，存在安全攻击风险，于是我打算重构它们，避免安全威胁和解决一些原框架难以解决的兼容、版本差异报错等实际问题。 > AngularJS support has officia 阅读全文

摘要： # 工具函数 收集项目中常用的工具函数，以备后用，使用　TS 编写。 ##　1. 时间格式化 ```typescript /** * 格式化时间格式 * @param {*} value 传入时间（单位秒） * @returns 返回时间格式 XX 天 XX 小时 XX 分钟 XX 秒 */ exp 阅读全文

摘要： 前端开发中，常有一些场景如果不加以限制，很可能被攻击，造成网站崩溃，用户信息泄露，损失用户。只有网站本身具有高安全性，才能更好的抵挡各种复杂的攻击，这就要求开发者开发时遵循一定的安全规范了。这里介绍一些前端常见的攻击方式和预防手段。 1. XSS Cross Site Scripting 跨站点脚本 阅读全文

摘要： 后端为了验证用户身份，以及判断一个用户登录是否失效，需要前端传一个标识来进行判断。用得最多的便是 cookie 和 token 了。下面总结下他们的一些区别和优缺点。 1. cookie http 无状态，每次请求都要带上 cookie，以帮助识别用户身份。 服务端也可以向客户端 set-cooki 阅读全文

摘要： 实际工作中，无论是开发环境还是生产环境都不可避免的会产生错误，快速的找出错误、上报错误、及时修复错误非常重要，能减小或避免重大损失和客户流失。保证上线的产品质量也是说的错误监控，因为产品上线后，线上的代码错误如果都不能收集的话，如何保证产品质量呢。 1. 错误分类 前端错误通常可以分为代码错误（即时 阅读全文

摘要： 手写防抖和节流 简介 防抖（防止抖动） 操作暂停/结束过一段时间才发起请求。限制执行次数，多次密集的触发只执行一次。 应用场景：搜索时，当输入暂停时才发起请求，连续不停的输入时不发起请求。 节流 操作过程中，每间隔固定时间才发起请求。限制执行频率，有节奏的执行。 应用场景：在 drag 和 scro 阅读全文

摘要： 在更新环境阶段，SCSS 将会编译为 CSS 渲染页面，这些 icon 图标是图标、也是字体，将通过编译得到，页面 SCSS 编译完成后，可以看到页面的样式没问题，可是这时候可能这些 icon 还没编译完成，导致乱码，所以看到刷新可以解决。 解决思路 既然是由于 SCSS 还没编译完成导致，那就直接 阅读全文

摘要： 数组有很多实例方法，有些方法不会更改现有数组，而是返回一个新数组，有些方法则会改变原数组。本篇文章所列方法全部摘自具体项目的真实案例。 1. forEach 对数组的每个元素执行一次给定的函数，不会改变原数组。 let obj = {a: 1, b: 2, c: 3}; Object.keys(ob 阅读全文

摘要： 本篇文章数据来源为各大电商网站公开数据（如有侵权，联系删除），使用到的截图为 Echarts Demo 示例。 本篇文章介绍 Apache ECharts 可视化图表库，包括雷达图 radar，柱状图 bar，散点图 scatter，旭日图 sunburst，词云图 wordcloud，折线图 li 阅读全文

摘要： 我们知道 **<a> 元素有 download 属性，表示当前链接不是用来浏览的，而是用来下载的。**它的值是一个字符串，表示用户下载得到的文件名。可是对于 PDF 文件，浏览器默认打开一个新的页面加载 PDF 文件，而不会直接下载该文件。 这时候我们需要将原来的用于下载的 url 进行转换，转换成 阅读全文

摘要： 项目中，我们通常会使用插值表达式，来实现从数据源到视图的单向数据绑定。 一、插值表达式 插值是指将表达式嵌入到被标记的文本中。默认情况下，插值使用双花括号 {{ 和 }} 作为定界符。 以 Angular 为例，通过插值，Angular 执行以下任务： 计算所有位于双花括号中的表达式。 将这些表达式 阅读全文

摘要： 我们通常所说的 chrome 浏览器插件是指 chrome-extension （扩展程序）。扩展程序可以读取和更改你在访问的网站上的所有数据，权限很大。chrome-extension 使用 HTML, CSS, JavaScript 的技术来开发，只要懂得这些技术的都能制作一个比较好用的扩展程序 阅读全文

摘要： CKEditor 编辑器调研 CKEditor 编辑器，通过安装插件达到我们想要的功能，包括但不限于可以配置用户接口、编辑器尺寸、插入图片、插入内容、样式和格式、文档处理、UI、自定义工具条等等。功能强大，这里调研 CKEditor 编辑器。 CKEditor5 CKEditor 5 编辑器不兼容 阅读全文