04 2017 档案

及格的产品vs优秀的产品
摘要：类似的产品，做了同样的一个功能，但是，我们还是可以很明显的感受到不同，这种不同我们常常把他叫做「用户体验」。 来看看2组类似产品相似功能的设计： 识别到歌名vs还可以滚动展示歌词 识别到歌名vs还可以滚动展示歌词 在很早的时候就存在一个需求，听歌识曲。于是早期有很多类似的APP，比如音乐雷达、sha 阅读全文
posted @ 2017-04-30 16:06 杨新权 阅读(278) 评论(0) 推荐(0)
SEO
摘要：解释： SEO是由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”。SEO是指通过站内优化比如网站结构调整、网站内容建设、网站代码优化等以及站外优化。 关于SEO，严谨的定义如下：SEO是指在了解搜索引擎自然排名机制的基础之上，对网站进行内部及外部的调整 阅读全文
posted @ 2017-04-30 15:36 杨新权 阅读(859) 评论(1) 推荐(1)
js数据类型
摘要：JS中有6种数据类型：Undefined、Boolean、Number、String，Function和Object。JS中不支持任何创建自定义类型的机制，而所有值最终都将是这6种数据类型。其数据类型的动态性特点足以表示所有数据。JS提供typeof操作符来检测变量的数据类型。 alert(type 阅读全文
posted @ 2017-04-30 09:58 杨新权 阅读(156) 评论(0) 推荐(0)
一些基础的前端技术面试问题
摘要：一些基础的前端技术面试问题 说说你对闭包的理解 使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。 内存泄露：内存空间使用完毕之后未回收； 闭包有三个特性： 1.函数嵌套函数 2.函数内部可以使用外部的参数 阅读全文
posted @ 2017-04-30 07:54 杨新权 阅读(169) 评论(0) 推荐(0)
HTTP与HTTPS区别
摘要：HTTP(超文本传输协议)被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。 为了解决HT 阅读全文
posted @ 2017-04-28 14:04 杨新权 阅读(177) 评论(0) 推荐(0)
XML与JSON
摘要：一.XML 扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义 阅读全文
posted @ 2017-04-28 11:51 杨新权 阅读(270) 评论(0) 推荐(0)
js的内置对象
摘要：内置对象： 一.Array数组： 创建数组有三种类似的方法，跟其他语言也没多少区别 1）直接通过new 与Array的构造函数进行实例化,不带有参数 var array=new Array(); 2)带有参数 var array=new Array(2,3,4,'22'); 改数组跟as很想属于稀疏 阅读全文
posted @ 2017-04-27 21:40 杨新权 阅读(151) 评论(0) 推荐(0)
二分法查找
摘要：二分法查找，也称折半查找，是一种在有序数组中查找特定元素的搜索算法。查找过程可以分为以下步骤：（1）首先，从有序数组的中间的元素开始搜索，如果该元素正好是目标元素（即要查找的元素），则搜索过程结束，否则进行下一步。（2）如果目标元素大于或者小于中间元素，则在数组大于或小于中间元素的那一半区域查找，然 阅读全文
posted @ 2017-04-27 16:06 杨新权 阅读(187) 评论(0) 推荐(0)
img下面的留白解决
摘要：在做网页的时候经常会出现一个令人困惑的现象。那就是行内元素和块级元素之间会出现“留白”。就是块级元素中明明只有一个行内元素，但行内元素却不会铺满块级元素。像这个例子： “留白”出现的原因 行内元素默认是和父级元素的baseline对齐的，而不是父级元素的bottom。baseline有时候和父级元素 阅读全文
posted @ 2017-04-27 11:33 杨新权 阅读(1281) 评论(0) 推荐(1)
边界线与两端对齐
摘要：边界线： 方法一： 利用css3里面的属性:nth-child()，兼容高版本浏览器和ie9+ 方法二： 利用margin-left负值： 两端对齐： 阅读全文
posted @ 2017-04-27 08:11 杨新权 阅读(144) 评论(0) 推荐(0)
左边竖条的实现方法
摘要：一：border 二：伪类 三:box-shadow 四：filter:drop-shadow 五：渐变 阅读全文
posted @ 2017-04-27 07:47 杨新权 阅读(171) 评论(0) 推荐(0)
$.ajax()知识
摘要：一.$.ajax(): 1.url: 要求为String类型的参数，发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）,默认为get。 3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。 4.async: 要求为Boolean类型 阅读全文
posted @ 2017-04-26 17:59 杨新权 阅读(120) 评论(0) 推荐(0)
area热点区域
摘要：<area>标记：主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下： <area class="hot" href＝"url" alt＝"text" shape＝"shape" coor 阅读全文
posted @ 2017-04-26 16:52 杨新权 阅读(178) 评论(0) 推荐(0)
AJAX与XMLHttpRequest
摘要：XMLHttpRequest: 中文可以解释为可扩展超文本传输请求。Xml可扩展标记语言，Http超文本传输协议，Request请求。XMLHttpRequest对象可以在不向服务器提交整个页面的情况下，实现局部更新网页。当页面全部加载完毕后，客户端通过该对象向服务器请求数据，服务器端接受数据并处理 阅读全文
posted @ 2017-04-26 09:27 杨新权 阅读(618) 评论(0) 推荐(1)
js运行机制
摘要：一、为什么JavaScript是单线程？ 因为JS运行在浏览器中，是单线程的，每个window一个JS线程，既然是单线程的，在某个特定的时刻只有特定的代码能够被执行，并阻塞其它的代码。而浏览器是事件驱动的（Event driven），浏览器中很多行为是异步（Asynchronized）的，会创建事件 阅读全文
posted @ 2017-04-25 17:42 杨新权 阅读(118) 评论(0) 推荐(0)
优先级
摘要：一.属性与通配符对比： 总结：通配符的优先级大于属性优先级 二。通配符与tag： 总结：tag优先级大于通配符的优先级 三.class与tag 总结：class优先级大于tag的优先级 四.id与class 总结：id优先级大于class的优先级 五.id与行内样式 总结：行内样式优先级大于id的优 阅读全文
posted @ 2017-04-25 15:47 杨新权 阅读(863) 评论(0) 推荐(0)
各种图形
摘要：半圆： 四分之一圆： 平行四边形： 上梯形： 五边形： 六边形： 心型： 弯尾箭头： 无限符号： 吃人豆： 放大镜： 购物车： 提示框： 阅读全文
posted @ 2017-04-25 12:08 杨新权 阅读(629) 评论(0) 推荐(0)
遮罩层
摘要：遮罩层： 又名弹出框，是一种页面在常用不过的效果之一了，今天就说一说这一效果的制作原理： 代码展示 html: css: js: 知识点总结： 1.shadowxx是黑色透明，底层的透明层；width,height是整个可视区，而且层级要提到最高，它的层级高了，它的子级的层级比它高； 2.promp 阅读全文
posted @ 2017-04-25 10:12 杨新权 阅读(351) 评论(0) 推荐(1)
marquee
摘要：marquee: 页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果，无需js控制。 使用marquee标记不仅可以移动文字，也可以移动图片，表格等. 语法：<marquee>...</marque 阅读全文
posted @ 2017-04-25 09:44 杨新权 阅读(512) 评论(0) 推荐(0)
面向对象的几种设计模式
摘要：第一种模式：工厂模式 说明： 1.在函数中定义对象,并定义对象的各种属性,虽然属性可以为方法，但是建议将属性为方法的属性定义到函数之外，这样可以避免重复创建该方法; 2.引用该对象的时候，这里使用的是 var x = Parent()而不是 var x = new Parent();因为后者会可能出 阅读全文
posted @ 2017-04-25 09:10 杨新权 阅读(278) 评论(0) 推荐(0)
省略号
摘要：单行省略号： 代码展示： 效果展示： 知识点总结： 1.　text-overflow语法： text-overflow : clip | ellipsis text-overflow参数值和解释： clip : 不显示省略标记（...），而是简单的裁切 ellipsis : 当对象内文本溢出时显示省 阅读全文
posted @ 2017-04-24 21:41 杨新权 阅读(458) 评论(0) 推荐(0)
锚点
摘要：前述： 锚点（anchor）： 是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。 适用于较长的单页面，添加锚点就是为了在同一个页面方便快捷地找到相应位置； 创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接； 阅读全文
posted @ 2017-04-24 21:16 杨新权 阅读(551) 评论(0) 推荐(0)
文字居中贯穿线
摘要：前述： 类似于京东的这种文字居中于贯穿线 代码展示： 效果展示： 知识点总结： 1.单行文字垂直居中：height=line-height,text-align:center(盒子内的文字或者图片水平居中)； 2.利用 线的height=文字line-height/2，来实现文字居中贯穿线； 扩展： 阅读全文
posted @ 2017-04-24 17:33 杨新权 阅读(387) 评论(0) 推荐(0)