摘要:
放大境效果如下图所示,当鼠标放到小图时,就会出现浅黄色的小块,而右边方框也出现了,并且右边方框的内容时根据浅黄色小块的内容变换而变换; 原理: 1,准备2张图,一大一小,如上图所示,小图的盒子div1放小图,大图的盒子div2放大图, div2一定要小于大图,假设oSapn在oDiv中距离左边的距离 阅读全文
摘要:
一般苹果菜单效果如下图所示,现在鼠标放在第3个图标的上面,这个时候第3个图标就会变大,相邻的2个图标也会不同程度的变大,今天呢就是做了这样子的一个效果 原理: 1、当你鼠标移入5个图标的范围时,计算鼠标与5个图标的距离,根据距离计算变大的值(比例),即红线,距离鼠标越近的图标的大小乘以这个比例即可 阅读全文
摘要:
这里我主要针对pc端而言,移动端由于各个牌子的移动设备都有自己定义的复选框,单选按钮和选择框样式,这里不做讨论。 pc端的默认样式大家都见过,这里直接上效果图 这是我简单做的两个自定义的复选框,单选按钮。以复选框为例,将复选框用一个div包裹起来,然后将复选框的透明度设置为0,下面来看看这个效果的代 阅读全文
摘要:
一、对象的多种表现形式 1、提高对象的复用性 2、如何配置参数和默认参数 不知道该怎么描述,就直接上代码吧,下面做了2个例子,重点看整个组件的大体结构 用组件的方式做拖拽窗口,你可以狠狠的点击这里进行查看 用组件的方式开发简易弹窗,你可以狠狠的点击这里进行查看 二、组件的定义 1、将对面向对象的深入 阅读全文
摘要:
一、面向对象的继承 1、解析:在原有对象的基础上,略作修改,得到一个新的对象,并且不影响原有对象的功能 2、如何添加继承 拷贝继承 属性:call 方法: for in 然后按照继承的方式做了一个窗口拖拽的demo,你可以狠狠的点击这里,进行查看 二、继承的其他形式(用的不是很多) 1、类式继承 : 阅读全文
摘要:
一、什么是面向对象编程 1、用对象的思想去写代码,就是面向对象编程 2、我们一直在使用对象,如数组Array 时间Date 二、面向对象编程(oop)的特点 抽象:抓住核心问题 封装:只能通过对象来访问方法 继承:从已有对象上继承出新的对象 多态:多对象的不同形态 三、高级面向对象的一些概念、名词 阅读全文
摘要:
这是一些头部设置 阅读全文
摘要:
我先说一下我的大致感受吧: 1、其中整个围绕其“德雷福斯模型”,进行一系列的论证及阐述,虽然有些地方不尽认同,但还是让我受益不浅。德雷福斯模型实质就是把你学的一个技能的熟练程度分为5个阶段,其实就是给自己设定一个小目标,先朝小目标前进,再慢慢成为专家。 2、这个模型不限于程序员这个职业,可以放置到各 阅读全文
摘要:
这是一个贪吃蛇游戏,你可以忽略他的外表,好了,先上html代码 接下来是js代码 大致是这样吧,后续还待改善,要直接看到实例的效果,你可以狠狠的点击这里 阅读全文
摘要:
首先,我们写一个遮罩层,没错就是那种 页面有一个按钮,点击按钮遮罩层出现,遮罩层上面的按钮也出现 , 点击遮罩层上面的按钮,遮罩层隐藏,遮罩层上的按钮也隐藏 先来看看页面html代码 然后是js部分,这是一开始我们写js的普通写法 这种写法其实是面向过程的写法,优点是写法灵活,对于初学者来说比较易读 阅读全文