随笔分类 - JavaScript

摘要:前言 江湖有传“动态类型一时爽,代码重构火葬场”,由于动态类型语言在开发时不受数据类型的约束,因此非常适合在项目原型阶段和初期进行快速迭代开发使用,这意味着项目未来将通过重写而非重构的方式进入成熟阶段。而在企业级应用开发中,每个系统特性其实都是需求分析人员与用户进行多次调研后明确下来的,后期需要重写 阅读全文
posted @ 2020-11-02 11:16 ^_^肥仔John 阅读(642) 评论(0) 推荐(0) 编辑
摘要:前言 也许前端的同学会问JavaScript从诞生至今都没有枚举类型,我们不是都活得挺好的吗?为什么TypeScript需要引入枚举类型呢? 也许被迫写前端的后端同学会问,TypeScript的枚举类型是和Java/.NET的一样吗? 下面我们来一起探讨和尝试解答吧! 前端一直都需要枚举 我敢保证, 阅读全文
posted @ 2020-10-29 09:20 ^_^肥仔John 阅读(752) 评论(0) 推荐(1) 编辑
摘要:前言  在上一篇 "《前端魔法堂——异常不仅仅是try/catch》" 中我们描述出一副异常及如何捕获异常的画像,但仅仅如此而已。试想一下,我们穷尽一切捕获异常实例,然后仅仅为告诉用户,运维和开发人员页面报了一个哪个哪个类型的错误吗?答案是否定的。我们的目的是收集 刚刚足够 的现场证据,好 阅读全文
posted @ 2017-10-25 16:40 ^_^肥仔John 阅读(1470) 评论(0) 推荐(2) 编辑
摘要:前言  编程时我们往往拿到的是业务流程正确的业务说明文档或规范,但实际开发中却布满荆棘和例外情况,而这些例外中包含业务用例的例外,也包含技术上的例外。对于业务用例的例外我们别无它法,必须要求实施人员与用户共同提供合理的解决方案;而技术上的例外,则必须由我们码农们手刃之,而这也是我想记录的内 阅读全文
posted @ 2017-10-18 09:51 ^_^肥仔John 阅读(4066) 评论(2) 推荐(6) 编辑
摘要:前言  两年多前知道cljs的存在时十分兴奋,但因为工作中根本用不上,国内也没有专门的职位于是搁置了对其的探索。而近一两年来又刮起了函数式编程的风潮,恰逢有幸主理新项目的前端架构,于是引入Ramda.js来疗藉心中压抑已久的渴望,谁知一发不可收拾,于是抛弃所有利益的考虑,遵循内心,好好追逐 阅读全文
posted @ 2017-06-19 13:21 ^_^肥仔John 阅读(1028) 评论(0) 推荐(0) 编辑
摘要:前言  最近在用Polymer封装纯数字的输入框,开发过程中发现不是坑,也有不少值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历: 1. "《动手写个数字输入框1:input[type=number]的遗憾》" 2. "《动手写个数字输入框2:起手式——拦截非法字符》" 3. 阅读全文
posted @ 2017-06-07 09:25 ^_^肥仔John 阅读(1519) 评论(0) 推荐(0) 编辑
摘要:前言  最近在用Polymer封装纯数字的输入框,开发过程中发现不是坑,也有不少值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历: 1. "《动手写个数字输入框1:input[type=number]的遗憾》" 2. "《动手写个数字输入框2:起手式——拦截非法字符》" 3. 阅读全文
posted @ 2017-06-02 08:44 ^_^肥仔John 阅读(1988) 评论(0) 推荐(1) 编辑
摘要:前言  最近在用Polymer封装纯数字的输入框,开发过程中发现不少坑,也有很多值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历: 1. "《动手写个数字输入框1:input[type=number]的遗憾》" 2. "《动手写个数字输入框2:起手式——拦截非法字符》" 3. 阅读全文
posted @ 2017-05-31 09:01 ^_^肥仔John 阅读(11863) 评论(3) 推荐(1) 编辑
摘要:前言  前几天用户反映在录入资料时一不小心错按Backspace键,就会直接回退到是一个页面,导致之前辛辛苦苦录入的资料全部丢失了。哦?居然还有这种情况。下面我们来一起探讨一下吧! Windows系统下独有的行为  Windows下的IE、FireFox和Chrome 52之前的 阅读全文
posted @ 2017-05-23 08:27 ^_^肥仔John 阅读(2541) 评论(2) 推荐(2) 编辑
摘要:前言  最近在用Polymer增强form,使其支持表单的异步提交,但发现明明订阅了onsubmit和submit事件,却怎么也触发不了。下面我们将一一道来。 提交表单的方式 1. 表单仅含一个以下的元素时,该元素得到焦点,按回车键,即可发起表单提交。 示例: 2. 表单含两个或以上的上述 阅读全文
posted @ 2017-05-12 08:44 ^_^肥仔John 阅读(7102) 评论(0) 推荐(1) 编辑
摘要:前言  对于问题多多的IE678,FOUC(flash of unstyled content)——浏览器样式闪烁是一个不可忽视的话题,但对于ever green的浏览器就不用理会了吗?下面尝试较全面地解密FOUC。 到底什么是FOUC?  页面加载解析时,页面以样式A渲染;当页 阅读全文
posted @ 2017-04-20 15:37 ^_^肥仔John 阅读(1764) 评论(0) 推荐(2) 编辑
摘要:前言  上周5在公司作了关于JS异步编程模型的技术分享,可能是内容太干的缘故吧,最后从大家的表情看出“这条粉肠到底在说啥?”的结果:(下面是PPT的讲义,具体的PPT和示例代码在https://github.com/fsjohnhuang/ppt/tree/master/apm_of_js 阅读全文
posted @ 2016-11-28 15:48 ^_^肥仔John 阅读(2664) 评论(0) 推荐(4) 编辑
摘要:前言  说起Custom Element那必然会想起那个相似而又以失败告终的HTML Component。HTML Component是在IE5开始引入的新技术,用于对原生元素作功能"增强",虽然仅仅被IE所支持,虽然IE10也开始放弃它了,虽然掌握了也用不上,但还是不影响我们以研究的心态 阅读全文
posted @ 2016-10-22 16:24 ^_^肥仔John 阅读(1153) 评论(1) 推荐(0) 编辑
摘要:前言  通过 "《WebComponent魔法堂:深究Custom Element 之 面向痛点编程》" ,我们明白到其实Custom Element并不是什么新东西,我们甚至可以在IE5.5上定义自己的 元素。但这种简单粗暴的自定义元素并不是我们需要的,我们需要的是具有以下特点的自定义元 阅读全文
posted @ 2016-10-08 15:14 ^_^肥仔John 阅读(4127) 评论(0) 推荐(0) 编辑
摘要:前言  最近加入到新项目组负责前端技术预研和选型,一直偏向于以Polymer为代表的WebComponent技术线,于是查阅各类资料想说服老大向这方面靠,最后得到的结果是:"资料99%是英语无所谓,最重要是UI/UX上符合要求,技术的事你说了算。",于是我只好乖乖地去学UI/UX设计的事, 阅读全文
posted @ 2016-09-29 09:16 ^_^肥仔John 阅读(1973) 评论(7) 推荐(2) 编辑
摘要:前言  最近加入到新项目组负责前端技术预研和选型,其中涉及到一个熟悉又陌生的需求——国际化&本地化。熟悉的是之前的项目也玩过,陌生的是之前的实现仅仅停留在"有"的阶段而已。趁着这个机会好好学习整理一下,为后面的技术选型做准备。  本篇作为系列的最后一篇,打算和大家一起看看HTTP 阅读全文
posted @ 2016-09-28 08:50 ^_^肥仔John 阅读(860) 评论(0) 推荐(1) 编辑
摘要:前言  最近加入到新项目组负责前端技术预研和选型,其中涉及到一个熟悉又陌生的需求——国际化&本地化。熟悉的是之前的项目也玩过,陌生的是之前的实现仅仅停留在"有"的阶段而已。趁着这个机会好好学习整理一下,为后面的技术选型做准备。  本篇将于大家一起挽起袖子撸代码:) 如何获取Lan 阅读全文
posted @ 2016-09-27 08:51 ^_^肥仔John 阅读(2621) 评论(1) 推荐(4) 编辑
摘要:前言  最近加入到新项目组负责前端技术预研和选型,其中涉及到一个熟悉又陌生的需求——国际化&本地化。熟悉的是之前的项目也玩过,陌生的是之前的实现仅仅停留在"有"的阶段而已。趁着这个机会好好学习整理一下,为后面的技术选型做准备。  本篇将阐述国际化和本地化的概念,以及其中一个很重要 阅读全文
posted @ 2016-09-26 09:50 ^_^肥仔John 阅读(1117) 评论(1) 推荐(4) 编辑
摘要:前言  最近实施的同事报障,说用户审批流程后直接关闭浏览器,操作十余次后系统就报用户会话数超过上限,咨询4A同事后得知登陆后需要显式调用登出API才能清理4A端,否则必然会超出会话上限。  即使在页面上增添一个登出按钮也无法保证用户不会直接关掉浏览器,更何况用户已经习惯这样做,增 阅读全文
posted @ 2016-07-07 06:54 ^_^肥仔John 阅读(7014) 评论(1) 推荐(2) 编辑
摘要:一、前言 在polyfill querySelectorAll 和写弹出窗时都需要判断两个节点间的位置关系,通过jQuery我们可以轻松搞定,但原生JS呢?下面我将整理各种判断方法,以供日后查阅。 二、祖孙关系 html <div id="ancestor"> <div id="parent"> < 阅读全文
posted @ 2016-03-02 11:29 ^_^肥仔John 阅读(1907) 评论(0) 推荐(1) 编辑