这12个问题，基本上就是HTML和CSS基础中的重点个难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。
这12个知识点是我个人认为的，下面我们就来看看这12个知识点。
1.怎么让一个不定宽高的 DIV，垂直水平居中?
使用Flex

只需要在父盒子设置：display: flex; justify-content: center;align-items: center;

使用 CSS3 transform




- 阅读剩余部分 -

什么是Django？

　　借用djangobook中的一段话介绍来解释一下Django到底是什么。“Django是一个可以使Web开发工作愉快并且高效的Web开发框架。使用Django，使你能够以最小的代价构建和维护高质量的Web应用。”

　　从好的方面来看，Web开发激动人心且富于创造性；从另一面来看，它却是份繁琐而令人生厌的工作。通过减少重复的代码，Django使你能够专注于Web应用上有趣的关键性的东西。为了达到这个目标，Django提供了通用Web开发模式的高度抽象，提供了频繁进行的编程作业的快速解决方法，以及为“如何解决问题”提供了清晰明了的约定。同时，Django尝试留下一些方法，来让使用者根据需要在framework之外来开发。

- 阅读剩余部分 -

demo地址

幻灯片

  • 使用微信小程序原生组件swiper实现。
    <swiper 
        indicator-dots="{{indicatorDots}}" 
        autoplay="{{autoplay}}" 
        interval="{{interval}}" 
        duration="{{duration}}">
        <block wx:for="{{imgUrls}}" wx:key="index">
            <swiper-item>
                <image src="{{item}}" class="slide-image" 
                mode="scaleToFill"/>
            </swiper-item>
        </block>
    </swiper>

配合在逻辑页面配置数据实现幻灯片

- 阅读剩余部分 -

简单的数值过滤器

function f(s, e) {
    var ret = [];
    for (var i in s) {
        ret.push(e(s[i]));
    }
    return ret;
}

Dome

var a = [-1, -1, 1, -3, -3, -3, 2, 2, -2, -2, 3, -1, -1];
var b = f(a, function(n) {
    return n > -0 ? n : 0;
});
console.log(b);

结果

[0, 0, 1, 0, 0, 0, 2, 2, 0, 0, 3, 0, 0]
  1. 1
  2. 2
  3. 3