随笔分类 -  IFE练习提升

前端百度学院IFE项目实现
摘要:** * AJAX函数封装 * @param {string} url 请求地址(必须) * @param {object} options 发送请求的选项参数 * @config {string} [options.type] 请求发送的类型。默认为GET。 * @config {Object} [options.data] 需要发送的数据。 * @config... 阅读全文
posted @ 2018-05-19 15:04 小粒旬 阅读(113) 评论(0) 推荐(0)
摘要:// BOM // 判断是否为IE浏览器,返回-1或者版本号 function isIE() { var uUserAgent = navigator.userAgent; //保存浏览器的userAgent var ieAgent = uUserAgent.match(/msie (\d+.\d+)/i); if (ieAgent) { return ... 阅读全文
posted @ 2018-05-19 15:03 小粒旬 阅读(92) 评论(0) 推荐(0)
摘要:// 事件 // 这里的addEvent()函数到了最后做大作业的时候会出现bug(暂时不能解决) // 给一个element绑定一个针对event事件的响应,响应函数为listener // function addEvent(element, event, listener) { // element = element.trim(); // switch(element.c... 阅读全文
posted @ 2018-05-19 15:01 小粒旬 阅读(97) 评论(0) 推荐(0)
摘要:其中实现简易query参考了这篇博文,感谢这位博主。 阅读全文
posted @ 2018-05-19 15:00 小粒旬 阅读(160) 评论(0) 推荐(0)
摘要:// 判断是否为邮箱地址 // ^ 表示匹配开头 // \w+ \w表示匹配一个英文字母或数字,+表示匹配前面的元素一次或者多次 // @ 表示匹配@符号 // [a-z0-9]+ [a-z0-9]表示匹配字母a-z或0-9,+表示匹配前面的元素一次或者多次 // \. 表示匹配一个. // [a-z]+ 表示匹配字母a-z之中任意一个,+表示匹配前面的元素一次或者多次 // {1,3}... 阅读全文
posted @ 2018-05-19 14:57 小粒旬 阅读(113) 评论(0) 推荐(0)
摘要:// 数组去重方法Set function uniqArray(arr) { // 先把数组经过Set处理,生成一个Set对象(Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。),再用Array.from再转化成一个数组 // Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。 return Array.from(new ... 阅读全文
posted @ 2018-05-10 21:56 小粒旬 阅读(176) 评论(0) 推荐(0)
摘要:了解JS中简易克隆与深度克隆的概念和区别: 浅度克隆:原始类型为值传递,对象类型仍为引用传递。 深度克隆:所有元素或属性均完全复制,与原对象完全脱离,也就是说所有对于新对象的修改都不会反映到原对象中。 // 浅度克隆:原始类型为值传递,对象类型仍为引用传递。/对于对象的浅克隆,修改新对象的时候会把原 阅读全文
posted @ 2018-05-05 16:25 小粒旬 阅读(207) 评论(0) 推荐(0)
摘要:// 遍历字符串并把他添加到一个新的数组里 var stringTest = "Username" var arrTest = new Array() for (i = 0; i < stringTest.length; i++) { arrTest[i] = stringTest[i] } console.log(arrTest) // 遍历对象并Log出来 var obj = {a... 阅读全文
posted @ 2018-05-05 16:11 小粒旬 阅读(140) 评论(0) 推荐(0)
摘要:实践判断各种数据类型的方法: 参考链接:判断js中数据类型的几种方法 阅读全文
posted @ 2018-05-05 16:08 小粒旬 阅读(103) 评论(0) 推荐(0)
摘要:完成about.html的编写 总结一下其中的重难点以及学到的东西: float的运用 清除浮动 当div中只有浮动的元素导致div高度出现折叠的解决方法 position设置为relative之后出现的空白(仍然占据文档流)的解决方法 background-img的设置以及延各轴重复(repeat 阅读全文
posted @ 2018-05-04 21:31 小粒旬 阅读(121) 评论(0) 推荐(0)
摘要:完成了task7中gallery.html的编写 其中重难点在于瀑布流的布局。 之前参考过这篇教程CSS瀑布流布局,但是因为作业是这种布局,所以导致竟然一时间没了头绪 后来得到了朋友的帮忙指点(感谢吟游诗人和糕神!),才找到思路,把整个布局分为三列,然后最左边这列再分上下,就可以啦! 具体代码已提交 阅读全文
posted @ 2018-05-02 20:09 小粒旬 阅读(87) 评论(0) 推荐(0)
摘要:利用两天的下班时间,终于IFE_Part1_task7中的blog.html完成了。 总共完成了一个以Flex为主的大布局,若干个小布局,一个搜索框,一个日历,一个标签云,一个分页列表。 有兴趣的朋友可以看一下我的GitHub哦~ 总结了一些其中涉及到的知识点: 在input中加入背景图片及具体设置 阅读全文
posted @ 2018-04-26 22:45 小粒旬 阅读(126) 评论(0) 推荐(0)
摘要:完成首页全部布局构造、细节整理以及样式。 源码放在在了我的GitHub中,欢迎前来做客。 经过了两三关于index.html的编写,所更深入的点在此整理一下: 关于布局的选择和应用 关于div嵌套的使用,如:ul > li > ul 关于display的使用,如:display:inline-blo 阅读全文
posted @ 2018-04-23 22:31 小粒旬 阅读(248) 评论(0) 推荐(0)
摘要:把GitHub仓库克隆到本地并更新代码到GitHub 阅读全文
posted @ 2018-04-21 00:34 小粒旬 阅读(749) 评论(0) 推荐(0)
摘要:今日实践了以下文本相关的所有属性内容: text-indent text-transform text-decoration text-align word-spacing white-space color line-height font font-family font-size font-w 阅读全文
posted @ 2018-04-19 23:54 小粒旬 阅读(150) 评论(0) 推荐(0)
摘要:以百度前端学院IFE2015为教程: IFE百度前端学院 创建一个HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <t 阅读全文
posted @ 2018-04-19 01:16 小粒旬 阅读(205) 评论(0) 推荐(0)