ssm_前端学习笔记

前端学习笔记1 HTML的6种空格

另发表于Levi.Blog和OSChina整理于网络  HTML提供了6种空格（spaceentity），它们拥有不同的宽度。  非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其它几种空格（ 、 、 、‌、‍）在不同浏览器中宽度各异。   叫不换行空格，全称为No-BreakSpace，它是最常见且使用最多的空格，
fsfashoj·2017-01-21 10:09

前端学习笔记1 HTML的6种空格

另发表于Levi.Blog和OSChina整理于网络  HTML提供了6种空格（spaceentity），它们拥有不同的宽度。  非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其它几种空格（ 、 、 、‌、‍）在不同浏览器中宽度各异。   叫不换行空格，全称为No-BreakSpace，它是最常见且使用最多的空格，
fsfashoj·2017-01-21 10:09

Web 前端学习笔记之 HTML 入门（3）

HTML表单HTML表单用于搜集不同类型的用户输入。标签定义了HTML表单。用户名：密码：登录form元素中的属性列表属性值描述accept-charsetUTF-8/ISO-8859-1/gb2312规定服务器可处理的表单数据字符集actionURL规定当提交表单时向何处发送表单数据methodGET/POST规定用于发送表单数据的HTTP方法target_blank/_self（默认）/_pa
GongchuangSu·2016-12-30 09:27

Web 前端学习笔记之 HTML 入门（2）

HTML链接（超链接）超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。可以通过使用标签在HTML中创建链接，有两种使用标签的方式：通过使用href属性-创建指向另一个文档的链接通过使用name属性-创建文档内的书签URL格式格式说明：协议（protocol）：指定使用的传输协议，如https、http、file等主机名（host）
GongchuangSu·2016-12-30 09:32

Web 前端学习笔记之 HTML 入门（1）

HTML简介什么是HTMLHTML是一种使用标签来描述页面的内容和结构的语言。HTML指的是超文本标记语言（HyperTextMarkupLanguage）HTML不是一种编程语言，而是一种标记语言(markuplanguage)标记语言是一套标记标签(markuptag)HTML使用标记标签来描述网页HTML的发展史HTML的产生1991年，TimBerners-Lee编写了一份叫做“HTML标
GongchuangSu·2016-12-28 22:39

前端学习笔记--CSS--之水平垂直居中

[转]来自于慕课网学习整理。CSS学习--水平垂直居中方法一、水平居中设置1、行内元素如果被设置元素为文本、图片等行内元素时：水平居中是通过给父元素设置text-align:center来实现的。ps:text-align只用于块级元素的内联内容。html代码：我想要在父容器中水平居中显示。css代码：.txtCenter{text-align:center;}2、定宽块级元素满足定宽（宽度wid
chiweiya9693·2016-12-28 13:00

我的前端学习笔记16——数组，字符串，数学函数

问答一，数组方法里push、pop、shift、unshift、join、split分别是什么作用。（*）1.push：为数组结尾添加一个新数。具体用法如下图：2.pop：为数组结尾删除一个新数。具体用法如下图：3.shift：为数组开头删除一个新数。具体用法如下图：4.unshift：为数组开头添加一个新数。具体用法如下图：5.join：为数组以某种符号分割之后转化为字符串。具体用法如下图：6.
HARRISKING·2016-12-16 19:03

前端学习笔记之ajax

一.什么是ajax/*AJAX是什么-------------------------------------------------AJAX：异步JavaScriptandXML通俗的讲，AJAX就是JS通过一个网址去加载数据，这个过程通常是用户不可见的。传统的网页（不使用AJAX）如果需要更新内容，必需重载整个网页面。AJAX加载过来的数据，哪些是JS能直接处理的？HTMLCSSJSTEXTP
a794857535·2016-11-22 21:13

前端学习笔记（1）

现在已经接近六月份了，暑期实习还没找到==作为一枚渣硕真的给母校丢脸啊T_T好吧，回归正题，上周面试阿里校招，问我文档流。。。我不知道，不知道，不知道。我还学什么前端呜呜，面试真的是给我狠狠地教训，因为学习前端这么长时间，才发现原来自己只是会解决问题，不懂得网上查查，真正的实现原理和最实质的东西都没有掌握（其实我也不知道什么算本质）HTML文档流：从窗体自上到下的一行一行的，每行从左到右的排列元素
Cathy_Liu·2016-05-26 15:28

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

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

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

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

前端学习笔记

1.Bootstrap1.1Bootstrap包的内容基本结构：Bootstrap提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap基本结构部分详细讲解。CSS：Bootstrap自带以下特性：全局的CSS设置、定义基本的HTML元素样式、可扩展的class，以及一个先进的网格系统。这将在BootstrapCSS部分详细讲解。组件：Bootstrap包含了十几个可重用的组件
太宰夜·2016-04-26 00:00

WEB前端学习笔记 五

接web前端学习笔记第四篇，此篇为web学习笔记五，在此感谢您的采集和转发，但请注明文章出自网知博学。
houjionghui·2016-04-19 19:38

WEB前端学习笔记 五

接web前端学习笔记第四篇，此篇为web学习笔记五，在此感谢您的采集和转发，但请注明文章出自网知博学。
houjionghui·2016-04-19 19:38

WEB前端学习笔记 四

接上一篇，web学习笔记四，在此感谢您对此篇笔记的认可，但转发时请注明文章出自网知博学。2.0html的语法格式html的标签要写在尖括号中：我在h1标签中，我就是标题那么h1标签中所包裹的文字，就标记成标题了。通过浏览器的解析后在页面上显示出来的效果就是字体加粗，加黑，和word中的标题性质一样！大家知道word中的标题1、标题2、标题3……..吗？html中的标题标签按照标题的大小从-，定义最
houjionghui·2016-04-16 19:17

WEB前端学习笔记 三

接上一篇，web学习笔记三，web学习笔记刚刚发出，就发现被其他网站采集了，在此感谢您的采集和转发，但请注明文章出自网知博学。1.7 开发工具的选择增强文本编辑器：EditPlus、Notepad++特点：比较小、占用系统资源比较少、代码颜色高亮显示、但没有代码自动补功能IDE：(IntegratedDevelopmentEnvironment,集成开发环境)。IDE集成开发环境（简称IDE）开发
houjionghui·2016-04-15 18:06

WEB前端学习笔记 三

接上一篇，web学习笔记三，web学习笔记刚刚发出，就发现被其他网站采集了，在此感谢您的采集和转发，但请注明文章出自网知博学。1.7开发工具的选择增强文本编辑器：EditPlus、Notepad++特点：比较小、占用系统资源比较少、代码颜色高亮显示、但没有代码自动补功能IDE：(IntegratedDevelopmentEnvironment,集成开发环境)。IDE集成开发环境（简称IDE）开发环
houjionghui·2016-04-15 18:06

WEB前端学习笔记 二

1.4 JavaScript和Jquery能做什么？JavaScript是Netscape公司开发的一种基于对象和事件驱动的脚本语言，并且可在所有主要的浏览器中运行IE、Firefox、Chorme、Opera，JavaScript可用来向HTML页面添加交互行为，如表单数据合法性验证、网页特效、动画效果、数值计算，例如你现在浏览的网知博学的首页面上的图片循环播放和导航分类，淘宝和京东的商品分类菜
houjionghui·2016-04-14 17:31

WEB前端学习笔记 二

1.4JavaScript和Jquery能做什么？JavaScript是Netscape公司开发的一种基于对象和事件驱动的脚本语言，并且可在所有主要的浏览器中运行IE、Firefox、Chorme、Opera，JavaScript可用来向HTML页面添加交互行为，如表单数据合法性验证、网页特效、动画效果、数值计算，例如你现在浏览的网知博学的首页面上的图片循环播放和导航分类，淘宝和京东的商品分类菜单
houjionghui·2016-04-14 17:31

WEB前端学习笔记 一

最近时间比较充裕，整理了一下学习过的笔记，此篇笔记包含了：Html、Css、JavaScript、Jquery。以及使用帝国CMS或是织梦CMS建立自己的网站，也许也会整理一下PHP的笔记，如果时间允许会整理完全。虽然笔记是从最基础的开始，但是，并不包含电脑的基础知识，所以你必须已经掌握了一些电脑的基本操作，比如开关机，你的电脑用的是什么操作系统，至少也要会用word和wps吧。浏览器是做什么的，
houjionghui·2016-04-13 20:46

H/C/J 前端学习笔记 - I

1.AngularJS如何条件设置元素的classng-class="{class}[condition]"example：ng-class="{1:'col-md-12',2:'col-sm-6'}[value]"ng-classsupportsanexpressionthatmustevaluatetoeithera.astringofspace-delimitedclassnames,orb
天蝎鱼·2016-02-02 10:00

Web前端学习笔记

...  1.JS中的：（1）continue语句（带有或不带标签引用）只能用在循环中。（2）break语句（不带标签引用），只能用在循环或switch中。（通过标签引用），break语句可用于跳出任何JavaScript代码块： ===============================================================================2.Jav
赵康·2015-12-02 19:00

前端学习笔记(zepto或jquery)——对li标签的相关操作（四）

对li标签的相关操作——五种方式给奇数项li标签设置样式 demo演示： 1 2 3 4 5 6 7   详解： 通常我们为多个li添加样式时常用的是使用filter，但我们在第三节中可以看到filter可以和each等在某些场合替换的，那是否我们可以用each来实现呢，答案是肯定的，但也是有差异性的。 下面是常用的三种方
·2015-11-13 17:13

前端学习笔记(zepto或jquery)——对li标签的相关操作（二）

对li标签的相关操作——8种方式获取li标签的第一个元素的内容 1、alert($("ul>li").first().html());2、alert($('ul>li').eq(0).html());3、alert($('ul>li:nth-child(1)').html()); 4、alert($('ul').children()[0].innerHTM
·2015-11-13 17:12

前端学习笔记(zepto或jquery)——对li标签的相关操作（三）

对li标签的相关操作——八种方式遍历li标签并获取其值 $("ul>li").forEach(function(item,index){ alert(index+":"+ item.innerHTML); }); $("ul>li").each(f
·2015-11-13 17:12

前端学习笔记(zepto或jquery)——对li标签的相关操作（一）

对li标签的相关操作——点击li标签进行样式切换的两种方式 Demo演示： 1 2 3 4   详解： 第一种方式（以ul为基础）： $("ul").bind("click", function(e) { $(e.target).closest(&quo
·2015-11-13 17:10

前端学习笔记(zepto或jquery)——对li标签的相关操作（五）

对li标签的相关操作——has与find的差异性 demo代码： <ul> <li><p>1</p></li> <li>2</li> <li>3</li> <li>4</li>
·2015-11-13 16:17

前端学习笔记--style，currentStyle，getComputedStyle的区别和用法

在看博客的时候看到了这个这3个家伙-style，currentStyle，getComputedStyle。以前学习的时候没碰到过，既然现在碰到了，就小小的研究了一下。发现了些许问题，也许是时代久远，也有可能是自己孤陋寡闻，但它实实在在的让我感到迷惑。虽说陶渊明说，读书不求甚解，但作为想成为一名优秀前端的前端开发者，还是要弄个明白，要不然睡不着觉啊！ 先做个铺垫吧。说说层叠样式表的三种形式(三种
·2015-11-12 13:46

前端学习笔记一：什么是W3C？

俗话说好记性不如烂笔头，最近在学习前端技术，一些理论性的知识虽然理解，但有时确不能精准的用语言表述出来，那就索性记下来吧，以备以后时常查看：   我们平时说的W3C，其实是World Wide Web Consortium的缩写，中文是W3C组织或者万维网联盟，W3C这个组织做什么的呢？很简单，就是出网页标准的。那么有W3C组织出的标准就被称为W3C标准，那么符合W3C标准的页面就是
·2015-11-08 12:05

web前端学习笔记---scrollWidth,clientWidth,offsetWidth的区别

通过一个demo测试这三个属性的差别。 说明： scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。 clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。 offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。   该demo就在页面中放一个textarea
·2015-11-06 07:30

前端总结- 浏览器

总结一下前端学习笔记，好记性不如何烂笔头。   1. 前端的运行环境。    1.1 浏览器如何渲染出页面。
·2015-11-01 10:17

web前端学习笔记---实现雪花飘落的效果

看了javascript网页特效实例大全中的图片飘下的效果实例，觉得值得动手学习下。 就把图片改成雪花图，完成一个雪花飘下的效果。 并且，其中有些内容比较陈旧了，那么就学者改掉吧。 包括： 1.对left和top的操作仅支持IE浏览器，这咋行，必须得支持chrome。 2.控制图片下落的过程还要去检索element，不好吧，那就改成数组维持，直接操作数组中维持的对象，启不更快。 3.向
·2015-10-31 18:21

前端学习笔记汇总（之merge方法）

学习笔记 关于Jquery的merge方法 话不多说，先上图 使用jquery时，其智能提示如上，大概意思就是合并first和second两个数组，得到的结果是first+(second去重后的结果)的并集 接下来，做出测试： 1 $(function () { 2 var arr1 = ['apple', 'orange',1, 'cherry', 'orange'];
·2015-10-31 08:16

Web前端学习笔记：Bootstrap框架

　　很久之前就有很多人给我推荐twitter的Bootstrap框架，但是直到前几天我才真正学习了下Bootstrap，的确是相当棒的框架，至少从视觉体验上超越了很多以前碰到了前端UI框架。今天我要聊聊Bootstrap，最后给出一份我整理的Bootstrap的UI的demo，以及我自己使用Bootstrap开发的例子。 　　下面我在这里简单的介绍下Bootstrap框架。 　　Bootstr
·2015-10-27 13:40

前端学习笔记--HTML

本笔记来自同学笔记：https://li-xinyang.gitbooks.io/frontend-notebook/content/chapter1/03_01_html_intro.html一 html简史：二语法 每个HTML文档应包含一下基本成分： Document 使用HTML5声明文档DOCTYPE可以确保浏览器以可靠的模式呈现页面，同时告诉HTML验证器根据HTML5允
wigan·2015-10-19 16:00

web前端学习笔记（2）——调色板简单初始版

HTML代码自制调色板html{width:100%;height:100%;margin:0;}body{idth:100%;height:100%;margin:0;color:#FFFFFF;}转换颜色JavaScript代码functioncolor(input1,input2,input3){varshow=document.getElementById('show');varco1=p
sqchenxiyuan·2015-09-26 16:43

web 前端学习笔记（1）

HTML5学习 第一个网站 学习1 helloworld hello®world δ helloworld aaaaaaaa bbbbbbbbbb1 aaaaaaaaaa2 bbbbbbbbbb2 bbbbbbbbbb1 aaaaaaaaaa2 bbbbbbbbbb2 bbbbbbbbbb1 aaaaaaaaaa2 bbbbbbbbbb2 第一个
cometwo·2015-09-04 15:00

web 前端学习笔记

body{background:#ff0000url(img/QQ图片20150821075230.ico)no-repeatfixedcenter;//no-repeatfixedcenter无重复固定中心}p.bottommargin{margin-bottom:205px;color:black;border:solidthickgreen;}Thisisaparagraphwithnoma
cometwo·2015-08-24 19:40

web 前端学习笔记

  body{ background:#ff0000url(img/QQ图片20150821075230.ico)no-repeatfixedcenter;  //no-repeatfixedcenter 无重复固定中心}p.bottommargin{margin-bottom:205px;color:black;border:solidthickgreen;}Thisisaparagraphwi
cometwo·2015-08-24 19:00

前端学习笔记之页面制作（一）——PS切图

摘要前端工程师在在构建页面的时候，往往是从设计师那里拿到.psd格式的设计稿，所以在psd文件中切出页面所需组件并获取相关尺寸和信息就成了构建页面的第一步。这篇文章就描述了切图的整体流程以及一些注意事项，供学习参考。使用PS工具首选项设置：设置->首选项->单位与标尺：像素！常用面板：信息面板（F8）：显示尺寸信息以及光标位置图层面板（F7）：修改图层信息咯历史记录面板：无限回退常用工具：移动工具
李小辉爱学习·2015-06-03 15:00

前端学习笔记之页面制作（三）——HTML

摘要通过网易云课堂前端微专业的学习，梳理回顾了关于HTML的基础知识，其中包括一些以前听都没听过的知识点（比如说iframe和热点图），还有一些个人觉得比较生疏或者需要注意的知识点，于是记录一下，供以后复习参考。简介HTML文档声明html5：HTML文档头部meta 标签全局属性title：在鼠标hover上去的时候显示的值章节标签文档结构： 文本标签链接标签：创建指
李小辉爱学习·2015-06-03 15:00

前端学习笔记之页面制作（二）——开发环境Sublime Text2（持续更新）

摘要sublimetext2已经用过很久了，合理利用这款编辑器还是能够很好地提高开发效率的，这里总结一下使用心得以及一些资源链接。快捷键（常用）Gotoanything(Ctrl+P)直接输入模糊匹配的内容，能定位并打开相应文件；:+行数：定位到具体的一行（Ctrl+G）@+符号（js函数名，css类名）：定位到某一个符号处(Ctrl+R)#+关键字：定位到关键字(Ctrl+;)命令面板（Ctrl
李小辉爱学习·2015-06-03 15:00

web前端学习笔记(CSS盒子的定位)

相对定位    使用相对定位的盒子的位置常以标准流的排版方式为基础，然后使盒子相对于它在原本的标准位置偏移指定的距离。相对定位的盒子仍在标准流中，它后面的盒子仍以标准流方式对待它。   使用relative，即相对定位，除了将position属性设置为relative之外，还需要指定一定的偏移量，水平方向通过left或者right属性来指定，竖直方向通过top和bottom来指定。以下为后面实验的
阮馨薇·2014-07-26 20:00

web前端学习笔记(CSS固定宽度布局)

一、单列布局：这是最简单的一种布局方式，之所以给出该示例，还是为了保证本篇博客的完整性。 固定宽度布局 #header,#pagefooter,#content{ border:1pxsolidred; margin:10pxauto10px10px; padding:5px; width:360px; } PageHeader 这是一行文本，这里作为样例，显示在布局框中。 这是一行
king_tt·2013-09-30 10:00

web前端学习笔记(CSS固定宽度布局)

一、单列布局：    这是最简单的一种布局方式，之所以给出该示例，还是为了保证本篇博客的完整性。 固定宽度布局 #header,#pagefooter,#content{ border:1pxsolidred; margin:10pxauto10px10px; padding:5px; width:360px; } PageHeader 这是一行文本，这里作为样例，显示在布局框中。
binyao02123202·2013-09-30 10:00

web前端学习笔记(CSS变化宽度布局)

web前端学习笔记(CSS变化宽度布局)一、“1-2-1”单列变宽布局：   对于变宽度的布局，首先要使内容的整体宽度随浏览器窗口宽度的变化而变化。
·2013-09-30 09:00

web前端学习笔记(CSS固定宽度布局)

web前端学习笔记(CSS固定宽度布局)一、单列布局：    这是最简单的一种布局方式，之所以给出该示例，还是为了保证本篇博客的完整性。
·2013-09-29 14:00

web前端学习笔记

web前端学习笔记(CSS盒子的定位)相对定位    使用相对定位的盒子的位置常以标准流的排版方式为基础，然后使盒子相对于它在原本的标准位置偏移指定的距离。
·2013-09-23 11:00

CSS盒子的浮动

web前端学习笔记(CSS盒子的浮动)在标准流中，一个块级元素在水平方向会自动伸展，直到包含它的元素的边界；而在竖直方向和兄弟元素依次排列，不能并排。
·2013-09-18 11:00

web前端学习笔记

瀑布流效果目前应用很广泛,像花瓣,新浪轻博,蘑菇街,美丽说等好多网站都有.也有好多支持该效果的前段框架,今天学习了一下这种效果的实现,不依赖插件,自己动手分析实现过程,为了便于叙述清楚,分析中的一些名词为自己拟定,不当之处还望见谅. 思路分析步骤一:构建成行元素 + 寻找新增元素追加位置瀑布流所有元素的宽度是固定的,我们用浏览器的宽度除以每个瀑布流块的宽度,就是每一行可容纳的瀑布流块的个数.因为,
dyllove98·2013-08-25 12:00
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他