前端早读课目录(2015年下半年)

07月01日:【第278期】Web性能优化:What?Why?How?07月02日:【第279期】产品初学的三步07月03日:【第280期】奇趣百科性能优化07月04日:【第281期】不想成为Web前端程序员07月06日:【第282期】Node.js面试题07月07日:【第283期】微信、手Q、QQ空间之X5内核inspect调试解决方案07月08日:【第284期】移动端高清、多屏适配方案(上)07月09日:【第285期】移动端高清、多屏适配方案(下)07

  • 0
  • 0
  • 发布于 2020-01-12 14:16
  • 阅读 ( 14 )

前端资源导航1

https://github.com/jnoodle/f2e-collect前端资源大全收集一些自己喜好的前端相关社区、网站、博客、资源等备查,有好的欢迎推荐。综合社区、博客库、框架、资源CDN,镜像设计、模板交互、体验教程、书籍招聘其他综合名称URL简介W3Chttp://www.w3.org/http://www.chinaw3c.org/万维网联盟官方网站MDNhttps://developer.mozilla.org/MozillaDeveloperNetwork,文档权威StackOverflo

  • 0
  • 0
  • 发布于 2020-01-12 14:15
  • 阅读 ( 10 )

前端学习---从跳板到初级心得

前言:      加入跳板群有一段时间了,加群源于知乎上的一个问答,觉得作者说的很中肯,很有道理。加入之后发现这个群不像一般的qq群闲扯多余技术,群规很严,进制闲聊,但凡说话都是有关技术,技术氛围很浓,刚开始还不适应,从被禁言,被踢群,又加群,到现在,由于进群前与后技术的成长变化比较大,所以群主邀请我进行一次这段时间以来的学习经验或成长经

  • 0
  • 0
  • 发布于 2020-01-12 14:15
  • 阅读 ( 12 )

百度前端技术学院第十九天:找到那个DOM

一、HTMLDOM(文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(DocumentObjectModel)。 HTMLDOM模型被构造为对象的树。 HTML代码: <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>SimpleDOMexample</title> </head> <body> <section>

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 9 )

百度前端技术学院(IFE)2015春task练习记录02

所有代码可以在我的Github中找到,记录从task002开始。 DOM操作 要求 //实现一个简单的Query function$(selector){ } //可以通过id获取DOM对象,通过#标示,例如 $("#adom");//返回id为adom的DOM对象 //可以通过tagName获取DOM对象,例如 $("a");//返回第一个<a>对象 //可以通过样式名称获取DOM对象,例如 $(".classa");//返回第一个样式定义包含classa的对象 //可以通过attr

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 11 )

百度前端技术学院第七~八天--学习布局

一、定位 定位允许您从正常的文档流布局中取出元素,并使它们具有不同的行为,例如放在另一个元素的上面,或者始终保持在浏览器视窗内的同一位置。 要使某个元素拥有特定类型的定位,我们使用position属性。 定位属性目前一共有五种类型: 静态定位 静态定位是每个元素获取的默认值——它只是意味着“将元素放入它在文档布局流中的正常位置——这里没有什么特别的

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 10 )

百度前端技术学院第二十五天到第二十七天:倒数开始 滴答滴 滴答滴

一、Date(日期)对象 1.定义日期 Date对象用于处理日期和时间。 可以通过new关键词来定义Date对象。以下代码定义了名为myDate的Date对象: varmyDate=newDate(); 注释:Date对象自动使用当前的日期和时间作为其初始值。 2.操作日期 通过使用针对日期对象的方法,我们可以很容易地对日期进行操作。 在下面的例子中,我们为日期对象设置了一个特定的日期(2008年8月9日): varmyDate=newDat

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 9 )

02 JavaScript知识点总结|百度前端技术学院

offseheight 1,获取和改变某个元素的内容 vartxt=document.getElementById("aqiinput").value; vartext=document.getElementById("aqidisplay").innerHTML; varstr=document.getElementById("para").textContent; 第一个,获取表单输入框中填写的值;第二个,获取div、span等元素的文本值。 事件绑定 JavaScript有三种绑定事件的方法,分别

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 27 )

百度前端技术学院(IFE)2015春task练习记录01

前言 个人觉得IFE的练习非常不错,学习前端不久,看完几本HeadFirst,JS编程艺术等等后,我就拿来当练习做了。初学者有时候会很迷惑,比如JS这块的练习,判断数据类型这一题其实我最开始都是搜索复制粘贴。做完之后也是迷迷糊糊的,只知道这样是对的,而不知其所以然。 做完之后去看看其他的笔试题面试题,才发现好多都是这里面出过的。练习里基本每个知识点都覆盖

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 11 )

2017百度前端技术学院- 正则表达式之入门

任务效果预览源码地址 一、创建一个正则表达式 1字面量方式: varexpression=/pattern/flags 其中的pattern可以是任何简单的或者复杂的正则表达式,可以包含字符类、限定符、分组、向前查找以及反向引用。每个正则表达式都可带有一个或者多个flags. 正则表达式的匹配模式支持下列3个标志: g:表示全局模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即停止 例如

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 10 )

百度前端技术学院第二十二天到第二十四天:JavaScript里面的居民们(一)

一、变量 1.什么是变量 一个变量,就是一个用于存放数值的容器。这个数值可能是一个用于累加计算的数字,或者是一个句子中的字符串。变量的独特之处在于它存放的数值是可以改变的。 变量的另一个特性就是它们能够存储任何的东西--不只是字符串和数字。变量可以存储更复杂的数据,甚至是函数。你将在后续的内容中体验到这些用法。 变量是用来存储数值的,那么有

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 21 )

百度前端技术学院第四天--CSS2

一、使用CSS改变背景样式 什么是背景? 元素的背景是指,在元素内容、内边距和边界下层的区域。默认情况下就是这样——在新的浏览器中,你可以使用background-clip属性改变背景所占用的区域(更多细节见CSSboxmodelarticlebackground-clipcoverage)。 背景并不在外边距下层——外边距不是元素区域的一部分,而是元素外面的区域。 还有很多其他的属性可以用来操作元素的背景,其中

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 10 )

百度前端技术学院第五~六天--三种简历

一、CSS框模型 CSS框模型(也被称为“盒模型”)是网页布局的基础——每个元素被表示为一个矩形的方框,框的内容、内边距、边界和外边距像洋葱的膜那样,一层包着一层构建起来。浏览器渲染网页布局时,它会算出每个框的内容要用什么样式,周围的洋葱层有多大,以及框相对于其它框放在哪里。在理解如何创建CSS布局之前,你需要理解框模型。 框属性 文档的每个元素

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 11 )

2017百度前端技术学院——vue源码分析之——动态数据绑定一

一、Object.keys() Object.keys()方法会返回一个由给定对象的所有可枚举自身属性的属性名组成的数组,数组中属性名的排列顺序和使用(forin)循环遍历该对象时返回的顺序一致(顺序一致不包括数字属性)(两者的主要区别是for-in还会遍历出一个对象从其原型链上继承到的可枚举属性)。 letobj={ name:'dailu', age:123, sex:"female" } console.log(Object.keys(obj));//["name","age","sex"] va

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 25 )

2017百度前端技术学院-自定义右键菜单

效果预览源码地址 一、事件流 1、冒泡 什么是事件冒泡 官方的定义就是从最特定的事件目标到最不特定的事件目标。 意思就是说,假如用户单击了一个元素,该元素拥有一个click事件,那么同样的事件也将会被它的祖先触发,这个事件从该元素开始一直冒泡到DOM树的最上层,这一过程称为事件冒泡 示例: html: <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 10 )

百度前端技术学院第二天第十二天到第十五天,复杂页面实现

一、课程目标 实现如下图所示的页面: image.png 二、要求如下: 页面说明: 最左侧一列要求自适应浏览器高度,左上面4个按钮相对浏览器左上角固定位置,左下方两个按钮相对浏览器左下角固定位置 左侧第二列(蓝色背景色)导航列固定宽度,高度也是自适应浏览器高度,最下面的MonthlyGoals部分的内容相对浏览器下边固定位置 整个白色区域自适应宽度,右上方的人脸,名

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 13 )

百度前端技术学院第十六天,开始感受JS的乐趣

一、整体感知 今天的内容较为简单,主要是对js进行一个整体感知,有一个感性的认识,并不需要太在意细节。 二、简单的js <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <title>IFEECMAScript</title> </head> <body> <inputid="first-number"type="number"value="0"pl

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 9 )

我完成的百度前端技术学院任务列表

所有任务见这里。欢迎大家review我的代码,所有代码在这里。 小薇学院(HTML/CSS) 任务一:零基础HTML编码 任务十:Flexbox布局练习 JavaScript基础入门 任务一:零基础JavaScript编码(一) 任务二:零基础JavaScript编码(二) 任务三:零基础JavaScript编码(三) 商业平台部 UI组件之色彩选择器(有思路还未实现)

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 10 )

百度前端技术学院第三天--CSS

一、什么是CSS CSS(CascadingStyleSheets):中文是:层叠样式表。 HTML用于定义内容的结构和语义,CSS用于设计风格和布局。比如,您可以使用CSS来更改内容的字体、颜色、大小、间距,将内容分为多列,或者添加动画及其他的装饰效果。 也就是说:CSS是一种用于向用户指定文档如何呈现的语言—它们如何被指定样式、布局等。 文档通常是用标记语言结构化的文本文件—HTML是最常用

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 13 )

百度前端技术学院第九~十一天:来做一个漂亮的网站

前端必备技能之Photosh切图 切图:即从设计稿里面切出网页素材 一、使用Photoshop工具 工具的使用: 1.将文字与标尺的单位的设置为像素 image image 2.打开这五个窗口,关闭其它窗口,保存工作区方便以后使用 image image image 3.工作区弄乱时,可以使用上图中的复位,或者在下图中选择工作区: image 4.切图常用工具 image 注意:在工具菜单栏中右击会出

  • 0
  • 0
  • 发布于 2020-01-12 14:13
  • 阅读 ( 10 )