rollingjkx-CSDN博客

转载 2018_IFE读书笔记及心得体会

动态修改css的四种方法1.使用obj.className来修改样式表的类名function changeStyle1() { var obj = document.getElementById("btnB"); obj.style.backgroundColor= "black"; }伪类hover的CSS是写在内联式里面，采用这种方法会直接在内联式里进行覆盖，导致hover无效2.使用ob...

2018-06-23 11:27:22 167

原创 2018_IFE 9-11天任务心得体会与读书笔记

原本看到这次设计稿的时候一脸懵逼，觉得很难，因为这学期学业繁忙。所以做了很多天，有时候写累了又去玩一会，做的还是太慢了。下面将实现设计稿过程中遇见的疑难杂症和解决办法记录下来。 HTML:1.页面中遇见文字前面跟小图标的，一共有两种，分别是img、list-syle-image。但是list-syle-img和list-style-type都有一个问题，在一个文档中不能多次...

2018-06-02 20:46:14 305

原创 2018_IFE第7-8天作业总结及读书笔记

任务是根据设计图来完成一个布局，其中有三个地方有难度，一个是轮播图按钮，二是选项卡的设计，三是弹性布局代码如下HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>

2018-05-27 21:59:13 261

原创 2018IFE基础班第三次任务读书笔记

CSS-层叠： CSS的全称是Cascading Style Sheets，层叠样式表。其中Cascading很好的说明了它的应用形式，整个网站的外观是由一层又一层的样式重叠起来的。它的作用是告知浏览器将以什么方式呈现出文档给用户。加上选择器的配合，可以从网站整体的宏观和微观来对网页外观进行操作。但是如果有几个同样的属性重叠了怎么办呢？这时候就要由层叠样式表里的优先级属性来给层叠表样...

2018-04-26 22:08:22 133

原创 2018年度ife基础班第一天读书心得

开学之前便自己看了一些关于前端的知识，但是大部分看的是js。今天正好老师罗列了很多内容，回过头去看了一下html5。印象比较深的是canvas,仔细看了一下canvas的方法属性，以及运行效果。还有就是video,audio元素，新增的这两个元素比起原来网站开发引入视频flash，简直不要太方便。controls控制插件按钮，autoplay属性加载完便立即播放。loop属性控制循环。表单...

2018-04-24 20:52:44 126

原创条形图投票demo

//老师上课布置的作业，细节问题有点多。思路：用两个div盒子填充背景颜色，利用margin调整位置使其一上一下覆盖。在两个div各写入小数，0.50和0.50以便进行绑定。思考的时候原本以为会用到z-index来调整大小，结果空操心。遇见问题： 1.JS设置绑定事件时出现问题，小数能发生变化但是变化规律为 1 2 3 4 5...与原先打算每次点击按钮加1不一致，后来查阅资料发现是因为每次...

2018-04-07 00:59:51 522

原创 ife2015-task0002 正则表达式判断是否为邮箱地址或电话号码

// 判断是否为邮箱地址function isEmail(emailStr) { var re = /^[0-9a-zA-Z\_\.]+\@[0-9a-zA-Z]+\.\w+$/; //注意\d \w \s 也需要转义符号 \d:数字 \w数字或字母 \s空格 if(re.test(emailStr)) { console.log('The adr...

2018-03-28 15:32:53 419

原创 ife2015-task0002遍历对象元素并返回数目

// 获取一个对象里面第一层元素的数量，返回一个整数function getObjectLength(obj) { var num=0; for( key in obj) { num+=1; } return num;}// 使用示例var obj = { a: 1, b: 2, c: { ...

2018-03-28 14:58:36 158

原创 ife2015-task0002 实现一个遍历数组的方法

// 实现一个遍历数组的方法，针对数组中每一个元素执行fn函数，并将数组索引和元素作为参数传递//传入一个参数的时候 function each(arr, fn) { for(index in arr) { fn(arr[index],index); } //这个each函数只是用来遍历数组arr的，并将数组的索引和值传递给f...

2018-03-28 14:32:56 216

原创 ife2015-task0002 数组去重

function uniqArray(arr){ var n[]; for(var i=0;i<arr.length;i++) { if(n.indexof(arr[i])==-1) //indexof返回已找到字符串的索引，如未找到返回-1 { n.push(arr[i]); }} return n;} ...

2018-03-28 11:33:52 126

rollingjkx的博客