首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
冰镇西瓜汁
掘友等级
前端臭咸鱼
|
微医
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
34
文章 34
沸点 0
赞
34
返回
|
搜索文章
赞
文章( 34 )
沸点( 0 )
手写 SVG - 用简单指令画画
在 SVG 中,我们使用 <path> 标签来定义线条路径,它有一个 d 属性,用于定义绘制图形的指令。 SVG 的指令分为四类:移动绘制点、直线连接、曲线绘制、闭合,其中曲线绘制分为椭圆弧曲线、二次贝塞尔曲线、三次贝塞尔曲线三种。 所有指令均区分大小写,大小写影响参数指定的方…
思考:领域驱动设计(DDD)对前端有何助力
什么是Domain?如何driven design?这些太过拘于概念,我们以一些实际的例子,来看看,DDD是一种什么思想。 以个人为例,我们拥有年龄、身高、体重这样的属性,先排出其他影响因素,我们假设身高和体重只受到年龄影响,由此我们可以进行如下设计,在class Person…
震惊,国足竟然踢进了世界杯!
球员本身具有爆发力(加速度),体能(运动时间衰减),与地面的动摩擦系数(控制速度衰减)这些属性。 当多个球员竞争同一个球,我们根据模型触碰球的先后决定球的归属权。 当球员竞争到球之后,球本身不具备独立的运动轨迹,而是根据球员的运动轨迹再计算足球的运动轨迹渲染。 实际运动物体的单…
手写 SVG - 简单图形不用愁
虽然可以实现效果,但这一点都不直观!并且面对复杂的图形,纯 CSS 也就束手无策了,或是需要大量的代码配合 DOM 结构来实现。 这实现了一个简单的以左边为底的等腰三角形。我来解释一下: 首先,<svg> 标签表示这是一个 SVG 图形;xmlns 属性表示使用的 XML 命名…
重构:各司其职,让你的世界秩序凛然
又是一个晴朗的周末,爬起来已经中午了,突然发现身边乱糟糟的,书啊,衣服啊,电脑啊丢的到处都是。今天还有人来家里进行友好访问(俗称过来白嫖一顿饭),这么乱可不行,那么稍微起来收拾收拾吧。 看起来这样就可以轻松的收拾房间了呢,但是,好像地面需要打扫,我还需要扫地、拖地。 突然,我放…
JavaScript 中你所不知道的 for 循环
第一部分是 var i = 0; 用于对循环的内容进行初始化,这里使用了 var 关键字来声明一个变量;第二部分是 i < 5; 作为循环判断的条件;第三部分是 ++i 是每次循环后都会固定进行的操作(通常被叫做“累加器”,当然,这只是个名字而已,你也不一定非要在这里做累加操作…
重构:代码命名之逆袭女神
李狗蛋为了和自己心仪的女神在一起,使上了浑身解数,让我们看看他是如何逆袭的。 采用机翻往往会出现同名非同义的情况,需要对基础组件置顶一个自己的规范,设想一下,如果多人维护统一套代码,每个人风格不统一又没有注释,很容易出现神秘变量。 表格的查询条件有很多,然而上面这一块并不全是学…
从撸猫到AOP的思考,程序员的大脑究竟在想什么Part. 2
蕾蒂斯and箭头们,肥少又回来了,本期我们将继续思考AOP,啊不是,撸猫。没事看着这个小动物也挺无聊的,除了吃就是睡,我观察了8个小时,这货真的是除了吃就是睡!(催稿人:你tm闲8个小时不写稿) 上一季中,我们写了个装饰器,这样WatchCat这个类的所有方法我们都可以监听了。…
从撸猫到 AOP 的思考,程序员的大脑究竟在想什么
中午 12:00,我开始躁动不安了,我家猫咋样了,是不是饿着了,是不是渴了。有没有拆我家电视,有没有挠我的沙发,不行了,awsl,我要知道我家猫在干啥。 面向切面编程,旨在通过允许跨领域关注点的分离来提高模块化。通常呢是通过不修改代码本身的情况下向现有代码添加其他行为,目标是一…
窥探 JavaScript 中的变量作用域
在 JavaScript ES3 中,我们只能通过 var 来声明变量,变量在声明时会有变量提升(hoisting),即在后面声明的变量可以被提前访问,而值默认为 undefined。 在 ES3 中,最外层的作用域称为全局作用域。如果你在全局作用域下声明变量,这些变量都会被添…
下一页
关注了
7
关注者
5
收藏集
3
关注标签
1
加入于
2019-10-21