摘要: CKEditor4 编辑器使用 本篇主要介绍编辑器使用过程中的注意事项和遇到的问题以及如何解决的。 效果 CKEditor4 实现的富文本编辑器的最终效果: 配置和使用 必要的配置(通过一个单独的 js 文件导出配置): export const CKEditorConfig = { extraPl 阅读全文
posted @ 2021-03-17 17:46 艾前端 阅读(2577) 评论(0) 推荐(0) 编辑
摘要: sessionStorage 与 localStorage 相似,但存储在 sessionStorage 里面的数据在页面会话结束时会被清除。 页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。 在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文, 阅读全文
posted @ 2021-02-05 11:56 艾前端 阅读(1124) 评论(0) 推荐(0) 编辑
摘要: 微信小程序用来展示一些用户数据,和少量的交互与通信非常合适。通常,我们需要一个后台管理系统来管理用户数据,在使用小程序的时候需要登录获取用户信息之后才能查看个人业务。 小程序登录一般不止一种,常见的有: 微信登录; 手机号密码登录,同后台管理平台一套账号 手机号验证码登录。 2 和 3 比较类似,这 阅读全文
posted @ 2021-02-04 13:46 艾前端 阅读(1298) 评论(0) 推荐(0) 编辑
摘要: H5 页面如何查看 PDF 文件 我们知道在 Chrome、Firefox 等浏览器可以查看 PDF 文件,不需要额外安装什么插件,这是由于 pdf.js 被预置到了这些浏览器中。 pdf.js 是一款使用 HTML5 Canvas 安全地渲染 PDF 文件以及遵从网页标准的网页浏览器渲染 PDF 阅读全文
posted @ 2020-10-30 18:02 艾前端 阅读(9732) 评论(0) 推荐(0) 编辑
摘要: 一、将HTML 网页内容转换为图片 使用 html2canvas 来截屏。 html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。 1.1 首先引入 html2canvas 插件 可以使用 <script src="https://cdn.bootcdn.net/ajax/li 阅读全文
posted @ 2020-08-16 17:51 艾前端 阅读(14833) 评论(0) 推荐(0) 编辑
摘要: 在前后端分离的项目中,如果需要通过访问服务器,直接请求会引起跨域问题,这时我们需要使用 webpack 开发服务器中的代理来把特定的 URL 转发到后端服务器。 在代理 https 协议的地址时,又会因为 https 证书问题导致接口访问失败,报错 500! 先说解决方法:代理配置和 http 协议 阅读全文
posted @ 2020-07-17 18:02 艾前端 阅读(3229) 评论(0) 推荐(0) 编辑
摘要: 数据结构 Set 与 Array 一、Set 与 Array 是什么 Set 是 ES6 提供的一种新的数据结构。Set 中的元素只会出现一次,即 Set 中的元素是唯一的。Set 是值的集合,是无序的。 Array 中的元素可以是原始类型或对象类型。Array 是有序数据的集合。 二、Set 的用 阅读全文
posted @ 2020-04-05 16:56 艾前端 阅读(1835) 评论(0) 推荐(0) 编辑
摘要: `Angular` 介绍了父组件给子组件传值的方法: 1. "通过输入型绑定把数据从父组件传到子组件" 。 子组件使用 装饰器接受父组件的数据。 2. "父组件与子组件通过本地变量互动" 父组件不能使用数据绑定来读取子组件的属性或调用子组件的方法。但可以在父组件模板里,新建一个本地变量来代表子组件, 阅读全文
posted @ 2020-01-22 15:59 艾前端 阅读(884) 评论(0) 推荐(0) 编辑
摘要: 我们可以在浏览器端,通过调用 原生的 ,将语音转换为文字,实现语音输入的效果。思路是: 1. 录制一段音频; 2. 将音频转换为 格式的字符串( 位编码); 3. 调用讯飞开放接口,将 位编码转换为文本。 这篇文章实现前两步,将音频转换为 格式的字符串( 位编码)。 这里将会用到于媒体录制相关的诸多 阅读全文
posted @ 2020-01-22 12:06 艾前端 阅读(2660) 评论(0) 推荐(0) 编辑
摘要: Ng Alain 是基于 实现的一个前端框架。它基于 和 ,在此基础上进行进一步封装,是中后台的前端解决方案,为我们提供更多通用性业务模块,让我们更加专注于业务。 在前后端分离开发的场景中,可能已经约定好了数据结构, 具体的业务逻辑还没写,前端开发常常会使用到假数据,来保证前端开发不会受阻。等到 定 阅读全文
posted @ 2019-12-10 23:38 艾前端 阅读(856) 评论(0) 推荐(0) 编辑
摘要: linux vi/vim 编辑器学习总结 很多时候我们开发人员不可避免的会涉及到项目部署,这个时候使用的就不是我们所熟知的 Windows 和 Mac OS 操作系统了,而是类 Unix 系统。项目部署时通常需要更改一些配置操作,比如环境地址更换,系统挂载,docker 镜像修改等,这时候我们就需要 阅读全文
posted @ 2019-11-12 17:52 艾前端 阅读(878) 评论(0) 推荐(0) 编辑
摘要: 前面学习了 docker 的命令和实际的用法,现在来实战一下。编排一个服务,也就是项目部署。 目前我们在一个闭源环境下工作,介绍一些工作流程和部署项目的方法。 该工作流程比较特殊 所谓闭源环境就是 没有网络,客户机没有链接外网。 不能使用U盘连接客户机,因为那是涉密机器。 我们自己的电脑没有限制,可 阅读全文
posted @ 2019-11-07 20:38 艾前端 阅读(3077) 评论(0) 推荐(0) 编辑
摘要: Docker 是一个容器工具,提供虚拟环境。解决了软件的环境配置和依赖问题,让软件可以带环境和依赖的安装。 Docker 将应用程序与该程序的依赖,打包在一个文件里面。运行这个文件,就会生成一个虚拟容器。程序在这个虚拟容器里运行,就好像在真实的物理机上运行一样。有了 Docker,就不用担心环境问题 阅读全文
posted @ 2019-10-26 19:22 艾前端 阅读(1093) 评论(0) 推荐(0) 编辑
摘要: > 在 retina 屏中,设备像素比为 2(iPhone6/7/8) 或 3(iPhone6Plus/7Plus/8Plus),1px 的边框看起来比真的 1px 更宽。 ## 1. 使用伪类加transform的方式 元素本身不定义边框,伪元素定义 1px 边框,并且根据根据设备像素比值设置缩放 阅读全文
posted @ 2019-07-25 22:56 艾前端 阅读(2244) 评论(0) 推荐(0) 编辑
摘要: _Angular 上传文件 可参考 "Angular2使用ng2 file upload上传文件" _ 这里记录在开发过程中遇到的问题: 1. 删除选择的文件后,不能再选择上次选择的相同的文件 在 firefox 浏览器中,当未选择文件时,原样式是: 当已选择文件时,原样式是: 根据设计要求,需要添 阅读全文
posted @ 2019-06-20 17:07 艾前端 阅读(2150) 评论(0) 推荐(0) 编辑