摘要: 前言 以下几个API,在web开发中可以简化我们一部分交互操作。 Fullscreen API 有时候我们想要全屏预览的效果,比如类似于图片预览、幻灯片播放等。全屏API是一个很好的选择。 基本用法 打开全屏 element.requestFullscreen().then(() => { // 成 阅读全文
posted @ 2020-10-14 14:45 Gerryli 阅读(352) 评论(0) 推荐(0) 编辑
摘要: 简述 相信不少前端开发童鞋与后端联调接口时,都会碰到前端明明已经传了参数,后端童鞋却说没有收到,尤其是 请求,遇到的非常多。本文以 作为服务端语言,借用 框架,简要分析客户端发送 请求的四种方式以及服务端如何接收。本文客户端请求没有借助第三方 库,采用的是 ,虽然浏览器兼容性有点问题,但是用法简洁灵 阅读全文
posted @ 2020-03-07 10:16 Gerryli 阅读(11977) 评论(0) 推荐(2) 编辑
摘要: 简述 前端由于安全方面的因素,不能直接对文件进行写操作。但是在实际的业务需求中,难免会遇到各种各样文件的下载、预览。 如果服务端下载文件是以流的形式传递到前端,前端通常是将流转换为 ,借用 标签的 属性,进行文件下载。但是有时候会遇到下载文件处理失败的场景,这样服务端消息的返回格式不再是流,而是 , 阅读全文
posted @ 2020-03-02 21:08 Gerryli 阅读(9266) 评论(0) 推荐(1) 编辑
摘要: 前言 冒泡排序 大家都不陌生,据说能打败 百分之九十 的前端,那只是针对初学者。最近一位朋友在面试中高级前端开发,遇到冒泡排序的问题,特地与我分享一下,问的比简单的实现冒泡排序稍微深入点,着重考察 执行时序。 基本概念 冒泡排序 在计算机语言中是一个常用的简单排序。简而言之,就是数组中相邻两个元素进 阅读全文
posted @ 2020-02-29 16:29 Gerryli 阅读(600) 评论(0) 推荐(0) 编辑
摘要: 简介 富文本编辑器,能够使 页面像 一样,实现对文本的编辑,通常应用在一些文本处理比较多的系统中。现在业界有很多成熟的富文本编辑器,比如功能齐全啊 "TinyMCE" 、轻量高效的 "wangEditor" 、百度出品的 "UEditor" 等。富文本编辑器很多,但是却很少思考如何从零开始,实现一个 阅读全文
posted @ 2020-01-20 16:05 Gerryli 阅读(1221) 评论(0) 推荐(3) 编辑
摘要: vue是一个轻量级、数据驱动的渐进式框架,其核心就是数据驱动。一直以来,对vue响应式原理的理解还是停留在利用Object.defineProperty中的get和set进行数据劫持,至于内部是如何运转的,并没有一个全面的认知。本文就简要概述下,vue响应式原理具体的实现。 就一般而言,props、 阅读全文
posted @ 2020-01-10 11:10 Gerryli 阅读(907) 评论(0) 推荐(0) 编辑
摘要: 在使用vue的过程中,经常会用到Vue.use,但是大部分对它一知半解,不了解在调用的时候具体做了什么,因此,本文简要概述下在vue中,如何封装自定义插件。 在开始之前,先补充一句,其实利用vue封装自定义插件的本质就是组件实例化的过程或者指令等公共属性方法的定义过程,比较大的区别在于封装插件需要手 阅读全文
posted @ 2020-01-07 12:30 Gerryli 阅读(2661) 评论(0) 推荐(1) 编辑
摘要: 工作中,正则表达式用的可能不是很多,一般使用的时候网上都有现成的实例,很少缺乏比较全面的理解。本文主要以匹配HTML标签为例,简述下正则表达式常用的功能点。匹配HTML片段如下: let str = ` <div id="app"> <div>21</div> <h1> <span>hello</s 阅读全文
posted @ 2019-12-26 20:18 Gerryli 阅读(464) 评论(2) 推荐(2) 编辑
摘要: 之前文章有写到vue构造函数的实例化过程,只是对vue实例做了个粗略的描述,并没有说明vue组件实例化的过程。本文主要对vue组件的实例化过程做一些简要的描述。 组件的实例化与vue构造函数的实例化,大部分是类似的,vue的实例可以当做一个根组件,普通组件的实例化可以当做子组件。真实的DOM是一个树 阅读全文
posted @ 2019-12-17 19:30 Gerryli 阅读(7136) 评论(0) 推荐(0) 编辑
摘要: 单例模式在前端开发中,有着广泛的应用场景,像前端缓存、页面模态框的创建等,只需要初始化一次,后面直接取之前的实例就好了。通俗来说,单例模式就是保证全局仅有一个实例,并且能够全局访问,核心就是这两点。 const Singleton = function (name) { this.name = na 阅读全文
posted @ 2019-12-10 19:29 Gerryli 阅读(320) 评论(0) 推荐(2) 编辑