小狼驿站

function f1() { var n = 999; nAdd = function() { n += 1 } function f2() { alert(n); } return f2;}var result1 = f1();var result2 = f1();var result3 = f1();n...

前言：我们在日常开发中，经常会遇到字节单位换算的场景。一般用简单的除法来计算时，都会遇到计算精度的问题。有关 JavaScript 浮点数陷阱 的问题，看一参考一下这篇不错的文章。下面，我们着重要将的是一种精确字节单位换算的详解：1. 先看代码const byteConvert = function(bytes) { if (isNaN(bytes)) { retu...

随着智能手机的普及，移动网络的提速升级，越来越多的场景我们都在使用移动app了，我们早已经进入全面移动的时代。app 的迭代发展必然会越来越快，而且需要更加灵活。这就促使了 Native App 嵌入 H5 页面模式出现，今天聊得就是我们的 H5 如何能够和 Native App 协同共赢，提供更好的服务的。H5 与 Native App 交互可以大致分为端外和端内两个场景，这两个场景的解决...

内部原理本质：Git 是一个内容寻址（content-addressable）文件系统，并在此之上提供了一个版本控制系统的用户界面。 核心的三个功能模块： （1）内容寻址的文件系统——>Git 的核心部分是键值对数据库。 （2）传输机制 （3）版本管理任务下面我们通过实际操作，一步步认清 git 内部的工作原理。git 核心文件首先，我们 git init test创建一...

那些我们常见的 UML 图统一建模语言（UML）是 COMET 方法使用的表示法。是有 OMG 推广维护的一个标准。我在日常软件开发中，经常会用到的图有：用例图、类图、活动图、对象图、通信图、顺序图（时序图）、状态机图等等。当然，日常码的话，排名前三的三种 UML 图应该就是：活动图、类图、用例图和顺序图了。1. 用例建模用例建模是一种描述系统的功能性需求的方法。用例模型 用参与者和用例描述系统的...

CSS3 线性渐变循环动画最近开发，遇到一个首屏加载优化的情况，需要如下图的线性渐变动画：网页动态效果（http://htmlpreview.github.io/?https://github.com/tangxiaolang101/imageView/blob/master/gradientAnimation.html）代码如下：1.// css file2..loading-list-wra...

git 基本原理 与 常见case 处理方法现在的项目开发中，基本都是多人参与，这就需要版本控制系统来管理我们的项目了。和大多数事物一样，git 诞生于一个极富纷争和大举创新的年代。0. 简史Linux 内核开源项目有着为数众广的参与者。 绝大多数的 Linux 内核维护工作都花在了提交补丁和保存归档的繁琐事务上（1991－2002年间）。 到 2002 年，整个项目组开始启用一个专有的分布式版本...

「初探」小程序插件功能3月13日，小程序发布了新功能—— 小程序插件。即，在小程序基础库 1.9.6 版本上，允许开发者开发插件，同时将插件提供给其它小程序使用。微信小程序在构建自己生态的征程上，又迈进了一步~~最开始我以为微信小程序的插件会和 npm 包类似，我们可以封装各种各样便捷的功能，提供给他人使用。但是，通过实践和文档的整理阅读，发现小程序的插件与传统意义上的插件还是有很大差别的。小程序...

这一篇文章将是小程序系列的第三篇文章，我们会更加的篇实践。上一篇文章最后介绍的知识点是模板，这个知识点很重要，因为它对于功能模块的封装，进行模块化开发，启着关键的作用。所以，这一篇文章第一个知识点还是模板使用，我们使用模板，实践封装一个小程序 toast。模板实践开发我们要利用模板，开发一个小程序的 toast。因为，原生 api 提供的 toast 对于类型、字数等方面都有很大的局限性。所以，我

最近没有登录博客，今天一看居然成了发布广告了，发了好多篇 App 上架之类的广告信息，账号被盗用了。都是弱口令的锅，紧急修改了密码，感谢盗用者只是发布了一些消息，没有进行原文章的删除操作~~新年祝好，提高博客更新频率！！

小程序系列——进这是小程序进行曲的第二篇，主要会集中在 api 的讨论与功能实现上面。可能会分多个篇幅来进行分享，每个篇幅选择几个功能主题来分析，每个功能主题又会发散出多个 api 的应用与相关注意事项。这个曲目看完，对于基础的小程序需求，我们应该都能 hold 一下了。OK，Battle Symphony ~ ~ ~转发/分享在小程序中的转发或者分享（下文统一使用转发），我们根据转发内容的不同可

第一个问题：什么是小程序从关注的角度不同，可能理解得出的结论也不尽相同。例如：作为一个产品经理，可能更关注小程序的亮点，基于此亮点我们能做出什么有受众群体的微app。比如，小程序是以微信这个超级 app 为宿主的，微信本身的使用群体与便捷性可能会导致小程序的使用场景最好是挥之即来，用完即去的情况，等等。但是，从开发的角度来看，我们可能更关心的是技术实现。更关注我们用这套框架，可使用的能力有哪些，存

嘿，大家好呀，今天这篇文章和大家聊聊 ES6 的异步编程实现。当然，ES6 中提出了多种解决方案，我们今天先聊聊 Promise 这个异步编程解决方案。异步编程JavaScript 中为什么会有异步编程这个概念呢？老生常谈的答案，因为 JavaScript 是单线程的。那么是什么造就了 JavaScript 的单线程呢？在浏览器中，单线程的 JavaScript 的运行机制

对于 React 生命周期方法，如果你不清楚什么情况下该使用哪一个方法，可能会感到困扰。今天，我将向你展示存在哪些生命周期方法以及该如何使用它们。介绍React 组件拥有几个“生命周期方法”（lifecycle methods），它们允许我们在特定的时间点执行一些 actions（例如：从 server 请求数据）。当我开始学习 React 时，我发现很难弄清楚我应该为某些操作

几周前，我们新开了一系列文章，旨在深入 JavaScript，探寻其工作原理。我们认为通过了解 JavaScript 的构建方式和其运行规则，我们能写出更好的代码和应用。第一篇文章重点介绍了引擎、运行时和调用栈的概述。第二篇文章仔细地分析了 Google's V8 JavaScript 引擎的内部部分并且为如何编写更好的 JavaScript 代码提供了一些建议。这是第三篇文章，我

一、周末的唠唠叨叨这周真是辛苦的一周，很多事情不得已都拖着，比如现在这篇文章早前几天前就应该完工了；关于vertical-align属性的下集还没有开始写，jQuery在线参考内容添加还没有做，CSS3额外知识点部分添加插入图片盒链接的功能还没完工，搞笑鑫情也是搁置了好几天，究竟什么原因呢？女人，每晚要花个把小时交一位女同事photoshop，于是这宝贵的晚上的时间就被掐断了，做什么都不利

水平垂直居中固定比例 Div场景：div 宽度百分比，高宽固定比例，水平垂直居中展示对于这种情况肯定会有多种实现，有的可能用 js 去计算设计，有的可能直接用 css 实现，而 css 实现又会有多种实现方式。下面主要讨论的是用 css 绝对定位实现的一种方式。对于本文来说，这种效果的实现是次要的，我们主要来讨论一下它里面所涉及到的知识点，细细分析下来，是会有很多值得注意的知识

页面固顶和固底的一种实现方式引：在 pc web 开发的过程中，经常会遇到一些模块固定的需求，接下来介绍一种固定的方式，通过 Element.getBoundClientRect() Api 来实现。开发过程中需要获取页面元素的位置，可以参考 用Javascript获取页面元素的位置 这篇文章。具体的效果 Demo，可以查看这个 git 仓库。效果展示 看这里。

用Javascript获取页面元素的位置 学习笔记整理网页概念网页大小 —— 通常情况由内容和 CSS 样式表决定。浏览器窗口（viewport）大小 —— 在浏览器窗口中看到的网页面积显然，如果网页的内容能够在浏览器窗口中全部显示（也就是不出现滚动条），那么网页的大小和浏览器窗口的大小是相等的。如果不能全部显示，则滚动浏览器窗口，可以显示出网页的各个部分。

Questions:When is it important to pass props to super(), and why ?class MyComponent extends React.Component { constructor(props) { super(); // or super(props) ? }}Answer :Th