web前端学习之HTML CSS/javascript之一

前端编码之路之坎坷,web前端应该一直是个战场吧,各种浏览器的不兼容,各种小细节的修改,要往一个好的产品经理方向走,实在是难,昨天听了一位十年经验的产品经理讲座,最重要的恐怕就是协调资源的能力,而协调资源就需要你和各个部门沟通,而和工程师(程序猿)的沟通更是一道检验自己影响力的重要渠道. 好吧,我怕了,我要学习一定的技术,最棒的恐怕是从前端开始吧. 实在吐槽新浪的这个博客产品的设计,是不是现在没多少人用了? 要是给我加上一个欲望或者每年的一个待完成事件清单,完成一项划掉一项,我想至少我还是更喜…

文成小盆友python-num14 － web 前端基础 html ，css, JavaScript

本部分主要内容 html - 基础 css - 基础一.html 标签 html 文档标签树如下: head 部分 Meta(metadata information) 提供有关页面的元信息,例:页面编码.刷新.跳转.针对搜索引擎和更新频度的描述和关键词 1.页面编码(告诉浏览器是什么编码) < meta http-equiv=“content-type” content=“text/html;charset=utf-8”> <meta charset="UTF-8"…

web前端学习（四）JavaScript学习笔记部分（8）-- JavaScript 浏览器对象

1.window对象 1.1.window对象: window对象是BOM的核心,window对象指当前的浏览器窗口所有javaScript全局对象.函数以及变量均自动生成为window对象的成员全局变量是window对象的属性全局函数是window对象的方法甚至HTML DOM的document也是window对象的属性之一 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&…

web前端学习（四）JavaScript学习笔记部分（4）-- JavaScriptDOM对象

1.Javascript-DOM简介 1.1.HTML DOM 1.2.DOM操作HTML 1.2.1.JavaScript能够改变页面中的所有HTML元素 1.2.2.JavaScript能够改变页面中的所有HTML属性 1.2.3.JavaScript能够改变页面中的所有CSS样式 1.2.4.JavaScript能够对页面中的所有时间做出反应 2.Javascript-DOM操作HTML 2.1.DOM操作HTML 2.1.1.改变HTML输出流: 注意:绝对不要在文档加载完成之后使用do…

web前端学习（四）JavaScript学习笔记部分（1）-- JavaScript基础教程

1.JavaScript基础教程 1.1.Javascript基础-介绍.实现.输出 1.1.1.JavaScript是互联网上最流行的脚本语言,这门语言可用于web和HTML,更可广泛用于服务端.pc端.移动端. 1.1.2.JavaScript脚本语言 JavaScript是一种轻量级的编程语言 JavaScript是可插入HTML页面的变成代码 JavaScript插入HTML页面后,可由所有的浏览器执行 1.1.3.JS用法: HTML中的脚本必须位于<script></scri…

web前端学习（四）JavaScript学习笔记部分（10）-- JavaScript正则表达式

1.JavaScript正则表达式课程概要方便查找字符串.数字.特殊字串等等 2.正则表达式的介绍 RegExp是正则表达式的缩写当检索某个文本时,可以使用一种模式来描述要检索的内容.RegExp就是这种模式简单的模式可以是一个单独的字符串更复杂的模式包括了更多的字符,并可用于解析.格式检查.替换等等可以规定字符串中的检索位置,以及要检索的字符类型,等等 3.正则表达式的使用 3.1两种定义正则表达式变量的方式 var patt1 = new RegExp("hello");…

web前端学习（四）JavaScript学习笔记部分（8）-- JavaScript瀑布流

index.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="js/waterfall.js"></script> <style type="text/css">…

web前端学习（四）JavaScript学习笔记部分（6）-- js内置对象

1.JS内置对象-什么是对象 1.1.什么是对象: JavaScript中的所有事物都是对象:字符串.数值.数组.函数每个对象带有属性和方法 JavaScript允许自定义对象 1.2.自定义对象: 1.定义并创建对象实例 2.使用函数来定义对象,然后创建新的对象实例小纸条:newObject是最大的对象,是所有对象的父类. <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo…

web前端学习（四）JavaScript学习笔记部分（3）-- JavaScript函数+异常处理+事件处理

1.Javascript函数-了解函数的用途 1.1.函数: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块 2.Javascript函数-定义函数 2.1.function必须小写 3.Javascript函数-调用函数 3.1.调用方式: 在<script>标签内部调用在HTML文件中调用加一个onclick()函数 4.Javascript函数-带参数的函数 onclick="demo('iwen',20)"; 在这里要注意的是在双引号内部传strin…

web前端学习（四）JavaScript学习笔记部分（2）-- JavaScript语法详解

2.1.Javascript语法-运算符(1) 复数运算符 %取余 ++ -- 赋值运算符 += -= *= /= %= 字符串操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> var i…

web前端学习（四）JavaScript学习笔记部分（9）-- JavaScript面向对象详解

1.认识面向对象 1.1.概念 1.一切事物皆是对象 2.对象具有封装和继承特性 3.信息隐藏(类的信息隐藏,包括属性和方法) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> var perso…

web前端学习（四）JavaScript学习笔记部分（7）-- JavaScript DOM对象控制HTML元素详解

1.方法 getElementsByName() 获取name 可以获取一个数组类型数据(参数加引号) getElementsByTagName() 获取元素 getAttribute() 获取元素属性获取元素的变量调用这个方法,(参数为元素属性) setAttribute() 设置元素属性 childNodes() 访问子节点子节点可以有很多个 parentNode() 访问父节点父节点只有一个 createElement() 创建元素节点 createTextNode()…

web前端学习（四）JavaScript学习笔记部分（5）-- 事件流详解

1.JS事件详解-事件流 1.1.事件流 1.事件流: 描述的是在页面中接受事件的顺序 2.事件冒泡: 由最具体的元素接收,然后逐级上传播至最不具体的节点(文档) 3.事件捕获: 最不具体的节点先接收事件,而最具体的节点应该是最后接收事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title…

前端学习之路-CSS介绍，Html介绍，JavaScript介绍

CSS介绍学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式利用标签中的style属性来改变显示样式 <p style="background-color: #FFF000"> p标签 </p> 在head中加入style标签 <head> <style type="text/css"> p { color: #FFF000…

每天成长一点---WEB前端学习入门笔记

WEB前端学习入门笔记从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工作的一个小结,也是对自己知识的一个梳理,之前特别喜欢记在本子上,不过长期的不用,就会发现记在本子上很容易就忘,所以后面开始写博客.首先,它并不单单是对自己的一些技术心得的总结亦或是一些技术讨论,更重要的是对自己不断学习提高的一种要求和检验,一种技术沉淀.其次,通过技术博客我们可以彼此分享一些技术经验…

【web前端学习部落22群】分享碰撞的小球开源小案例

对于课程中的疑问,大家可以加 web前端学习部落22群 120342833和其他老师还有众多的小伙伴们进行沟通交流哦,群里还有不少技术大拿.行业大牛可以一起探讨问题,我们也会安排专业的技术老师为大家答疑解惑呢! <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>碰撞的小球</title> <style type="text/cs…

【前端】Web前端学习笔记【1】

... [2015.12.02-2016.02.22]期间的学习笔记. 相关博客: Web前端学习笔记[2] 1. JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中. (2)break 语句 (不带标签引用),只能用在循环或 switch 中. (通过标签引用),break 语句可用于跳出任何 JavaScript 代码块: =======================================================================…

Web前端学习笔记(001)

....编号 ........类别 ............条目 ................明细....................时间一.Web前端学习笔记 2016年6月15日10:38:53 /****************************************************************begin******************************…

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. Demo页面: 基本选项淡入效果对不支持JavaScript浏览器的降级处理水平滚动容器内水平滚动容器内垂直滚动…

web前端学习就这9个阶段，你属于哪个阶段？

第一阶段:HTML+CSS: HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础:Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAscript.DOM.BOM.定时器和焦点图. JS基本特效:常见特效.例如:tab.导航.整页滚动.轮播图.JS制作幻灯片.弹出层.手风琴菜单.瀑布流布局.滚动事件.滚差视图. JS高级特征:正则表达式.排序算法.递归算法.闭包.函数节流.作用域链.基于距离运动框架.面向对象基础. JQuery:基础…

（纯干货）最新WEB前端学习路线汇总初学者必看

Web前端好学吗?这是很多web学习者常问的问题,想要学习一门自己从未接触过的领域,事先有些了解并知道要学的内容,对接下来的学习会有事半功倍的效果.在当下来说web前端开发工程师可谓是高福利.高薪水的职业了.所以现在学习web前端开发的技术人员也是日益增多了,但是在学习web前端开发中盲目的去学习而没有一个完整的思路和学习路线也是不行的. 1.web前端需要掌握HTML+CSS的静态布局相关知识. HTML主要就是网页编辑,这部分知识非常简单,基本上都能学会.当然前提是经常练习要掌握熟练. 2.…

Web前端学习攻略

HTML+CSS: HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础: Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAscript.DOM.BOM.定时器和焦点图. JS基本特效: 常见特效.例如:tab.导航.整页滚动.轮播图.JS制作幻灯片.弹出层.手风琴菜单.瀑布流布局.滚动事件.滚差视图. JS高级特征: 正则表达式.排序算法.递归算法.闭包.函数节流.作用域链.基于距离运动框架.面向对象基础.JQuery:基础使用…

web前端学习部落22群开源分享左边菜单导航

有大量web前端开发工具及学习资料,可以搜群[ web前端学习部落22群 ]进行下载,遇到学习问题也可以问群内专家以及课程老师哟 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>左边导航</title> <style> *{margin:0;padding:0;/*background: #8…

【前端】Web前端学习笔记【2】

[2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景在全局函数调用中,this 绑定全局对象,浏览器环境全局对象为 window . 作为对象方法使用,this 绑定到该对象. 在对象a的方法b内部的函数c中,this 也绑定全局对象,应该绑定到方法b对应的对象a上.这是 JavaScript的缺陷,解决方法:用that捕捉. 在构造函数中,this 绑定到新创建的对象. 使用apply或call调用函…

立方体旋转【web前端学习部落22群120342833】

效果: HTML部分: <body class="body"> <div class="rect-wrap">  <div class="container">  <div c…

web前端面试试题总结---css篇

CSS 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型.W3C 盒子模型: (2)盒模型: 内容(content).填充(padding).边界(margin). 边框(border): (3)区别: IE的content部分把 border 和 padding计算了进去; CSS选择符有哪些?哪些属性可以继承? * 1.id选择器( # myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选…

web前端学习笔记

web前端学习笔记(CSS盒子的定位) 相对定位使用相对定位的盒子的位置常以标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置偏移指定的距离.相对定位的盒子仍在标准流中,它后面的盒子仍以标准流方式对待它. 使用relative,即相对定位,除了将position属性设置为relative之外,还需要指定一定的偏移量,水平方向通过left或者right属性来指定,竖直方向通过top和bottom来指定.以下为后面实验的基准代码. <html xmlns="http://w…

web前端学习之旅笔记01--HTML

web前端学习之旅笔记01--HTML HTML最容易上手,但也易忘,实际开发中有时需要查阅官方文档,小伙伴们别忘了哟! HTML 教程 (w3school.com.cn) HTML是网页的骨架负责页面的结构,css负责表现,js负责行为 HTML概述: HyperText Mark-up Language 意思是超文本标记语言,超文本指超链接,标记指标签,这个扩展名为.html或.htm的文本文件使用浏览器打开,被浏览器按标签描述渲染成网页,显示的网页可以跳转到对应的网页. HTML基本结构:…

Web 前端之HTML和CSS

Web 前端之HTML和CSS HTML被称为超文本标记语言(Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言,标记语言是一套标记标签,HTML使用标记标签来描述网页.HTML文档描述网页,包含HTML标签和纯文本,也被称为网页 CSS是指层叠样式表(cascading Style Sheets),样式定义如何显示HTML元素,把样式添加到HTML4.0中,是为了解决内容与表现分离的问题,外部样式表可以极大提高工作效率,外部样式表通常存储在CSS文件中…