趣谈前端

一个重度代码洁癖者,有对前端生态的总结,思考和探索.内容涵盖了笔者多年对vue;react;node;webpack以及javascript框架设计的探索和经验....

自定义博客皮肤

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

如何优雅的使用javascript递归画一棵结构树

递归和尾递归简单的说,递归就是函数自己调用自己,它作为一种算法在程序设计语言中广泛应用。其核心思想是把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解。...

2019-09-17 08:30:00

阅读数 98

评论数 0

5分钟教你用nodeJS手写一个mock数据服务器

对于前端开发者而言,javascript正扮演着越来越重要的地位,它不仅能为浏览器端赋能,在web服务器方面也有很大的价值(我们可以用nodeJS来写服务端代码,启动we...

2019-09-07 18:30:00

阅读数 451

评论数 4

笛卡尔乘积的javascript版实现和应用

笛卡尔乘积是指在数学中,两个集合X和Y的笛卡尓积,又称直积,表示为X × Y,第一个对象是X的成员而第二个对象是Y的所有可能有序对的其中一个成员 。例子假设集合A={a,...

2019-08-31 09:00:00

阅读数 29

评论数 0

js中的二叉树以及二叉搜索树的实现及应用

让我们一起来探讨js数据结构中的树。这里的树类比现实生活中的树,有树干,树枝,在程序中树是一种数据结构,对于存储需要快速查找的数据非有用,它是一种分层数据的抽象模型。一个...

2019-08-05 08:30:00

阅读数 21

评论数 0

Canvas入门实战之用javascript面向对象实现一个图形验证码

本文主要介绍用canvas实现图形验证码的一些思路以及如何用javascript面向对象的方式更友好的实现canvas的功能,关于canvas的一些基本使用方法和API我...

2019-07-29 20:42:55

阅读数 18

评论数 0

用Javascript和css3实现一个转盘小游戏

本文主要介绍如何使用原生javascript和Css3来实现一个在各大移动应用中经常出现的转盘游戏,由于改实现可以有不同方式,如果熟悉canvas的话也可以用canvas...

2019-07-24 08:30:00

阅读数 17

评论数 0

教你用200行代码写一个爱豆拼拼乐H5小游戏(附源码)

前言本文将带大家一步步实现一个H5拼图小游戏,考虑到H5游戏的轻量级和代码体积,我没有使用react或vue这些框架,而采用我自己写的dom库和原生javascript来...

2019-07-21 13:37:40

阅读数 83

评论数 0

基于react/vue生态的前端集成解决方案探索与总结

本文主要总结了笔者在多年前端工作中的技术方案选型,结合各种不同类型的项目,搭建了一套完整的前端集成解决方案,主要包含如下内容:于vue-cli3搭建的vue+vue-ro...

2019-07-18 08:55:06

阅读数 17

评论数 0

基于 localStorage 实现一个具有过期时间的 DAO 库

本文主要解决原生localStorage无法设置过期时间的问题,并通过封装,来实现一个操作便捷,功能强大的localStorage库,关于库封装的一些基本思路和模式,我将...

2019-07-11 19:36:38

阅读数 14

评论数 0

9012教你如何使用gulp4开发项目脚手架

本文将会介绍如何使用gulp4来搭建项目脚手架,如果您还在使用gulp3或更老的版本,您也以通过本文的一些思想将之前的项目进行完善,更新。如果gulp不是你们团队的重点,...

2019-07-08 08:30:00

阅读数 11

评论数 0

如何用不到200行代码写一款属于自己的js框架

前言JavaScript 的核心是支持面向对象的,同时它也提供了强大灵活的 OOP 语言能力。本文将使用面向对象的方式,来教大家用原生js写出一个类似jQuery这样的框...

2019-07-05 08:30:00

阅读数 15

评论数 0

使用shell脚本和node命令行工具来自动化部署打包前端项目

本文主要介绍shell脚本的一些基本用法以及在前端项目中的应用。将围绕以下几点来展开:shell基本用法(变量,循环,传参,运算符,流程控制等)使用shell脚本自动将项...

2019-07-03 15:16:00

阅读数 14

评论数 0

让你瞬间提高工作效率的常用js函数汇总(持续更新)

前言本文总结了项目开发过程中常用的js函数和正则,意在提高大家平时的开发效率,具体内容如下:常用的正则校验常用的设备检测方式常用的日期时间函数跨端事件处理js移动端适配方...

2019-07-02 21:18:49

阅读数 31

评论数 0

3分钟教你用原生js实现具有进度监听的文件上传预览组件

本文主要介绍如何使用原生js,通过面向对象的方式实现一个文件上传预览的组件,该组件利用FileReader来实现文件在前端的解析,预览,读取进度等功能,并对外暴露相应api来实现用户自定义的需求,比如文件上传,进度监听,自定义样式,读取成功回调等。 组件设计架构如下: 涉及的核心知识点如下: ...

2019-06-29 02:23:37

阅读数 95

评论数 0

提示
确定要删除当前文章?
取消 删除