随笔分类 -  关于前端开发的零碎知识点

记录，消化，应用
重温Bootstrap
摘要：预热 ★ 学习要点 ★ 引用注意点 页面布局 ♣ Boostrap的“网格系统（Grid System）” Bootstrap把页面分为 12 列，通过给HTML块元素指明它所占的列数 使用Bootstrap网格系统实现页面布局的要求： 示例 ♣ Bootstrap的响应式Web设计 §实现办法 1 阅读全文
posted @ 2016-12-11 22:11 Jener_Yan 阅读(411) 评论(0) 推荐(0)
<textarea>输入框提示文字
摘要：背景 看了过时的资料，花费大把时间，不过也有收获，还是写写吧！ 分析 有同学可能想到直接在<textarea>标签内输入帮助文字，但是这又有一个新问题——因为<textarea>设置了默认内容，如果用户不点击输入框（更改输入框的文本），而直接提交，就把默认的提示内容提交到后台了。 参考其他同学的解决 阅读全文
posted @ 2016-11-29 20:44 Jener_Yan 阅读(25496) 评论(3) 推荐(1)
局部（或全局）设置<a>标签的target属性
摘要：对于超链接<a>标签，target属性的设置是比较关键的，在不同的用户场景下选用适合的新页面载入方式，可以大大的提高访客的体验感。我们一般对target的设置可以挨个来，但如果我们需要在局部或者全局对所有的<a>标签target属性进行设置，那要怎么做呢？ ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ 阅读全文
posted @ 2016-11-10 20:14 Jener_Yan 阅读(5263) 评论(1) 推荐(1)
文本溢出部分显示为省略号
摘要：前些天做个页面需要实现容器内文本溢出部分显示为省略号（...）的功能。我搜了下相关的资料，比较全的资料应该是张大神写的《关于文字内容溢出用点点点（...）省略号表示》 结合各类资料，我整理出效果比较好的几个实现办法。另外，个人感觉这些资料都是比较久远的。不知当下主要的实现办法是什么望各位前辈分享，谢 阅读全文
posted @ 2016-11-10 16:55 Jener_Yan 阅读(1219) 评论(0) 推荐(0)
关于window.onload，window.onbeforeload与window.onunload
摘要：★ window.onload 当页面加载完毕的时候执行，即在当前页面进行其他操作之前执行。如，刚进入某个网页的弹窗提示。 ( 与window.onload相近的可以参考我写的另外一篇记录“比较body.onload(function())、$(document).ready(function()) 阅读全文
posted @ 2016-10-20 20:54 Jener_Yan 阅读(4810) 评论(0) 推荐(1)
浏览器对象模型（BOM，Browser Object Model）
摘要：本文内容 1.概述 2.windows与document 3.对话框 4.定时调用 5.URL解析与访问历史 6.浏览器和屏幕信息 ★概述 “浏览器对象模型（Browser Object Model，BOM）”是由浏览器实现的可供JavaScript程序调用的一组对象，通过它们，Web开发与设计者使 阅读全文
posted @ 2016-10-08 18:23 Jener_Yan 阅读(1050) 评论(0) 推荐(0)
关于定时器执行代码的小知识点
摘要：这两天看到浏览器对象模型的定时调用，系统自带的两个定时函数——window.setInterval(code,interval),window.setTimeout(code,time)。 其中code都表示要执行的代码，那么问题来了，这里的执行代码有什么格式要求呢？ 我自己做了下测试，一般来说，要 阅读全文
posted @ 2016-10-08 15:16 Jener_Yan 阅读(1434) 评论(0) 推荐(0)
比较body.onload(function())、$(document).ready(function())与$(windows).load(function)
摘要：原理对比： body.onload(function())是优先将document的DOM渲染，即将页面所有的元素（包括html标签以及所引用到的图片，flash媒体等媒体文件）加载完成，然后再执行页面的脚本； $(windows).load(function())的加载效果与body.onload 阅读全文
posted @ 2016-10-01 22:11 Jener_Yan 阅读(652) 评论(0) 推荐(0)
关于Chrome Dev Tool
摘要：★注意点一：函数名，方法名要拼写准确; 阅读全文
posted @ 2016-09-29 20:14 Jener_Yan 阅读(169) 评论(0) 推荐(0)
网页布局二三事
摘要：网页布局技术的演变 表格Tbale布局 → Div + CSS浮动 → Flex Box布局 响应式设计 即网页能够适应多种大小的屏幕，遵循“响应式”设计原则，CSS3引入了一种新的页面方式——“Flex Box 布局”。 ★设计总原则★ “大块套小块”，“小块套更小的块”，先绘制出页面布局草图，定 阅读全文
posted @ 2016-09-17 14:10 Jener_Yan 阅读(224) 评论(0) 推荐(0)
关于URL、Web的一些概念
摘要：关于URL ★ 书写路径时，网络文件用斜杠“/”划分不同层级，本地文件管理系统用反斜杠“\”,分隔不同层级； 如下图示 ★ 绝对/相对URL “绝对URL”是指资源的完整的地址，通常以“http://”打头； “相对URL”是指Internet上资源相对于当前页面的地址，它包含从当前页面指向目标资源 阅读全文
posted @ 2016-09-16 21:47 Jener_Yan 阅读(867) 评论(0) 推荐(0)
URL与图像格式
摘要：绝对/相对URL “绝对URL”是指资源的完整的地址，通常以“http://”打头； “相对URL”是指Internet上资源相对于当前页面的地址，它包含从当前页面指向目标资源位置的路径，不以“http://”打头； 相对URL中的句点： “绝对URL”是指资源的完整的地址，通常以“http://” 阅读全文
posted @ 2016-08-15 23:57 Jener_Yan 阅读(447) 评论(0) 推荐(0)
MIME（Multipurpose Internet Mail Extensions）的简介
摘要：多用途互联网邮件扩展类型（MIME） 作用：用于标识Web资源类型（Multipurpose Internet Mail Extensions，MIME） 效果：Web上MIME为每种类型的资源提供一个统一的标准字符串，比较完美地解决了资源类型的表示问题。 使用方法：MIME中的类型字符串 = 类型 阅读全文
posted @ 2016-08-12 21:35 Jener_Yan 阅读(309) 评论(0) 推荐(0)
介绍两种风格的URL
摘要：两种风格的“动态资源”——统一资源定位符（Uniform Resource Lactor，URL） 当前互联网上主要有两种主要风格的URL： 第一种直接在URL中知名文件（比如xxx.php，xxx.aspx等），可称为“具体的”URL，其响应通常基于一个网页模版而生成的。 如下图 第二种是更强调U 阅读全文
posted @ 2016-08-12 21:18 Jener_Yan 阅读(692) 评论(0) 推荐(0)
前端常用到的颜色值和长度值设置
摘要：颜色值 在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 1、英文命令颜色 前面几个小节中经常用到的就是这种设置方法： p{color:red;} 2、RGB颜色 这个与 photoshop 阅读全文
posted @ 2016-07-27 20:37 Jener_Yan 阅读(633) 评论(0) 推荐(0)
meta元素常用属性整理
摘要：感谢菜鸟教程 参考资料：http://www.runoob.com/w3cnote/meta.html 阅读全文
posted @ 2016-07-27 16:05 Jener_Yan 阅读(243) 评论(0) 推荐(0)