随笔分类 -  前端进阶的小问题汇总

一些细小的前端细节往往决定个一个交互的好坏!
meta 详解,html5 meta 标签日常设置(转)
摘要:另外,建议X-UA这样写 作者: JasNature出处: http://NatureSex.cnblogs.com 本文版权归作者和博客园共有,欢迎转载,但必须保留此段声明,且在文章页面明显位置给出原文连接。 如果本文有什么不妥或者错误的地方,请您一定要在评论中指出,以免误人子弟!非常感谢您的不吝 阅读全文

posted @ 2017-10-10 19:22 码的艺术家 阅读(134) 评论(0) 推荐(0) 编辑

HTML5的存储
摘要:1.客户端存储的两种方式 localStoryage:没有时间限制的。 sessionStoryage:针对一个session的数据存储。(浏览器关闭掉之后就会销毁) 2.localStoryage 原理:当使用localStoryage存储的时候,会存储在浏览器(这里以谷歌浏览器为例)的Resou 阅读全文

posted @ 2017-09-27 11:18 码的艺术家 阅读(256) 评论(0) 推荐(0) 编辑

理解js中的call()和apply()
摘要:其实理解call和apply最重要的就是知道我们为什么要用这两个方法。 假设存在这样一个情况: 这是我们常用的oop。假设现在我想设置一个woman的对象,但是关于say的方法不想重新定义,这是可以直接拿cat中的say方法,怎么调用呢,就是使用call和apply方法了。 置于call和apply 阅读全文

posted @ 2017-08-20 10:25 码的艺术家 阅读(120) 评论(0) 推荐(0) 编辑

js中typeof和instanceof用法区别
摘要:转载自: 一个人的博客 typeof和instanceof的区别 typeof和instanceof都可以用来判断变量,它们的用法有很大区别: typeof会返回一个变量的基本类型,只有以下几种:number,boolean,string,object,undefined,function;例: a 阅读全文

posted @ 2017-08-10 09:21 码的艺术家 阅读(169) 评论(0) 推荐(0) 编辑

angular.element方法汇总
摘要:转载 addClass()-为每个匹配的元素添加指定的样式类名after()-在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点append()-在每个匹配元素里面的末尾处插入参数内容attr() - 获取匹配的元素集合中的第一个元素的属性的值bind() - 为一个元素绑定一个事件 阅读全文

posted @ 2017-07-17 14:35 码的艺术家 阅读(125) 评论(0) 推荐(0) 编辑

href="#"和href="javascript:void(0)"的区别
摘要:href="#"是包含了位置信息的,它默认的是#top。如果页面很长的话可以使用#+id来定位具体的位置。 而href="javascript:void(0)"仅仅是一个死链接,点击之后是没有反应的。 阅读全文

posted @ 2017-06-20 15:54 码的艺术家 阅读(145) 评论(0) 推荐(0) 编辑

前端面试题汇总(长期更新)
摘要:汇总来自网络教程,仅作为参考 1.浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层 分别是:HTML、CSS、JavaScript 作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务。 2.HTML5的优点与缺点? 优 阅读全文

posted @ 2017-05-23 16:29 码的艺术家 阅读(178) 评论(0) 推荐(0) 编辑

margin:0 auto和text-aglin:center的区别
摘要:转载自:郑文亮 仅供学习参考 基本概念: 1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。 Example: div { text-align: 阅读全文

posted @ 2017-05-17 14:42 码的艺术家 阅读(1349) 评论(0) 推荐(0) 编辑

js中的正则表达式
摘要:1.概念 什么是正则表达式,先来码上定义,了解了解。 正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 Regular:有规律的,Expression:表达。有规律的表达就是正则 阅读全文

posted @ 2017-05-13 15:53 码的艺术家 阅读(216) 评论(0) 推荐(0) 编辑

border和box-shadow
摘要:1.写在前面 border和box-shadow在css中是非常重要的属性,掌握好border,可以增加用户交互性。 2.border-style 用于设置边框样式: 单独给每个边设置边框: 边框的简写: 3.box-shadow 属性: box-shadow:h-shadow v-shadow b 阅读全文

posted @ 2017-05-13 11:54 码的艺术家 阅读(578) 评论(0) 推荐(0) 编辑

css中的伪类
摘要:1.伪类的语法 selector:pseudo-class {property:value;} 对应的中文:选择器:伪类{属性:值;} 2.anchor伪类 3.css伪类 css伪类就是css与伪类配合使用。 语法: selector.class:pseudo-class {property:va 阅读全文

posted @ 2017-05-13 10:04 码的艺术家 阅读(196) 评论(0) 推荐(0) 编辑

css的选择器汇总
摘要:1.写在前面 可能对于初学者来说,掌握了几种基本的选择器,而对于css提供的更加强大的选择器没有太多接触,但是随着学习的深入,代码量的增加,越发觉得css的其他选择器的重要性凸显而出。使用更加强的选择器,不仅方便而且大大减少了代码量,这里就总结的css的各种选择器。 当然这里只是列举了一部分,css 阅读全文

posted @ 2017-05-12 15:42 码的艺术家 阅读(202) 评论(0) 推荐(0) 编辑

HTML5响应式布局
摘要:1.含义 网站兼容多个终端。比如以前没有使用响应式布局的网站,你在不同的浏览器,或者计算机和手机看到的(大小)效果是不一样的(这种不一致性不是前端开发所想要的结果)。而使用了响应式布局,就可以兼容各个浏览器,消除不一致性。 2.实现 css媒介查询: 使用方法: 3.代码示例 实现响应式布局其实很简 阅读全文

posted @ 2017-05-12 11:01 码的艺术家 阅读(840) 评论(0) 推荐(0) 编辑

HTML5增强的页面元素
摘要:1.写在前面 HTML5中新增了许多的标签元素,但是很多标签给人的直观感受就是,并没有什么卵用,包括我之前的博客介绍的HTML新增的一些标签,都可以用div表现出来啊。其实HTML5最大的特点之一就是语义化。以前很多时候看代码不知道这个div包括的内容是干什么的,但是现在比如form,你知道提交表单 阅读全文

posted @ 2017-05-11 20:17 码的艺术家 阅读(216) 评论(0) 推荐(0) 编辑

改良与增加的input元素
摘要:1.value与name 对于初学者input中value和name是两个比较容易难记的概念。 先来介绍name,name常常和id放在一起讨论,很多人说name没什么用,毋庸置疑,这是错误的思想。 在MDN中,对于name的定义是: The name of the control, which i 阅读全文

posted @ 2017-05-11 19:32 码的艺术家 阅读(140) 评论(0) 推荐(0) 编辑

html5中表单新增元素与属性
摘要:form 很多初学者对与form不是很理解,其实从html的MDN中可以看出,form是用在前后台的交互上的,比如我需要把表单的内容(input里的内容提交到后台),这是就需要input包裹在form里面。 form属性中action就是表单要提交到的地方,method是提交的方法(有get和pos 阅读全文

posted @ 2017-05-11 10:34 码的艺术家 阅读(244) 评论(0) 推荐(0) 编辑

position中的absolute和relative
摘要:1.文档流,普通流和常规流 在看别人写的博客里面和一些教程关于定位会出现文档流,普通流和常规流这三个术语,一直不懂他们的意思和区别。其实!这三个术语表达的是一个意思(在官方文档中都是document flow),不过因为中译本的原因,不同的书籍采用了不同的翻译。那么这三个术语的意思是什么呢?意思就是 阅读全文

posted @ 2017-05-11 09:25 码的艺术家 阅读(185) 评论(0) 推荐(0) 编辑

前端开发的小问题(长期更新)
摘要:答:<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 每个版本的申明方式是不同的,其中HTML5的申明方式是: inline: block: IDE是集成开发环境。包括了编辑器,编译器等。比如eclipse就是一款IDE。 文本 阅读全文

posted @ 2017-05-06 10:21 码的艺术家 阅读(364) 评论(0) 推荐(0) 编辑

学习CSS了解单位em和px的区别
摘要:转载自:http://www.chinaz.com/design/2007/1114/19445.shtml 这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大。平 阅读全文

posted @ 2017-05-04 10:35 码的艺术家 阅读(117) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示