javascript - 随笔分类 - 叶小钗

30分钟ES6从陌生到熟悉

摘要：前言 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。这句话基本涵盖了为什么会产生ES6这次更新的原因——编写复杂的大阅读全文

posted @ 2018-07-25 17:31 叶小钗阅读(20974) 评论(3) 推荐(14) 编辑

谈谈我对前端组件化中“组件”的理解，顺带写个Vue与React的demo

摘要：前言前端已经过了单兵作战的时代了，现在一个稍微复杂一点的项目都需要几个人协同开发，一个战略级别的APP的话分工会更细，比如携程：携程app = 机票频道 + 酒店频道 + 旅游频道 + ...... 每个频道有独立的团队去维护这些代码，具体到某一个频道的话有会由数十个不等的页面组成，在各个页面开阅读全文

posted @ 2016-05-19 05:35 叶小钗阅读(12638) 评论(19) 推荐(25) 编辑

【组件化开发】前端进阶篇之如何编写可维护可升级的代码

摘要：前言我还在携程的做业务的时候，每个看似简单的移动页面背后往往会隐藏5个以上的数据请求，其中最过复杂的当属机票与酒店的订单填写业务代码这里先看看比较“简单”的机票代码：然后看看稍微复杂的酒店业务逻辑：机票一个页面的代码量达到了5000行代码，而酒店的代码竟然超过了8000行，这里还不包括模板（阅读全文

posted @ 2015-10-15 11:05 叶小钗阅读(34860) 评论(41) 推荐(93) 编辑

HTML5应用程序缓存Application Cache

摘要：什么是Application CacheHTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。Application Cache带来的三个优势是：① 离线浏览② 提升页面载入速度③ 降低服务器压力而且... 阅读全文

posted @ 2015-02-04 15:16 叶小钗阅读(43367) 评论(7) 推荐(13) 编辑

【模块化编程】理解requireJS-实现一个简单的模块加载器

摘要：在前文中我们不止一次强调过模块化编程的重要性，以及其可以解决的问题：① 解决单文件变量命名冲突问题② 解决前端多人协作问题③ 解决文件依赖问题④ 按需加载（这个说法其实很假了）⑤ ......为了深入了解加载器，中间阅读过一点requireJS的源码，但对于很多同学来说，对加载器的实现依旧不太清楚事... 阅读全文

posted @ 2014-09-09 20:47 叶小钗阅读(27602) 评论(8) 推荐(14) 编辑

【小贴士】探一探javascript中的replace

摘要：javascript字符串与数组有很多精巧的方法，比如splice、indexOf，而replace在字符串处理中偶尔会产生让人愉悦的效果比如underscore中的模板引擎替换部分，又如信用卡分割的应用简单来说，replace用于将字符串中一些字符替换为另一些字符，最简单的情况如下var num ... 阅读全文

posted @ 2014-08-28 20:21 叶小钗阅读(2058) 评论(3) 推荐(4) 编辑

【blade04】用面向对象的方法写javascript坦克大战

摘要：前言javascript与程序的语言比如C#或者java不一样，他并没有“类”的概念，虽然最新的ECMAScript提出了Class的概念，我们却没有怎么用就单以C#与Java来说，要到真正理解面向对象的程度也是要花一点功夫的，特别是初学的同学往往意识不到面向对象的好处，因为我们编码的流程是这样的①... 阅读全文

posted @ 2014-08-24 18:32 叶小钗阅读(5639) 评论(7) 推荐(12) 编辑

探讨webapp的SEO难题（上）

摘要：前言网络蜘蛛无法解析javascript，至少百度是不能的，神马搜索差的更远，而我们的webapp的渲染展示完全由javascript驱动所以蜘蛛访问webapp页面会得到一个白页面，比如，我们期待SEO看到的是这个样子的网页其实他看到的是这个样子的代码：那么这个问题应该如何处理呢？比较早的处理方案... 阅读全文

posted @ 2014-08-10 14:09 叶小钗阅读(6006) 评论(3) 推荐(2) 编辑

【blade的UI设计】理解前端MVC与分层思想

摘要：前言最近校招要来了，很多大三的同学一定按捺不住心中的焦躁，其中有期待也有彷徨，或许更多的是些许担忧，最近在开始疯狂的复习了吧这里小钗有几点建议给各位：① 不要看得太重，关心则乱，太紧张反而表现不好② 好的选择比坚持更重要这点小钗便深有体会了，因为当年我是搞.net的，凭着这项技能想进bat简直就是妄... 阅读全文

posted @ 2014-08-03 16:48 叶小钗阅读(15421) 评论(33) 推荐(18) 编辑

【转】【译】JavaScript魔法揭秘--探索当前流行框架中部分功能的处理机制

摘要：推荐语：今天推荐一篇华为同事的同事翻译的一篇文章，推荐的主要原因是作为一个华为员工居然晚上还能写文章，由不得小钗不佩服！！！其中的jQuery、angular、react皆是十分优秀的框架，各有特点，各位可以看看编辑:github原文链接：Revealing the Magic of JavaScr... 阅读全文

posted @ 2014-07-29 10:42 叶小钗阅读(2003) 评论(5) 推荐(4) 编辑

迷你版jQuery——zepto核心源码分析

摘要：前言zepto号称迷你版jQuery，并且成为移动端dom操作库的首选事实上zepto很多时候只是借用了jQuery的名气，保持了与其基本一致的API，其内部实现早已面目全非！艾伦分析了jQuery，小钗暂时没有那个本事分析jQuery，这里就恬不知耻说说自己对zepto的源码理解，希望对各位有用首... 阅读全文

posted @ 2014-07-25 17:04 叶小钗阅读(23235) 评论(16) 推荐(10) 编辑

javascript中的一些核心知识点以及需要注意的地方

摘要：前言近期杂事甚多，这些事情的积累对知识体系的提升有好处，但是却不能整理出来，也整理不出来比如说我最近研究的Hybrid在线联调方案便过于依赖于业务，就算分享也不会有人读懂，若是抽一点来分享又意义不大又拿最近做webapp view 转场动画研究，就是几个demo不断测试，感觉没有什么可说的最后甚至对... 阅读全文

posted @ 2014-06-22 17:34 叶小钗阅读(10344) 评论(31) 推荐(39) 编辑

动画在webapp中的现状

摘要：webapp的一大优势便是在view切换时候可以拥有媲美与native的动画效果，但是很多时候那只是一种想法，真正的情况却不是这样产生此问题的原因有：① 手机CPU烂！② 手机显卡烂！就算四核其渲染也很有问题③ 高端手机浏览器会有BUG④ 低端手机支持不好（国内山寨机笑而不语）因为以上原因，事实上做... 阅读全文

posted @ 2014-06-16 19:24 叶小钗阅读(2398) 评论(1) 推荐(2) 编辑

【IScroll深入学习】解决IScroll疑难杂症

摘要：前言在去年，我们对IScroll的源码进行了学习，并且分离出了一段代码自己使用，在使用学习过程中发现几个致命问题：① 光标移位② 文本框找不到（先让文本框获取焦点，再滑动一下，输入文字便可重现）③ 偶尔导致头部消失，头部可不是fixed哦由于以上问题，加之去年我们团队的工作量极大，和中间一些组织架构... 阅读全文

posted @ 2014-06-03 00:37 叶小钗阅读(54153) 评论(41) 推荐(8) 编辑

【单页应用】全局控制器app应该干些什么？

摘要：前言之前，我们形成了页面片相关的mvc结构，但是该结构还仅适用于view（页面）级，那么真正的全局控制器app应该干些什么事情呢？我觉得至少需要干这些：功能点① 提供URL解析机制，以便让控制器可以根据URL获得当前是要加载哪个view的实例，比如http://www.baidu.com/index... 阅读全文

posted @ 2014-06-02 17:37 叶小钗阅读(3294) 评论(6) 推荐(3) 编辑

【IScroll深入学习】突破移动端黑暗的利器（上）

摘要：前言在去年，我们对IScroll的源码进行了学习，并且分离出了一段代码自己使用，在使用学习过程中发现几个致命问题：① 光标移位② 文本框找不到（先让文本框获取焦点，再滑动一下，输入文字便可重现）③ 偶尔导致头部消失，头部可不是fixed哦由于以上问题，加之去年我们团队的工作量极大，和中间一些组织架构... 阅读全文

posted @ 2014-05-31 17:07 叶小钗阅读(4114) 评论(8) 推荐(2) 编辑

【webapp的优化整理】要做移动前端优化的朋友进来看看吧

摘要：单页or多页本文仅代表个人观点，不足请见谅，欢迎赐教。webapp小钗从事单页相关的开发一年有余，期间无比的推崇webapp的网站模式，也整理了很多移动开发的知识点，但是现在回过头来看，webapp究竟是好还是不好真是一言难尽哟！webapp使用JavaScript修改页面；紧接着再从服务器传递更多... 阅读全文

posted @ 2014-05-30 08:17 叶小钗阅读(46847) 评论(55) 推荐(61) 编辑

【单页应用】理解MVC

摘要：前言之前我们为view引入了wrapperSet的概念，想以此解决view局部刷新问题，后来发现这个方案不太合理view里面插入了业务相关的代码，事实上这个是应该剥离出去，业务的需求千奇百怪，我们不应该去处理view现在只提供最基础的功能：① 定义各个状态的模板② 渲染模板整个view的逻辑便该结束... 阅读全文

posted @ 2014-05-24 15:14 叶小钗阅读(3671) 评论(3) 推荐(3) 编辑

【单页应用】view与model相关梳理

摘要：前情回顾根据之前的学习，我们形成了一个view与一个messageCenterview这块来说又内建了一套mvc的东西，我们这里来理一下首先View一层由三部分组成：① view② dataAdpter③ viewControllerview一块两个重要数据是模板以及对应data，一个状态机stat... 阅读全文

posted @ 2014-05-18 17:43 叶小钗阅读(2120) 评论(0) 推荐(1) 编辑

【单页应用之通信机制】view之间应该如何通信

摘要：前言在单页应用中，view与view之间的通信机制一直是一个重点，因为单页应用的所有操作以及状态管理全部发生在一个页面上没有很好的组织的话很容易就乱了，就算表面上看起来没有问题，事实上会有各种隐忧，各种坑等着你去跳最初就没有一定理论上的支撑，极有可能是这么一种情况：① 需求下来了，搞一个demo做交... 阅读全文

posted @ 2014-05-11 17:34 叶小钗阅读(4003) 评论(3) 推荐(6) 编辑

随笔分类 - javascript