2020年3月4日

深入解析CSS3圆周运动

摘要: 设想下图白色部分为显示器,我们要元素根据不同的角度围绕绿色圆形,做环形运动。 那么我们首先要计算出在不同角度时,元素所在位置的XY坐标。 已知信息圆心A,B,半径R,角度deg 那么我们可以根据以上信息得出两个公式 sin(deg) = (X - A) / R cos(deg) = (B - Y) 阅读全文

posted @ 2020-03-04 15:35 素心~ 阅读(766) 评论(1) 推荐(0) 编辑

2020年2月26日

JS递归原理

摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-02-26 13:43 素心~ 阅读(891) 评论(0) 推荐(0) 编辑

JS中关于组件开发

摘要: 进行组件开发时我们不必依赖于任何框架,我们只需要使用原生JS,实现指向性,目标性极强的逻辑,比如我们开发轮播图组件,我们不需要复杂的运动框架,更不必复杂的选择器轮子。 组件的哲学和通用轮子不一样。通用轮子,要把所有浏览器、所有属性都要封装进来,注重复用、易用。组件开发只针对特定功能,下面是我写的一个 阅读全文

posted @ 2020-02-26 11:33 素心~ 阅读(1127) 评论(0) 推荐(0) 编辑

2020年2月25日

JS面向对象组织代码

摘要: JS本身不存在类的概念,它对于继承的判定有时非常混乱,当然这并不影响我们以面向对象的思维去编程。 例如我们有两个类A类B类,我们想让B类继承A类,在python中可以轻而易举的实现,在JS中需要一种折中法 function A() { } A.prototype.hello = function() 阅读全文

posted @ 2020-02-25 11:52 素心~ 阅读(273) 评论(0) 推荐(0) 编辑

2020年2月21日

JS中原型链关系

摘要: 在JS中没有类的概念,JS这个语言是“基于对象”(base Object)的语言,不能叫做“面向对象”(orinted object)的语言。 在原生JS中它的内置数据类型是基于Fcuntion也就是内置构造函数,当然其也是一个对象,所以JS是基于对象,而不是基于抽象类 就像下图的关系,可以理解为先 阅读全文

posted @ 2020-02-21 18:09 素心~ 阅读(278) 评论(0) 推荐(0) 编辑

2020年2月20日

JS原生模拟楼层导航

摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文

posted @ 2020-02-20 10:05 素心~ 阅读(549) 评论(0) 推荐(0) 编辑

2020年2月15日

jQuery动画函数模拟

摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-02-15 16:03 素心~ 阅读(186) 评论(0) 推荐(0) 编辑

2019年11月28日

面向对象基础(六)

摘要: # 析构方法 class F: def __init__(self,filePath): self.f = open(filePath) def __del__(self): self.f.close() print(11) f1 = F('demo.py') # 当python文件执行完毕,垃圾回 阅读全文

posted @ 2019-11-28 22:25 素心~ 阅读(128) 评论(0) 推荐(0) 编辑

2019年11月27日

单例类与常见双下方法

摘要: # 单例类 只能实例化一个对象的类叫做单例类 class A: __ISINSTANCE = None def __new__(cls, *args, **kwargs): if not cls.__ISINSTANCE: cls.__ISINSTANCE = object.__new__(cls) 阅读全文

posted @ 2019-11-27 17:17 素心~ 阅读(120) 评论(0) 推荐(0) 编辑

2019年11月21日

实现高效率的冒泡排序

摘要: // 自己实现冒泡排序最简单的方式就是使用双层循环 var arr = [10,2,5,7,8,10,10,20,10,18,20,89,6,7,52] // 外层循环是我们需要将每一个数列都排序一次,那么需要排序的数列就是arr.length - 1次 for(var i = 0; i < arr 阅读全文

posted @ 2019-11-21 12:03 素心~ 阅读(575) 评论(0) 推荐(0) 编辑

导航