随笔分类 - Javascript
摘要：开发后台管理系统时，都需要实现打印、导出Excel这两项功能，在前后台分离的开发模式，你是否想找一个前端解决方案。这样后端开发人员就不用为每个报表功能附加一个导出Excel的接口了，那我们进入主题吧。 核心问题-导出Excel是个麻烦 打印不用多说，前端很容易搞定，因为浏览器自带；主要是导出Exce
阅读全文
摘要：近期由于业务的需求，让我这从未想过要碰Web Gis的业余前端开发者，走了Web Gis的开发道路。功能需求很简单，但却也是让自己难为了好几天。如，应该选择那个Gis框架，Gis框架的兼容性如何，直接Ie哪些版，能不能简单到只有一张图片就行解决问题，等等。。。。。。 在如此多的技术盲点，以及不确定的
阅读全文
摘要：作为前端开发者的伙伴们，肯定对Promise，Generator，async/await非常熟悉不过了。Promise绝对是烂记于心，而async/await却让使大伙们感觉到爽（原来异步可以这么简单）。可回头来梳理他们的关联时，你惊讶的发现，他们是如此的密切相关。 一、三者关系与发展史 我对他们三
阅读全文
摘要：上一篇博客我向大家介绍了基于ko-easyui实现的开发模板，博客地址：https://www.cnblogs.com/cqhaibin/p/9825465.html#4095185。但在还遗留三个问题。本篇幅文章就以解决这三问题展开。 一、代理 前后端分离的开发模式，一定会存在前端开发工程，与后端
阅读全文
摘要：前后端分离的开发机制，基本上是开发现代业务系统的标配。可在国内某些特殊领域还是存在大量的以JQuery走天涯的现象，但其中也不泛有追求技术者，如不才的鄙人。不才的本人曾以JQuery走天涯；后又接受了Knockoutjs，被他MVVM思想所吸引；也学习和了解过vue，他确实很棒，很了不起，但他不兼容
阅读全文
摘要：当今大多数的团队都实现了前、后端分支。前端与后端的沟通都是通过接口来实现的（一般情况下都是webapi接口）。这种情况你肯定需要一个接口查询的帮助文档，这个当然用swagger都可以实现。但做为前端开发的我们是否也应该考虑把自己写的组件以帮助文档的方式公开都团队其他人员使用。就像iview，easy
阅读全文
摘要：作为程序员（更高大尚的称谓：研软件研发）的我们，无论是用Javascript，还是.net, java语言，肯定都遇到过内存泄漏的问题。只不过他们都有GC机制来帮助程序员完成内存回收的事情，如果你是C++开发者（你懂的）。。。。。，如果你是前端开发者，肯定在使用Javascript（你或者会说，Js
阅读全文
摘要：一、如何查看dom元素的事件 某种情况我们在页面交互上发现一个问题，肯定是非常想知道这个交互触发执行的入口，这会使我们更直接、快速的进行代码的跟踪、调试和分析。其实在chrome浏览器这很简单就实现了，如下 百度一下 按钮 监听的事件列表：如图，我们就可以很清楚的看出 百度一下 这个按钮会触发多少的
阅读全文
摘要：在做后台管理系统的同学们，是否有用easyui的经历。虽然现在都是vue、ng、react的时代。但easyui（也就是jquery为基础）还是占有一席之地的。因为他对后端开发者太友好了，太熟悉不过了。要让一个后端开发者来理解vue或者是react的VNode、状态器、组件等，都是有那么一点点的为难
阅读全文
摘要：上周的某一天，和一位同样是前端技术极度爱好的开发者朋友聊天，他在提出了一个问题，他写的vue程序为什么在dev模式运行良好，而在production模式就直接报错了。这让我感到惊讶，还有这么神奇的事情。今就把这个历险记道给大伙听听，看能从中学习到什么？ 一、还原现场 朋友在看到我的惊讶后，分分就把他
阅读全文
摘要：说到Javascript的继承，相信只要是前端开发者都有所了解或应用，因为这是太基础的知识了。但不知各位有没有深入去理解其中的玄机与奥秘。今本人不才，但也想用自己的理解来说一说这其中的玄机和奥秘。 一、类继承的发展吏 function实现的继承 function的继承是完全模仿了OOP的编程思想。实
阅读全文
摘要：async修改一个方法，表示其为异步方法。而await表示等待一个异步任务的执行。js方面，在es7中开始得以支持；而.net在c#5.0开始支持。本文章将分别简单介绍他们在js和.net中的基本用法。 一、在js中的实现 js中的异步，还是基于Promise实现的。没有Promise就办法谈异步了
阅读全文
摘要：近期在学习typescript的时候，发现ts居然可以对原生js做强检测。发现从v2.3就开始直接了。这让我感叹他的变化，又让我自己感到学习的缓慢。本文章就对他小试牛刀一下。 一、他是的使用与支持 通过阅读官网的说明，了解到他实现验证是通过jsdoc的注释结构实现。然后在.js文件头部加入如下注释标
阅读全文
摘要：在knockoutjs 上实现 Flux 单向数据流 状态机，主要解决多个组件之间对数据的耦合问题。 一、其实简单 flux的设计理念和实现方案，很大程度上人借鉴和参考了Vuex的实现，只是简化了某些过程，数据流向图如下：从上图，中以看出数据的改变是单向循环的。我想这就是Flux理念的核心所在吧。V
阅读全文
摘要：近期尝试了一个webgl相关的内容，有些小激动，及时分享一下我的测试示例，效果如下： 此示例分从业务角度分为两部分，一个部分为d3展示的柱图，另一部分则为用openlayers展示的地图。而其难点却在界面的交互效果。实现内容的翻面。 一、翻面效果的实现 此效果看似神奇，理解清楚原理后也还是很简单的。
阅读全文
摘要：无论是在工作，还是在业余时间做前端开发的时候，难免出现后端团队还没完成接口的开发，而前端团队却需要实现对应的功能，不要问为什么，这是肯定存在的。本篇文章就是基于此原因而产出的。希望对有这方面的需求的同志有所帮助。 一、使用的组件包 1. mockjs：用于模拟查询结果 2. json-server：
阅读全文
摘要：一直以来本人认为想深入了解一门语言，不光是让自己变成撸sir，更需要时间的锤炼。能经得起时间考验的东西更值得拥有。学习和使用Javascript一晃都7年了，最近才感觉自己对他才有顿悟，不知道是否来得有点迟。本文归纳了我对 JS中作用的理解，希望得学习有所帮助。 特别说明：这是从另一个侧面（函数域的
阅读全文
摘要：这段时间在工作中遇到一个看似较为棘手的问题。问题描述：查询报表页面分为上下两部分，上部分为条件输入区域，下部分为报表展示区域。客户要求做到默认满屏（但要动态适应不同的窗体大小，也就是浏览器窗体用户会手动改变其大小），但上部分条件输入区域有动态变化高度的现象。 在遇到上述问题，您是否第一反应就是利用w
阅读全文
摘要：最近业余时间利用hexo为自己搭建一个高度自定义的个人站点，站点发布在github上，访问地址为：https://cqhaibin.github.io/。本博客简单介绍实现此站点的过程。效果图如下 构建此站点最初的目的主要方便自己使用本人开发的tomato time这个小工具。然后在实施的过程中加入
阅读全文
摘要：前段时间在利用工作之余开发了tomato timer这个蕃茄钟，然后部署到github.io上，由于greatway太厉害，偶尔会有打不开的情况。上周末对比做了扩展和改进，使其成为chrome的插件，或者成为桌面app。 chrome插件的使用与开发 一、如何安装与使用： 1、下载tomato ti
阅读全文
