奇月 发自 凹非寺

量子位 | 公众号 QbitAI

你在网页底部分页看到这样的效果是不是看上去还不错？下面就来看看这是如何实现的吧~

第一种方法：利用border

本节是第四讲的第二十二小节，上一节课为大家介绍了Ajax技术，包括XmlHttpRequest对象和FetchAPI的基本用法，本节为大家继续介绍JavaScript绘制图形的方法（Canvas API），有关WebGL的实例请参见视频课程的内容。

网络图形

我们来讨论 HTML 的 多媒体和嵌入式 模块，早先的网页只有单调的文字，后来才引入了图像，起初是通过 <img> 元素的方式，后来出现了类似于 background-image 的 CSS 属性和 SVG 图像等方式。然而，这还不够好。当你能够使用 CSS 和 JavaScript 让 SVG 矢量图动起来时，位图却依然没有相应的支持。同时 SVG 动画的可用工具也少得可怜。有效地生成动画、游戏画面、3D场景和其他的需求依然没有满足，而这些在诸如 C++ 或者 Java 等低级语言中却司空见惯。当浏览器开始支持 HTML 画布元素 <canvas> 和相关的 Canvas API（由苹果公司在 2004 年前后发明，后来其他的浏览器开始跟进）时，形势开始改善。下面你会看到，canvas 提供了许多有用的工具，特别是当捆绑了由网络平台提供的一些其他的 API 时。它们用来生成 2D 动画、游戏画面和数据分析图，以及其他类型的 app。

大公司一般都有专人负责项目管理，但小公司基本上都是产品直接负责了。这种情况怎么破？本文从项目立项准备到跟进到结项三个环节，和大家分享项目管理的实战经验，供大家参考。

越来越多的公司对于公司内部的产研流程，不仅仅是敏捷流程管理，开始以项目制+敏捷进行运作了。中大型需求走项目管理，日常需求走敏捷组迭代。而并不是所有公司都会配备专业的项目经理，产品在一定程度上会承担项目经理的工作。在我司，

很多家长在咨询课程的时候都会说，我的孩子很一般，咱也不打算让他去考个什么奥数，就是提升一下孩子的数学思维，当然了，也有很多老师在做宣传的时候会说，自己十余年培优经验，能够提升孩子的数学思维，好像掌握了数学思维，数学成绩就一定会有突破性的提升，那么到底什么是数学思维呢？今天，我们来聊聊什么是数学思维。

所谓数学思维，肯定是一种思维方式，一种思维模式，按照这样的模式去思考，去解决具体问题，那么数学思维到底是什么呢？每个人可能都能给出不同的答案，我的观点是，数学思维应该包含分类的思维，归纳的思维以及抽象的思维。

在国内，使用几何画板、网络画板和GGB的人都比较多！

笔者曾在上文：信息技术可能为数学创造力的培养提供新的巨大的空间！数学创造力的特征、培养与研究展望（谢明初,王尚志），教研学习86

提到一个观点：

CSS篇

1.CSS 盒子模型，绝对定位和相对定位

css盒模型有两种，一种是标准盒模型 一种是怪异盒子模型
1.box-sizing: content-box; // width = content + padding + border
2.box-sizing: border-box;  // width = 定义时的宽度(包含padding + border)

这次带来的效果是大郑州的标志性建筑之一二七纪念塔。其实CSS不适合做这样复杂的建筑模型，性能上会差很多。

老规矩，先看效果：

需求拆分：

这个效果主要可以分为这几个部分

1、塔身部分

2、塔顶部分

3、五角星

4、塔基部分

首先分析塔身部分，对称的双结构11层塔。

只要完成其中一层，就可以复制出塔身部分。

每一层都是六面体塔身，所以塔身部分，最小重复粒子是一个墙面。

大家好，我是前端西瓜哥。

我在尝试用 C++ 写一段 OpenGL 代码，用 Emscripten 编译成 WASM，运行在浏览器。OpenGL 最后会被 WASM 转换为 WebGL 进行渲染。

前言

Hello，前端的小伙伴们，你们好啊。今天给大家带来的是怎么用css来制作一个三角箭头，前几天我在做某个功能的时候，正好需要一个三角箭头的图，但是不想用图片，就想从网上找一下有没有可以通过css实现的方式，结果还真有……那还等啥，话不多说，直接开干。

要制作的效果图如下：