Yusen's Blog

最近大半年也写了不少通用模块，却从来没使用过一种通过书写格式。目前公司的前端通用库还是jQuery, 但也不是所有的模块都适合以jQuery 插件的形式开发。平时写的时候一般以立即执行函数或 OO 形式开发，以目前项目情况来看也不是很需要用require.js或sea.js之类的加载器。其实我的需求很简单，就是抹去模块在全局作用域的定义，以通用的形式定义和引用。 阅读全文…

上个月向领导提出的使用gulp+ejs模块化html最近得到了实施，大概记录下此次改造工作。 阅读全文…

Node.js 的热门之处就在于其命令行开发能力。一个在 shell 下编码的程序员绝对要比在常规编辑器上编码的程序员酷！ 阅读全文…

近日刚做的一个功能，要在app里使用内嵌页面进行图像的上传。从功能上看，原生的实现应该是最好的。毕竟页面上所有的东西都隔着一个浏览器，所有的实现都要依赖浏览器提供的接口，不同的浏览器对接口的实现又有差异……到最后又会陷入兼容性的大坑!吐槽归吐槽，但是折腾的劲头不能丢！ 阅读全文…

在静态页面目录中，同子目录下的页面往往有很多通用的模块。平常的编码一般是通用的代码直接复制到各个页面，样式写成公用，然后在各个需要的页面引用。而一个产品在实地运行中往往要经历无数次的迭代，于是页面文档结构和样式也在不断的变化。独立性的页面比较轻松，一个页面修改就好了，而一些公用的页面模块往往需要在各个页面逐个修改。这显然是一种极其枯燥的重复性动作！在此之前我用 C# 写了一个文件批量替换的工具，用于批量替换某个目录下的某个模块代码。虽然效率提高了一些，但是从方法学角度看绝对不是最好的。很久之前就想过使用前端模块拼装 html。以 ejs 为例，则需要在页面中引入模版解析文件 ejs.js，页面中还需要写一些 ejs 相关的配置代码。而这些东西对于后端套用页面来说是无用的，可能还会造成一些混乱。还有一种引用方式是使用 nodeJs 调用 ejs 去解析模版文件，这样在预览静态页面时则需要建立 node 服务器。而当前团队中并不是每个人都装有 node 环境。最近工作闲暇了又想到这个问题，其实要解决的最根本问题就是：模块化开发页面，开发完成后可以一条指令合并成可直接预览的静态页面。我早该想到 gulp 了，既然 gulp 是一个基于流的前端构建工具，那么对于这个问题应该是可以解决的。 阅读全文…

关于前端页面的文字溢出截断的招数已经很常见了。通常的实现有，前端css控制、后端字数输出控制或者前端js字数处理等。 阅读全文…

博客一个月没更新了，着实是有点忙。目前公司新版上线也到最后一波了，部分人员转战了一个新的APP产品的开发。主体还是原生APP，也会有部分页面需要嵌入WEB页面，我也有幸作为唯一的前端人员加入了。不过这次讲的内容跟这个APP没有半毛钱关系，是公司内部工作系统的一个扫码上传功能。好吧，我参与的确实有点多！要实现实时的进度展示，需要以下几个关键：异步上传文件总大小文件已上传大小 阅读全文…

作为一个曾经的后端开发者，当我第一眼看到一些javascript模块化的代码案例时，我就想到了java、c#这些天生的模块化语言。今天就拿 require.js 来捋一捋这其中的异同。 阅读全文…

大数据概念的到来，图表的运用越来越广泛，不搞搞数据，都不好意思说是互联网公司。最近公司又有一块图表展示的栏目要做，由于之前的图表栏目都是我完成的，这次不出意料又落在我身上。之前的图表展示我用的是echarts，按格式封装数据调用就行了。这次领导突然对图表样式有了一些要求，虽然echarts的配置够OP，也不可能完完全全跟设计图搞成一样的。暨于上次的canvas的使用，我决定自己动手实现所需要的图表组件。这是最终的完成样式：canvas实践--图表组件仪表盘、雷达图 阅读全文…

起初想这么做既是css3不易实现圆环，而且也有低版本兼容问题，也想借此机会学习下canvas(虽然最后还是难逃兼容性 >_< )。做的过程中发现canvas跟C#中gdi绘图的步骤其实是差不多的。先大概看了下canvas的相关API，有个可以画弧的方法arc。通过合理的参数设置就能实现各种角度的圆弧，或者满圆。Canvas初试--环形进度条的实现 阅读全文…