前端栈开发

正文1. 单例模式(SingleTon)定义也叫单例模式，核心思想是确保一个类只对应一个实例。虽然js是弱类型的语言，但是js也有构造函数和实例。所以这里可以理解为确保多次构造函数时，都返回同一个实例实现根据定义，我们需要实现一个构造函数，并且满足以下条件：function A(){ //需要实现的函数内容}var a1 = new A() var b1 = new A()a1 =...

1 什么是适配器模式适配器模式(Adapter)：将一个类的接口转换成客户希望的另外一个接口，使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。在生活中，我们有许多的适配器，例如iPhone7以后的耳机接口从3.5mm圆孔接口更改成为了苹果专属的 lightning接口。许多人以前的圆孔耳机就需要下面的一个适配器，才能够在自个儿新买的iPhone上面听歌。在前端开发中，我们可能会遇见这样的...

TableGear 详细介绍TableGear是一个MooTools插件用于为标准Html Table添加扩展功能包括：可以对表格中的数据进行排序，分页。通过Ajax删除， 添加，修改数据。为行/列添加样式。该插件还支持通过键盘移动当前选中的单元格。...

wES 详细介绍wES 是一组开源的Java ElasticSearch客户端和工具; 简洁但是很勥 :)wES = Java Retrofit2/OkHttp版本的客户端(不依赖Json类库,高度可定制) + 工具包 + spring-boot demo + 常用的ElasticSearch环境DockerfilewES 模块wES 分割成许多模块, 可以按需选择. wUt...

EggBorn.js 详细介绍EggBorn.js 是什么EggBorn.js是一款顶级Javascript全栈开发框架。EggBorn.js是采用Javascript进行全栈开发的最佳实践。 EggBorn.js不重复造轮子，而是采用业界最新的开源技术，进行全栈开发的最佳组合。 EggBorn.js前端采用Vue.js + Framework7 / Vue Router + Webp...

onfire.js 详细介绍onfire.js 是一个很简单的事件分发的Javascript库（仅仅 0.9kb），简洁实用。可以用于: 简单的事件分发； 在 react / vue.js / angular 用于跨组件的轻量级实现； 事件订阅和发布； API方法：1.on(event_name, callback)绑定事件，参数为event_name...

ag-Grid 详细介绍ag-Grid 是一个企业级的 JavaScript 数据网格。ag-Grid 的目的是提供可用于构建企业级应用的表格，例如报告和数据分析，业务流程和数据输入的数据表格。ag-Grid 每一个功能的文档至少有一个例子来展示该功能。功能特性大数据和性能ag-Grid是世界上性能最好的网格，它可以处理大量复杂数据，同时执行最佳性能。过滤&搜索...

form-create 详细介绍form-create具有数据收集、校验和提交功能的表单生成器，支持双向数据绑定和事件扩展，组件包含有复选框、单选框、输入框、下拉选择框等表单元素以及省市区三级联动,时间选择,日期选择,颜色选择,滑块,评分,框架,文件/图片上传等功能组件。如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！1.3 版本重大更新 优化和精简内部结构 ...

Sugarjs 详细介绍Sugar.js 是一个用于开发前端模块化 UI 组件的轻量级 JavaScript 框架 ( mvvm & template )框架特点： 体积轻量 Api 简单。 模块化/组件化前端工程。 视图组件可复用、可继承，方便开发和维护。 组件系统支持消息通信、组件嵌套、MVVM 和模板布局。 sugar.js 由两个完全...

SpriteJS 是一款由360奇舞团开源的跨终端 canvas 绘图框架，可以基于 canvas 快速绘制结构化 UI、动画和交互效果，并发布到任何拥有canvas环境的平台上（比如浏览器、小程序和node）。官方网站：http://spritejs.orgGithub地址：https://github.com/spritejs/spritejsDEMO示例：http://spritejs.or...

this的指向已经是一个老生常谈的问题，每逢面试都要去复习复习，近来巩固js的基础，决心彻底掌握这个知识点，一劳永逸。说明一下，为了不影响大家的思考过程，下面的代码都不会去注释答案，想知道答案，只需要去控制台执行一下。四类场景逐一击破首先，分析this的指向共有四种类型，在分析之前，我们首先带好两个锦囊：1.函数被调用时（即运行时）才会确定该函数内this的指向。因为在函数中this与argume...

js获取日期常用如下： var date = new Date();//中国标准时间 var year = date.getFullYear();//获取完整的年份(4位) var month = date.getMonth();//获取当前月份(0-11,0代表1月) var nowDate = date.getDate();//获取当前日(1-31) va...

通常当用户打开一个资源的url,如果浏览器支持这个格式的文件的情况下，浏览器会尝试去再页面里展示它而不是直接下载。例如一张图片(jpg, png, gif等)，几乎所有浏览器都会去将图片在浏览器里面展示。对于压缩格式的文件(zip, tar, gzip等)浏览器总是会直接去下载它们，另外一些格式的文件，根据浏览器的不同也会有差异的处理方法，例如Microsoft Word文件(doc, docx)...

浅谈前端中的错误捕获某一天用户反馈打开的页面白屏幕，怎么定位到产生错误的原因呢？日常某次发布怎么确定发布会没有引入bug呢？此时捕获到代码运行的bug并上报是多么的重要。既然捕获错误并上报是日常开发中不可缺少的一环，那怎么捕获到错误呢？万能的try...catchtry{ throw new Error()} catch(e) { // handle error}看上去错误捕获是多么的...

前端测试或许被好多人误解，也许大家更加倾向于编写面向后端的测试，逻辑性强，测试方便等聊到这导致了好多前端从来不写测试（测试全靠手点～～～）其实没必要达到测试驱动开发的程度，只要写完代码可以补测试，并且补出高效的测试，前端或许真的不需要手点大前端时代不谈环境不成方圆，本文从下面几个环境一一分析下如何敏捷测试node 环境vue 环境nuxt 服务端渲染环境react 环境next 服务端渲染环境an...

JavaScript依然是2018年最受欢迎、最流行的编程语言，所以它的生态系统也十分完善。JavaScript小小的标准库不足以应付各种开发需求。在Github上，有许多流行的JavaScript库。在这里，我整理了一个列表推荐给大家：1. Underscore & Lodash(dah)也许大多数童鞋都已经知道它们。Underscore提供了日常使用的基础函数。Lodash, 作为NP...

Promise 札记研究 Promise 的动机大体有以下几点：对其 api 的不熟悉以及对实现机制的好奇;很多库(比如 fetch)是基于 Promise 封装的，那么要了解这些库的前置条件得先熟悉 Promise;要了解其它更为高级的异步操作得先熟悉 Promise;基于这些目的，实践了一个符合 Promise/A+ 规范的 repromise本札记系列总共三篇文章，作为之前的文章 Node....

引言三维计算机图形和二维计算机图形的不同之处在于计算机存储了几何数据的三维表示，其用于计算和绘制最终的二维图像。——《3D computer graphics》随着 WebGL 标准的快速推进，越来越多团队尝试在浏览器上推出可交互的 3D 作品。相较于二维场景，它更能为用户带来真实和沉浸的体验。然而 OpenGL 和 WebGL（基于 OpenGL ES） 都比较复杂，Three.js 则更适合初...

1.冒泡排序原理：冒泡排序的过程就是将数组中相邻的两个元素进行比较，如果前面的元素比后面的元素要大交换位置，否则位置不变；举个栗子：有数组 arr = [3,5,4,2,1];第一轮循环：3和5比较，3小于5两者位置不变，接下来5和4比较，5大于4，两者交换位置，接着5和2比较，5>2两者交换位置，继续5和1 比较 5>1两者交换位置，一轮后得到的数组是[3,4,2,1,5];把大的元...