随笔分类 - HTML/CSS
摘要:进度条加载是页面加载时的一种交互效果,这样做的目的是提高用户体验。 进度条的的实现分为3大部分:1、页面布局,2、进度条动效,3、何时进度条增加。 index.less是样式文件 zepto是引入的库 less.js是编译less的 rem.js是移动端屏幕自适应 页面布局采用position布局,
阅读全文
摘要:移动端使用的框架是zepto,但是zepto的内置对象没有传统的animate这个方法,效果都是需要css3来实现的,zepto也不支持fadeIn和fadeOut等一些基本的动画,基于这一现状,我自己整理总结了css3的动画,方便以后工作和学习去使用。 基本的animate的知识我就不讲了,网上有
阅读全文
摘要:前段时间在做一个任务的时候,碰见了一个问题:zepto无法用on事件去监听新增加的dom事件。这个问题用live可解决, 但是live在ios下失效,为了解决这个问题,我采用了暴力的方法去解决,每次添加dom都绑定一次事件,这样是可以解决问题的,但是这样的方式肯定消耗很多资源,不是一个好的方式,今天
阅读全文
摘要:flexbox之前有接触,写项目时也用过,但也只是简单的,对其也是似懂非懂,所以今天下定决心把这个再学一遍,因为似懂非懂就是不懂 本文主要是的demo演示,想看flexbox语法 请移步flexbox语法 本文主要分两大部分:flexbox的Demo与常见的布局 以下demo的图片与css代码从左至
阅读全文
摘要:写在前面 ajax学习到了第二天,这次是用第一天封装的ajax函数,后端使用了php+mysql实现基本的注册,登录,注销。 php是我前几个月get到的技能,我已经学习到了面向对象,知道各修饰符的含义,继承,接口,构造函数,实例化对象 mysql是跟php一块学的,学习了基本增删改查。 ajax原
阅读全文
摘要:写在前面 最近在群里突然看到一个问题,就是px pt em rem 三者的区别,这个问题看起来非常基础,也非常容易被忽略,however,面试会问到~,那我就解释一下 px的英文是pixel,翻译过来就是像素,它是一个相对长度,因为素数是随着用户设备的分辨率而改变, 我们常称分辨率低、分辨率高都是相
阅读全文
摘要:两种方式实际上在js上的原理都是一样的。都是获取时间对象,再获取时间对象的时分秒,时分秒乘以其旋转一刻度(一秒、一分、一小时)对应的角度。css3中要赋值于transform:rotate(角度),canvas中要注意的是 arc旋转的不是角度而是弧度,所以要进行转换。最后开一个一秒变化一次的定时器
阅读全文
摘要:目的: 制作一个表格,显示班级的学生信息 功能: 鼠标移到不同行,背景色发生改变,离开恢复原背景色 添加、删除按钮,可添加,可删除。 程序流程: 首先先建立绑定事件函数。 其次建立鼠标移动改变背景色函数。 再编写添加行和列函数。 最后编写删除函数。 HTML部分: JS部分: 绑定事件函数: 改变背
阅读全文