随笔分类 - Web 进阶篇
行走在前端积淀路上的一些记载。
摘要：快应用脚手架模板，旨在探索如何更为优雅的开发快应用，为广大快应用开发者提供便利和参考，尽可能提升开发效率、优化开发体验，使得可以在更短时间内，塑造出更为优质的快应用。
阅读全文
摘要：介绍一款开箱即用的 Vue Webpack 脚手架模版，对于如何构建中大型 Vue 项目，根据过往的提供脚手架、以及大量的推荐 & 参考性建议。默认引入了 vuex vue-router vue-18n dayjs lodash 等依赖库，以打造高效开发单页面应用 ......
阅读全文
摘要：在本篇中，将客观陈述 Npm 与 Yarn 的各自功用，以此显出两者间的差异；同时，以比较的形式，列出「常用命令清单」，以方便使用之时，作为参考(将陆续更新以完善)；同时也欲借此，再次倡导那经典名言：「工欲善其事，必先利其器」，与诸君共勉。
阅读全文
摘要：众所周知，前端发展如火如荼，日新月异，而且很长一段时间内都将如此。这份由晚晴幽草轩轩主正在维护的教程列表；旨在为`前端学习`、 `技能提升`、 `视野扩展`、 `资料查找`等行个方便。将会在日常工作探索、学习中，持续保持更新，增新优之章，除旧失之文；尽可能使得这份列表保持简练，以避免信息过重且冗杂；望其能在浩如烟海的讯息中，堪有所用。
阅读全文
摘要：谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如`Vue`， `React`， `Angular`等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者`Browserify`, ` Grunt`，到后来赢得宝座的 `Gulp`， 以及独树一帜的 `fis3`, 以及下一代打包神器 `Rollup` ；在 [browserify,grunt,gulp,rollup,webpack](https://npmcompare.com/compare/browserify,grunt,gulp,rollup,webpack) 可以一窥其中部分对比。在本文要探究的是，当前打包工具绝对霸者 `Webpack`。
阅读全文
摘要：身在程序的江湖，如你是一位即将出征武士，对决于浩瀚无尽的需求大军；那么你不仅需要一副好的体格，还需要一身技艺：而这`软件工程学`(抑或加算法)就好比内功（查克拉）；而所使用的`各家语言`，则好如武学招式（独孤九剑？）；那加以利用的各种工具，当如随身利器（小李飞刀？）；那属于自己一套极致开发流程，便是轻功（电光神行步？）......如是斯言，那么作为开发者的你，几技傍身耶？
阅读全文
摘要：子曾曰：“工欲善其事，必先利其器。居是邦也。”——语出《论语·卫灵公》；其后一百多年，荀子也在其《劝学》中倡言道：“吾尝终日而思矣，不如须臾之所学也；吾尝跂而望矣，不如登高之博见也。登高而招，臂非加长也，而见者远；顺风而呼，声非加疾也，而闻者彰。假舆马者，非利足也，而致千里；假舟楫者，非能水也，而绝江河。**君子生非异也，善假于物也**”。远从石器时代开始，先贤无不据此而行；时至今日，已将具器的职能，发挥到淋漓尽致之境界：倘若离开它的存在，人类已无法正常生活；斯可云鉴？
阅读全文
摘要：一直以来非常庆幸曾经有翻过《代码大全2》；这使我崎岖编程之路少了很多不必要的坎坷。它在软件工艺的话题中有写到一篇：“首先是为人写程序，其次才是机器(Write Programs for People First, Computers Second)”。虽然这是针对代码可读性来谈及的，但这间接昭示了开发效率之重要不是？此次以 Vue , Es6, Jade, Scss , Webpack, Gulp等一套强大组合来改善团队前端工作流，首因即出于这个理念。
阅读全文
摘要：在[你所不知道的setTimeout](http://www.jeffjade.com/2016/01/10/2016-01-10-javacript-setTimeout/)记载了下**setTimeout**相关,此篇则整理了下**setInterval**；作为拥有广泛应用场景(定时器，轮播图，动画效果，自动滚动等等)，而又充满各种不确定性的这setInterval，自当先洞悉它，才能很好的驾驭它。
阅读全文
摘要：JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。初始接触它的人都觉得好简单，实时上真的如此么？这里记载下，一路对其使用姿势变迁的历程。
阅读全文
摘要：利用CSS进行元素的水平居中，比较简单，手到擒来：行级元素设置其父元素的text-align center，块级元素设置其本身的left 和 right margins为auto即可。而撸起垂直居中，相信于大多初撸者来说，与我相似，内心是抗拒的。于此，以我司同事一内部分享为基，加以搜集完善，得8种CSS垂直居中书写之法；个中有示例Demo，以及代码和优劣之评。
阅读全文
摘要：如今技术日新月异，各类框架库也是层次不穷。即便当年**漫山红遍**的JQuery（让开发者`write less, do more`，So Perfect!!）如今也有`被替代`的大势。但JS原生API写法依旧；并且有时候只不过小写一个Demo，或者产品中只有少量的前端效果或DOM操作，就去花时间&空间引入jQuery，或者React？不免有取宰牛之刀以杀鸡之嫌。
阅读全文
摘要：gulp~前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。相比于`grunt`的频繁 IO 操作，gulp的流操作，能更快地更便捷地完成构建工作。此处仅记录初步折腾中所遇点滴以及待解决的点。
阅读全文
摘要：最近兴致上来，就想更换了那Blog标题字体(汉字的)；网上搜索了一番，发现`蘇新詩柳繁體`这款甚合我心；然后就着手搞将了起来，分分钟也算是替换了；但，这仅仅是此次折腾的开始；这就细细道来作为学习笔记记载。
阅读全文
摘要：使用JS也算有段时日，然对于数组的使用，总局限于很初级水平，且每每使用总要查下API，或者写个小Demo测试下才算放心，一来二去，浪费不少时间；思虑下，堪能如此继续之？当狠心深学下方是正道。
阅读全文
摘要：近日，在工作中遇到一个小问题(给手游平台做些网页活动，其中牵涉到一个按钮链接，就习以为常的用了A标签，Click响应之后走一段js代码逻辑－弹出一个分享微信弹框。Chrome和Android平台都没问题，测试阶段发现Ios平台出现了点问题～弹框闪现一下之后，页面被重新渲染了，自然弹框又被消隐掉了。)，经历一番查证，虽然问题算是解决，然而这并不代表搞清了个中缘由。
阅读全文
摘要：JavaScript作为一种脚本语言身份的存在，因此被很多人认为是简单易学的。然而情况恰恰相反，JavaScript支持函数式编程、闭包、基于原型的继承等高级功能。由于其运行期绑定的特性，JavaScript 中的 this 含义要丰富得多，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。JavaScript中函数的调用有以下几种方式：作为对象方法调用，作为函数调用，作为构造函数调用，和使用 apply 或 call 调用。本文就采撷些例子以浅显说明在不同调用方式下的不同含义。
阅读全文
