growthworld

在es5时，只有两种变量声明，var 和function。在es6中新增了四种let和const，以及另外两种声明import和class。 我们在代码块中声明了a，b。然后a is not defined.这是因为let命令只在对应的代码块中有效，我们在外部去引用它，就会报错…

本文会先解释一下JSX的工作原理，再介绍一下如何用“不寻常”的方式来使用JSX。如果你已经了解了JSX的工作原理，可以跳过第一部分。如果你只想学一些实用的东西，那可以跳过第二部分。 上周，我发了一条这样的动态： 可以看出大家都很喜欢，他们评论区里纷纷留言：“呕”，“这都做了些什…

现代网站客户端提供了高质量的动画，导致了JavaScript动画库的需求不断增加。幸运的是，供应似乎与需求相匹配，且有多种选择。至于选择哪一个就难以定夺了。在这一年里，许多动画库有可能完善得更好，为创建动画提供更好的解决方案。 让我们来看看2018年值得关注的十大JavaScr…

视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。 通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动…

npm init 初始化生成标准的 package.json 文件，包含你的git信息，发布npm能找到你的描述，联系方式，版本号等。 这是一个规范，可执行工具的老家。新建一个tw.js ，因为是打印机风格的，所以瞎起了个名字 取typeWriter首字母 完善一下你各单位的逻…

内部的Box会在垂直方向，从顶部开始一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加 box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。 BFC的区域不会与float box叠加。 B…

为什么要看Zepto的源码，因为公司用的是这个。。。。 再看这个源码的过程中，因为对事件类型的不充分，导致学习起来有些费劲，所以在讲这个板块之前先对一些事件进行了解。 下面是触发点击事件的代码,我们在inner上添加点击事件，在wrapper添加事件，点击inner都会触发cl…

计算出这两个rect在动画进度0-1过程中的中间态的rect尺寸，赋值给每一个卡片，这样卡片就有中间状态的外观了。 当tab已经是打开的，就判断点击的位置，在tab栏的左侧，就往左翻页，反之亦然。

设计模式，是一套经过前人总结、业务验证并适合于特定业务开发的代码组织方式，可能会有一些同学会认为设计模式没有用，我这里需要指出设计模式并不是万能的只适合于特定业务场景的开发（对我们的业务开发起到一定的指导作用，所有设计模式的目的都是让开发者编写可维护、易扩展的代码），其实你日常…