webpack与SPA实践之开发环境搭建

目前,公司前端项目开发技术栈基本升级为使用gulp进行自动化构建,webpack进行项目模块化依赖管理,Vue+ Vuex + Vue-Router作为项目组件化开发框架,为了更深入的理解、使用当前技术栈并与读者分享、交流,计划推出一系列相关学习与实践文章。本篇为开篇,主要讲述如何使用webpack搭建开发环境。

由Vue实现限制文本框输入长度引发的思考

最近,公司产品线改成使用Vue主线开发,前几天有一个需求:一个标题输入文本框,需要限制其长度。google,百度搜索答案都不满意,现总结并扩展一下,可以实现很多需求,如过滤屏蔽某些输入,对某些输入数据做验证等等,希望能给Vue使用者带来一些帮助。

Web Components简述

要说最近几年来,前端开发最火的一个趋势或最火的前端开发框架是什么,第一想到的是,组件及推崇组件化开发的React框架。本文将介绍Web Components规范并就组件的几大特性进行讨论。

JavaScript异步与Promise实现

在阅读本文之前,你应该已经了解JavaScript异步实现的几种方式:回调函数,发布订阅模式,Promise,生成器(Generator),其实还有async/await方式,这个后续有机会会介绍。本篇将介绍Promise,读完你应该了解什么是Promise,为什么使用Promise,而不是回调函数,Promise怎么使用,使用Promise需要注意什么,以及Promise的简单实现。

JavaScript异步编程

如果你有志于成为一个优秀的前端工程师,或是想要深入学习JavaScript,异步编程是必不可少的一个知识点,这也是区分初级,中级或高级前端的依据之一。如果你对异步编程没有太清晰的概念,那么我建议你花点时间学习JavaScript异步编程,如果你对异步编程有自己的独特理解,也欢迎阅读本文,一起交流。

移动开发之手势与双指缩放

上周遇见一个关于双指缩放的问题,同时这个双指缩放也比较常见,于是决定对移动开发手势做一个学习和总结,并给出一个双指缩放的实例,希望对读者提供一些帮助。

Git由浅入深之细说变基(rebase)

在上一篇,详细介绍了Git分支管理,最后一节介绍了Git变基及其与合并的区别,限于篇幅,并未对变基展开介绍,实在是因为关于Git变基需要阐述的内容颇多,而且并不是新手能彻底掌握的,于是计划单列一篇,由浅入深,详细剖析,若有失误之处,望看官包容,指正。

Git由浅入深之分支管理

几乎所有的版本控制系统都以分支的方式进行操作,分支是独立于项目主线的一条支线,我们可以在不影响主线代码的情况下,在分支下进行工作。对于传统的一些版本控制工具来说,我们通常需要花费比较多的时间拷贝主线代码,创建一个分支,并且对分支的管理效率也越来越不令人满意,而如今备受推崇的Git确实名副其实,Git中的分支非常轻量,我们可以随时随意创建任意数量的新分支,几乎感觉不到什么延时,而且对分支的操作也很高效,如,切换分支,暂存内容,分支合并,分支提交等。