孙冬冬-入门前端

摘要： JS的执行环境是单线程的，为什么是单线程的呢，JS语言的作用决定了它是单线程。JS主要作用是控制用户与浏览器的页面交互的过程当中DOM节点的显示隐藏，如果它是多线程的，假设有一个线程是向DOM中增加节点，有一个线程是从DOM中删除节点，因为是多线程的，所以浏览器到底该听谁的，这就很复杂了。如果是单线 阅读全文

摘要： 布局即将元素以正确的大小摆放在正确的位置其中重要的属性有：Display:设置元素的显示方式，它有以下几个值（不完全） block:默认宽度是父元素的宽度 可以设置宽高 换行显示 inline:默认宽度是内容宽度 不可设置宽高 同行显式 inline-block：默认宽度为内容宽度 可以设置宽高 同 阅读全文

摘要： JavaScript中的继承是通过原型链实现的，有几种设计继承的方法总结如下： 一. 原型链 基本思想：每个构造函数都有一个原型对象，原型对象又都包含一个指向构造函数的指针，而实例又指向一个原型对象的指针，那么，如果我们让原型对象等于另一个类型的实例，此时的原型对象将包含一个指向另一个原型的指针，相 阅读全文

摘要： javascript中利用Object构造函数和对象字面量的方法都可以创建单个对象，但它们有个明显的缺点就是：使用同一个接口创建很多对象，会产生大量的重复代码。为了解决这个问题，故而产生了诸多的设计模式： 一.工厂模式 其主要思想是用函数封装以特定接口创建对象的细节，下面是《JavaScript高级 阅读全文

摘要： 今天看切图教程时发现一个有趣的设计，即三角形，之前接触的都是矩形，三角形我们该怎么设计的。 首先我们需要知道的是，CSS中矩形边相交的地方都有一个突出的棱角，知道了这点，原理则不难解释。 当我们把div的宽高都设置为0时，那么就只剩下了边框，通过设置边框的厚度和颜色，我们就可以来设置各种三角形。 可 阅读全文

摘要： 这次的任务是在第一次完成的基础上，将它们实现两栏式分布；效果图如下（由于截图不全的原因，底部还有footer部分没有显示出来）： 尝试了很多思路，都没有很好的方案，最终选择了这种：只让右边的侧栏脱离文档流，并且在HTML代码结构当中，让它位于左边的div的上面，然后利用float让其脱离文档流，即可 阅读全文

摘要： 这次的样式图为 注意事项中，想让灰色div随着内容高度自适应变化的方法是：给该div设置最小高度即min-height，再设置height为auto即可。 另外，position为absolute是相对父级元素为relative或者为absolute的元素而言的。 具体到这个任务当中，主要的难点是如 阅读全文

摘要： 第一篇前端技术博客，哈哈，紧张。废话少说，开始记录吧。 这次的小任务是将给定的页面图，自己实现出来，页面图是这个样子的： 即三栏式布局，下面分条记录自己遇到的困难与解决的办法： 困难一：如何将团队logo与团队名称并排显示，并且使得团队名称在相应的位置上？ 解决：将团队logo左浮动，这样就会使得它 阅读全文