前端基础 - 随笔分类(第2页) - nDos

js面向对象设计之function类

摘要：本文仅探讨如何合理的使用 function 在 javascript中实现一个面向对象设计的类。总所周知，javascript 并不能实现一个真正意义上的类，比如 protect 比如函数重载。下面开始由浅入深的讨论 function 作为类来使用如何尽可能的模拟传统的面向对象设计。还有一篇相关博阅读全文

posted @ 2017-12-27 20:39 nDos 阅读(3271) 评论(0) 推荐(1)

js 面向对象设计之 Function 普通类

摘要：var test = "Class01"; function Class01(privateValue, publicValue) { var _this = this; if (this.constructor.name !== 'Class01') { throw new Error('类只能被阅读全文

posted @ 2017-12-26 21:21 nDos 阅读(335) 评论(0) 推荐(0)

es6面试问题——Promise

摘要：es6面试问题——Promise 阅读全文

posted @ 2017-09-01 14:04 nDos 阅读(201) 评论(0) 推荐(0)

网站的文件和资源优化

摘要：1、文件合并（目的是减少http请求） 2、文件压缩（目的是直接减少文件下载的体积） 3、使用cdn托管资源 4、使用缓存 5、gizp压缩你的js和css文件 6、meta标签优化（title,description,keywords）、heading标签的优化、alt优化 7、反向链接，网站外链阅读全文

posted @ 2017-06-15 20:46 nDos 阅读(251) 评论(0) 推荐(0)

CSS实现各类分栏布局

摘要：在CSS中，实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项（absolute 、static、relative和fixed）中的绝对定位（absolute positioning），它可以将文档中的某个元素从其原本位置上移除，并重新定位在期望的任何地点之上。第二种则是使用CSS中的浮动（阅读全文

posted @ 2017-06-10 15:57 nDos 阅读(1749) 评论(0) 推荐(0)

前端页面的分层原理

摘要：有许多 web 设计师都有为纸质印刷品设计版面的经验。事实上，设计网站时，把网页当做纸质印刷品来对待是最容易想到的思想，除了把白纸换成了屏幕，其他做法没什么两样。这种做法注定会失败。 Web 是一种不同的媒体。在设计纸质印刷品是时，必须把原始内容和版面设计交织在一起才能看到最终的印刷效果，但在设计阅读全文

posted @ 2017-05-25 16:30 nDos 阅读(836) 评论(0) 推荐(0)

css sprites的原理和作用

摘要：CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所阅读全文

posted @ 2017-05-20 15:33 nDos 阅读(6188) 评论(0) 推荐(0)

CSS3新特性

摘要：1、颜色：新增RGBA、HSLA模式 2、文字阴影(text-shadow) 3、边框：圆角（border-radius）边框阴影：box-shadow 4、盒子模型：box-sizing 5、背景：background-size设置背景图片的尺寸，background-origin设置背景图片的原阅读全文

posted @ 2017-05-12 23:12 nDos 阅读(127) 评论(0) 推荐(0)

CSS中表示大小的单位

摘要：以下是DIVCSS5为大家总结网页中常见html单位介绍，在css+div布局中长度单位介绍篇。其实css中的长度单位一共有8个，分别是px，em，pt，ex，pc，in，mm，cm； px：像素（Pixel）,相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所阅读全文

posted @ 2017-05-10 22:30 nDos 阅读(495) 评论(0) 推荐(0)

CSS属性display的浅略探讨

posted @ 2017-05-05 11:28 nDos 阅读(257) 评论(0) 推荐(0)

CSS实现垂直水平居中一

摘要：CSS实现垂直水平居中阅读全文

posted @ 2017-04-20 22:24 nDos 阅读(123) 评论(0) 推荐(0)

link和@import的区别

摘要：页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是： XML/HTML代码<link rel="stylesheet" rev="stylesheet 阅读全文

posted @ 2017-04-13 20:42 nDos 阅读(90) 评论(0) 推荐(0)

行内元素、块状元素和行内块元素

摘要：1关于行内元素和块状元素的说明根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display 阅读全文

posted @ 2017-04-12 21:30 nDos 阅读(520) 评论(0) 推荐(0)

content-box与border-box区别

摘要：理解box-sizing属性border-box，content-box，其实也是理解正常盒模型与异常盒模型。正常盒模型正常盒模型，是指块元素box-sizing属性为content-box的盒模型。一般在现代浏览器中使用的都是正常盒模型content-box，它也是标准 w3c 盒子模型。参阅读全文

posted @ 2017-04-11 19:07 nDos 阅读(2244) 评论(0) 推荐(0)

实现浏览器内多个标签页之间的通信

摘要：1.localStorage 在一个标签页调用localStorage.setItem(name,val)保存数据localStorage.removeItem(name)删除数据的时候会触发 'storage'事件。在另外一个标签页监听document对象的storage事件，在事件event对象阅读全文

posted @ 2017-04-10 19:29 nDos 阅读(1675) 评论(0) 推荐(0)

cookie、 sessionStorage 、localStorage之间的区别和使用

摘要：1.cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。 2.HTML5 提供了两种在客户端存储数据的新方法：(http://www.w3s 阅读全文

posted @ 2017-04-08 21:10 nDos 阅读(155) 评论(0) 推荐(0)

让浏览器识别HTML5规范中的新标签

摘要：IE8浏览器中还没有添加对HTML5新标签的支持，所以在IE8中无法直接展现HTML5新标签中的内容。庆幸的是IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，代码如下： var e = "abbr, arti 阅读全文

posted @ 2017-04-06 20:53 nDos 阅读(286) 评论(0) 推荐(0)

HTML5的十大新特性

摘要：为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式处理，和几个api拖放元素，定位，包括网页应用程序缓存，存储，网络工作者等。语义标签语义化标签使得页面的内容结构化，见名知义增强型表单 HTML5 拥有多个新的表单阅读全文

posted @ 2017-04-03 19:20 nDos 阅读(266) 评论(0) 推荐(0)

语义化的HTML及其目的

摘要：一、什么是语义化的HTML？语义化的HTML就是写出的HTML代码，符合内容的结构化（内容语义化），选择合适的标签（代码语义化），能够便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。二、为什么要做到语义化？ 1.有利于SEO，有利于搜索引擎爬虫更好的理解我们的网页，从而获取阅读全文

posted @ 2017-03-27 23:20 nDos 阅读(212) 评论(0) 推荐(0)

XHTML和HTML有什么区别

摘要：HTML与XHTML之间的差别，主要分为功能上的差别和书写习惯的差别两方面。关于功能上的差别，主要是XHTML可兼容各大浏览器、手机以及PDA，并且浏览器也能快速正确地编译网页。由于XHTML的语法较为严谨，所以如果你是习惯松散结构的HTML编写者，那需要注意XHTML的规则。下面列出了几条容阅读全文

posted @ 2017-03-20 19:29 nDos 阅读(293) 评论(0) 推荐(0)

nDos

随笔分类 - 前端基础

公告