web前端笔记（包含php+laravel）

概况熟悉HTML5.CSS3.JavaScript.ES6规范熟悉JQuery框架熟悉BootStrap 熟悉Less.Sass 熟悉Vue 熟悉Git postman Bootstrap 布局 container 固定容器 container-fluid 流体容器栅格系统 .col- 针对所有设备 .col-sm- 平板 - 屏幕宽度等于或大于 576px .col-md- 桌面显示器 - 屏幕宽度等于或大于 768px) .col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992…

web前端笔记整理，从入门到上天，周周更新

由于大前端知识点太多,所以一一做了分类整理,详情可见本人博客 http://www.cnblogs.com/luxiaoyao/ 一.HTML 1.注释格式: 作用: 1.解释说明代码的含义(代码量大,后期维护,便于新人交接) 2.调试代码 2.head内标签 //meta:定义关于HTML文档的元信息 <meta name="author" content="作者"> <meta name="de…

Web前端笔记整理

不使用Ajax无刷新提交: header('HTTP/1.1 204 No Content'); var a=document.createElement('img'); a.setAttribute('src','./01.php'); <form action="" target="regzone"></form> <iframe name="regzone" style="display:none&q…

WEB前端笔记

HTML+CSS部分 IE6使用PNG的透明问题解决关键字 DD_belatedPNG_0.0.8a.js Google或百度一下,下载之 <!--[if lte IE 6]> <script type="text/javascript" src="DD_belatedPNG_0.0.8a.js"></script> <script type="text/javascript"> DD_belat…

web前端笔记整理一---HTML

一 HTML标签1 页面及标记 1 HTML 文件结构拓展名 .html或者.htm <!DOCTYPE html>// 声明 <html> html 主体 <head></head> 头信息:浏览器,搜索引擎使用 title <body> // 用户看的 hello wrold hello wrold </body> </html> 2 语言字符集(Charsets)的信息 <meta http-equiv=&q…

web前端笔记整理---CSS

一 Css 文件 Css: 美化HTML的 4种选择器: 元素选择类选择 ID选择伪类选择常用的布局方案 1 写在什么位置能好用. 1.1 元素里面优先级是最高的 1.2 元素外,文件内优先级次之 1.3 外部文件引入方式:<style type="text/css"></style> 组成: 选择器:标签/元素选择器 class ID 伪类选择器属性选择器 (不常用) 组合形式: 层级选择器 .wangjianlin,.…

MOOC Web前端笔记（三）：CSS样式

CSS样式 CSS概述 CSS--Cascading Style Shees层叠样式表 HTML定义网页的内容,CSS定义内容的样式. 内容和样式相互分离,便于修改样式. CSS语法 p{ font-size:12px;/*字号*/ color:bule; /*文字颜色*/ font-weight:bold; /*加粗*/ } 注意:1.最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号. 2.为了使用样式更加容易阅读,可以将每条代码写在一个新行内. CSS添加方法 CSS添加方法-…

web前端学习笔记：文本属性

今天的web前端笔记主要讲述文本属性,希望能帮助到正在学习web前端开发的初学者们,废话不多说了,一起来看看文本属性的相关内容吧. 文本属性文本缩进将Web页面上的一个段落第一行缩进,这是一种最常用的文本格式化效果.有的网站在段落的第一个字母前放一个很小的透明图像,这些图像将文本推到后面来制造一种缩进文本的感觉.另外一些网站则使用完全标准的空格(spacer)标记.而在CSS中有一种更好地方法实现文本缩进.那就是text-indent属性. 通过使用text-indent属性,所有元素的第一…

极客Web前端开发资源大荟萃

前端开发已经成为当前炙手可热的技术之中的一个.本周我们除了给大家带技术相关资讯,另一些技术人员经常使用的站点.希望大家不要错过我们本周的内容.原文来自:极客标签为神马说敲代码是非常艰难的程序猿做一名优秀程序猿须要非常长的时间,你须要学习非常多东西,当遇到问题的时候,你须要知道向谁请教... Alien的笔记_WEB前端追逐者 baidufe,作者:赵先烈.专注web前端,包含html(5).css(3).javascript.php.smarty等.博客中会记录一些前端开发方面的小技巧,同…

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

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

【前端】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******************************…

《编写高质量代码－－Web前端开发修炼之道》读书笔记

前言这两周参加公司的新项目,采用封闭式开发(项目成员在会议室里开发),晚上加班到很晚,所以没时间和精力写原创博客了,今天就分享下这篇<编写高质量代码--Web前端开发修炼之道>读书笔记吧. 正文欲精一行,必先通十行. 在前端开发这个领域,一专多能更是非常必要的. table布局缺点: 代码量大,结构混乱: 标签语义不明确,对搜索引擎不友好. css布局:div+css,或者(x)html+css. 代码量少.结构精简.语义清新. 代码量少,浏览器端下载时间就会更短: 语义清晰就会对…

web前端学习笔记

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

web前端开发笔记（1）

一.HTML标签书写有哪些规范? 页面编码. 文档声明. 关键字与描述. 行内元素不能包含块级元素. a标签不能嵌套a标签. 标签名和属性必须用小写字母书写,属性必须加引号,标签必须闭合,单标签页必须闭合. 页面中不要用进行缩进,如需缩进,用css控制. html标签使用必须语义化. 要为img标签填写alt和title属性. 二.Http状态码 200 ok: 一切正常,对GET和POST请求的应答文档跟在后面 304 Not Modified: 客户端有缓冲的文档并发出了一个条件性的请求…

web前端学习（三）css学习笔记部分（8）-- SVN的介绍和应用、CSS动画效果、CSS3布局属性全接触

15.SVN的介绍和应用 15.1.SVN的介绍和应用课程概要将代码进行集中管理,有版本号的进行迭代,方便集体工作的build流程 15.2.SVN的介绍 SVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS.CVS(这两个已经不流行了),它采用了分支管理系统,它的设计目标就是取代CVS.互联网上很多版本控制服务已从CVS迁移到Subversion. TortoiseSVN是Subversion版本控制系统的一个免费开源客户端,可以超越时间的管理文件和目录.文件保存…

web前端学习（二）html学习笔记部分（11）-- 没有标号记录的知识合集

这一部分内容相对比较简单,就不按规矩排序了.(主要是网站上也没有这一部分内容的排序) 1. html5的非主体结构元素学习笔记(1)里面记录过. 2. html5表单提交和PHP环境搭建 1. php环境搭建详见我的下一篇随笔 2. html5表单的创建 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>…

web前端开发最佳实践笔记

一.文章开篇由于最近也比较忙,一方面是忙着公司的事情,另外一方面也是忙着看书和学习,所以没有时间来和大家一起分享知识,现在好了,终于回归博客园的大家庭了,今天我打算来分享一下关于<web前端开发最佳实践>这本书的读后感,以及梳理这本书中比较有用的核心知识点二.书之印象 <web前端开发最佳实践>其实说到底就是一本提高你的涉猎面的书籍,但是缺点就是这本书的标题是web前端开发最佳实践,但是其实也就是一些很基础的东西没有什么很高深的,所以前端最佳实践这个书名就是标题党,而且里面的东…

【前端】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前端安全---读书笔记

web前端安全---读书笔记粗略的看完了Web前端黑客技术揭秘前两章了,由于自身的前端功力不深,当然也是初涉前端的安全问题,所以实话还是有些问题看不太明白的.在豆瓣看到的这本书,名字真心有点很肥主流,所以这本书的名气确实在豆瓣上的评分也不高,挑这本书的原因很大程度是由于它的出版时间是2013年,而有名气的白帽子讲web安全却是2012年出版的,就我目前的感知而言,前端的发展速度极快,很多之前的东西很有可能之后就被淘汰,涉及到安全性就更是了. 第一章介绍了web安全的几个关键点: 浏览器的…

《Web前端开发修炼之道》-读书笔记CSS部分

如何组织CSS-分层应用 css 的能力分两部分:一部分是css的API,重点是如何用css控制页面内元素的样式:另一部分是css框架,重点是如何对 css 进行组织.如何组织 css 可以有多种角度,例如按功能划分,或者按区块划分.这里讲一下 base.css + common.css + page.css 的组织方法.将网站内的所有样式,按照职能分成三大类:base.common.page,这三者是层叠结构. 1.base 层-精简通用位于三者的最底层,提供 css reset 功能和粒…

《编写高质量代码：Web 前端开发修炼之道》笔记与读后感

编写高质量代码:Web 前端开发修炼之道/曹刘阳著. —北京:机械工业出版社,2010.5 第一版涉及到的知识点: 1. CSS Sprites 在国内很多人叫css精灵,是一种网页图片应用处理方式.它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了.对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题. 2. border-collapse 属性设置表格的…

web前端开发笔记（2）

一.什么是作用域. 所有变量都存在于一个执行环境中(也称作用域),这个执行环境决定了变量的生命周期,以及哪一部分代码可以访问其中的变量.总结: 执行环境有全局执行环境和函数执行环境. 每次进入一个新执行环境,都会创建一个用于搜索变量和函数的作用域. 函数的局部环境不仅有权访问函数作用域中的变量,而且有权访问其父环境,乃至全局环境. 全局环境只能访问在全局环境中定义的变量和函数,而不能直接访问局部环境中的任何数据. 变量的执行环境有利于确定应该何时释放内存. 二.什么叫做页面重构. 页面重构可以理…

web前端学习（三）css学习笔记部分（5）-- CSS动画--页面特效、HTML与CSS3简单页面效果实例

CSS动画--页面特效部分内容目前仅仅观看了解内容,记录简单笔记,之后工作了进行内容的补充 7. CSS动画--页面特效 7.1 2D.3D转换 7.1.1 通过CSS3转换,我们能够对元素进行移动.缩放.转动.拉长或拉伸转换是使元素改变形状.尺寸和位置的一种效果可以使用2D.3D来转换元素 7.1.2 2D转换方法 translate() rotate() scale() skew() matrix() 7.1.3 3D转换方法: rotateX() rotateY() 7.2 …

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

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

【web前端笔记（包含php+laravel）】的更多相关文章