前端学习（一） —— HTML

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

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

web前端学习部落22群分享给需要前端练手项目

前端学习还是很有趣的,可以较快的上手然后自己开发一些好玩的项目来练手,网上也可以一抓一大把关于前端开发的小项目,可是还是有新手在学习的时候不知道可以做什么,以及怎么做,因此,就整理了一些前端项目教程,希望可以帮助正在学习前端的小伙伴.为了方便阅读,大概把前端可以做的项目分为三类: 游戏类实用类好玩类然后依次推荐一些项目教程,想要学习的小伙伴可以看看~ 游戏类其实很多常见的小游戏都是纯前端开发出来的,比如曾经风靡的2048.别踩白块啊等等,简单有趣,对于初学者来说,这些小游戏是非常不错的练…

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

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

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调用函…

前端学习第七弹： Javascript实现图片的延迟加载

前端学习第七弹: Javascript实现图片的延迟加载为了实现图片进入视野范围才开始加载首先: <img src="" x-src="/acsascasc.jpg"> 这时src是空的没有加载图片 $(window).scroll(function (){ $("img").each(function(){ if ($(this).src == ""){ if ( ($(this).offset().t…

前端学习第六弹： javascript中的函数与闭包

前端学习第六弹: javascript中的函数与闭包当function里嵌套function时,内部的function可以访问外部function里的变量 function foo(x) { var tmp = 3; function bar(y) { alert(x + y + (++tmp)); } bar(10);}foo(2) 这时无论怎么运行输出的都是16,但这不是闭包如果我们返回内部函数,内部function会close-over外部fu…

前端学习第五弹： CSS （一）

前端学习第五弹: CSS (一) 创建css: <link rel="stylesheet" type="text/css" href="mystyle.css" /> 外联 <style type="text/css"> hr {color: sienna;} p {margin-left: 20px;} body {background-image: url("images/back40…

前端学习第四弹： HTML（一）

前端学习第四弹: HTML(一) 元素分类:块元素内联元素块级元素在浏览器显示时,通常会以新行来开始(和结束). 例子:<h1>, <p>, <ul>, <table>,<div> 内联元素在显示时通常不会以新行开始. 例子:<b>, <td>, <a>, <img>,<span> 段落 HTML中的段落靠<p>来划分 p是块级元素如果您希望在不产生一个新…

前端学习第三弹： JavaScript语言的特性与发展

前端学习第三弹: JavaScript语言的特性与发展 javascript的缺点 1.没有命名空间,没有多文件的规范,同名函数相互覆盖导致js的模块化很差 2.标准库很小 3.null和undefined null几乎没有用不该设计它 4.全局变量难以控制 5.自动插入行尾分号主要的缺点就是这几个,别的缺点就不一一列举了.... (自习室关门了,待续...)…

前端学习第二弹: JavaScript中的一些函数与对象（1）

前端学习第二弹: JavaScript中的一些函数与对象(1) 1.apply与call函数每个函数都包含两个非继承而来的方法:apply()和call(). 他们的用途相同,都是在特定的作用域中调用函数. 接收参数方面不同,apply()接收两个参数,一个是函数运行的作用域(this),另一个是参数数组.call()方法第一个参数与apply()方法相同,但传递给函数的参数必须列举出来. 举个例子: function Person(name,age) { this.name=name; t…

大前端学习笔记整理【一】CSS盒模型与基于盒模型的6种元素居中方案

概览 CSS盒模型,规定了元素框来处理元素的内容.内边距.边框和外边距的方式元素部分是指内容部分,也是最实际的内容,包围内容的称之为内边距,内边距外围是边框,边框外围就是外边距:且外边距是透明的,所以并不会阻挡其后的元素 * { margin: 0; padding: 0; } 这是在CSS中最常见的初始化CSS的代码,用于覆盖浏览器的默认样式浏览器兼容性大多数浏览器都会按照上面的图示来呈现内容.然而 IE 5 和 6 的呈现却是不正确的.根据 W3C 的规范,元素内容占据的空间是由 w…

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

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

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

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

【FE前端学习】第二阶段任务-基础

技能学习部分: 1.需要熟练掌握HTML标签以及CSS各个常用属性. 2.掌握CSS3 常用属性 3.掌握jquery的基本用法,对于JS基本逻辑语句需要熟练掌握上文 [FE前端学习]第二阶段任务-提高一.HTML标签 HTML是一种标记语言,标记语言是一套标记标签,标记标签是用尖括号包围的关键词,以开始标签和结束标签成对存在,如<b>和</b> HTML元素是开始标签到结束标签的所有代码 HTML属性,给元素提供了更多信息,在开始标签中以名称/值的形式出现,如下例的href属…

Web前端学习笔记(001)

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

2015 WEB前端学习路线图

2015 WEB前端学习路线图,欢迎小伙伴补充 @落雨…

GitHub最全的前端资源汇总仓库（包括前端学习、开发资源、求职面试等）

在GitHub上收集的最全的前端资源汇总(包括前端学习.前端开发资源.前端求职面试等) 个人结合github上各位大神分享的资源进行了简单的汇总整理,每一个条目下面都有丰富的资料,是前端学习.工作的好帮手. 说明: 整理有不当之处, 欢迎 pr 或提出 issue. 更新日志: 20161013: 增加 Google面试宝典(作者:John Washam) 20160916: 增加大前端工具集(作者:聂微东) 20160915: 增加前端开发规范手册(作者:阿树) 20160831: 增加前端学…

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

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

web前端学习笔记

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

前端学习 html

Html 前端学习 <!DOCTYPE html> < lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <>  <a href="http://www.baidu.com" target="_blank"…

前端学习数据库MYSQL

这篇文章主要写了 1.数据库MYSQL 2.基本上会遇到的所有SQL语句数据库可视化软件------Navicat 数据库里边存放的是表,表与表之间是有关联的,而且可以对表进行相关操作(增,删,改,查): 表格的行代表记录(一条数据) 列代表字段或属性主键能唯一的代表某一条记录的列(或者叫字段)主键不能重复外键:表中的某一列的值是别的表的主键的值,该列就叫外键 ( 设置外键时要注意2个表的这俩列,必须类型保持一致,且一张表外键的值,必须在另一张表里有) MySQL常用的俩种表格类型 M…

Web前端学习开篇

首先想想自己喜欢干什么?想干什么?脑袋需要什么?什么对自己来说最重要?自己的规划? 本人数字媒体技术专业,想学Web前端开发有好长时间了,有一定的基础,所以就想进一步深入学习.谁料想,我怎么那么没有耐心,每次都下定决心好好学了,学一段时间,一遇到困难,就坚持不下去了,但是我真的不想放弃.所以现在我必须努力,不努力,将来一定后悔!下面是一位导师教导我的话: 1.咬牙坚持可以苦一阵子,收获一辈子.凡困难想办法克服,坚持寻找思路与方法,实现高效. 2.想要学会跑得快,要先学会爬--走--慢走--快走-…

前端学习记录之Javascript-DOM

简介为了快捷方便,在工作和项目中,一直都是使用的框架,比如jqeruy,vuejs,react等.然后在长时间使用框架后,往往有一个后遗症,就是对于原生的Javascript基本上已经不知道怎么写了(这是我个人情况,大神们肯定不是的). 因此,最近一段时间,本人都是在重新温习原生的Javascript,发现好多知识点都已经遗忘了:做为一个想往上进步的前端程序猿,这肯定是不行的.所以,在这里梳理一下,最近复习的一些知识点. DOM 操作 DOM 是 Document Object Model (…

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

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

前端学习之jquery/下

前端学习之jquery 一属性操作 html(): console.log($("div").html()); $(".test").html("<h1>hello</h1>"); 拿到的是标签 test(): console.log($("div").text()); $(".test").text("<h1>hello</h1>");…

前端学习之jquery

前端学习之jquery 1. 什么是jQuery对象? jQuery对象就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的.如果一个对象是jQuery对象,那么它就可以使用jQuery里的方法:$("test").html(); $("#test").html() //意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法 // 这段代码等同于用DOM实现代码: document.getEle…

前端学习-基础部分-css（一）

开始今日份整理 1.CSS的导入方式 CSS的导入方式主要是有内联模式,行内模式,外部样式表 1.1 内联模式内联模式:直接在<head>中直接写css,例如 p{ color:rgb(166, 226, 226); } #设置P标签的颜色 1.2 行内模式行内模式:在html中对应元素直接书写 <p style="color:cadetblue">第一段世界大势,合久必分,分久必合</p> 1.3 外部样式表外部样式表,主要是有俩种,一种为…

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

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

web前端学习python之第一章_基础语法(二)

web前端学习python之第一章_基础语法(二) 前言:最近新做了一个管理系统,前端已经基本完成, 但是后端人手不足没人给我写接口,自力更生丰衣足食, 所以决定自学python自己给自己写接口哈哈哈哈- 上一章内容:web前端学习python之第一章_基础语法(一) 函数的定义和使用内置函数 python有很多内置的有用的函数,可以直接调用,参考网址:https://docs.python.org/3/library/functions.html#abs 数据类型转换其他数据类型转为整数i…

【前端学习（一） —— HTML】的更多相关文章