09 2017 档案
摘要：一、静态布局（Static Layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动
阅读全文
摘要：说到 闭包 ，这是js不得不提的一个特性，很多传统语言都不具备这样的特性，比如JAVA C等等。 之前看书的时候，总是理解不好什么是闭包！下面就通过手绘一张原理图，来理解一下： 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javas
阅读全文
摘要：利用css+原生js制作简单的钟表。效果如下所示 实现该效果，分三大块：html、javascript、css html部分html部分比较简单，定义一个clock的div，内部有原点、时分秒针、日期以及时间，至于钟表上的刻度、数字等元素，因为量比较多，采用jvascript生成 css部分开始代码
阅读全文
摘要：实现效果 实现效果 图片素材 图片素材 原理分析 用setInterval（fn, 1000）来循环刷新图片。 用date对象的getHours()、getMinutes()、getSeconds()方法来获取当前的时、分、秒，并且拼接成字符串。 通过字符串的处理来改变<img>的src，从而达到改
阅读全文
摘要：今天给大家分享一下我自己在前端工作中的一些切图小技巧，虽然好的UI会给我们把图切好，但是他们切的图不一定百分之百符合我们的需求，所以还是自己动手丰衣足食嘛，看本教程之前希望大家能先看看慕课网的切图教程 http://www.imooc.com/learn/506 哦。 这里给大家介绍我在实际工作中用
阅读全文
摘要：1.介绍js的基本数据类型 Undefined、Null、Boolean、Number、String 2.js有哪些内置对象？ 数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math、Date、RegExp、
阅读全文
摘要：一、什么是语义化的HTML？ 语义化的HTML就是写出的HTML代码，符合内容的结构化（内容语义化），选择合适的标签（代码语义化），能够便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。 二、为什么要做到语义化？ 1.有利于SEO，有利于搜索引擎爬虫更好的理解我们的网页，从而获取
阅读全文
摘要：1、js中注意问题 font-size 改成fontSize padding-top 改成paddingTop js中不认识-，所以要以小驼峰方式操作属性或者以[” ”]方式，例[”font-size ”] 2、js动态添加Class class 改成className 3、oInp.type =
阅读全文
摘要：一、js数据类型 1、typeof判断数据类型 var i=1;alert(typeof i) //number 2、number数字类型，可以进行+,-,*,/等运算(包括NaN) 3、string 字符串类型，例如var a=" abc "; 可以获取字符串的长度(字符串的长度包括空格) ale
阅读全文
摘要：一、选择器 1、属性选择器： p[index]{background:red} //只使用属性名，但没有确定任何属性值 p[index=1]{background:red} //指定属性名，并指定了该属性的属性值 p[index~=pre]{background:red} //指定属性名，并且具有属
阅读全文
摘要：1、transiition过渡:样式改变就会执行transition （1）格式：transiition：1s width linear,2s 1s height; （2）参数： transition-property 要运动的样式 （all || [attr] || none） transitio
阅读全文
摘要：一、焦点事件 焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入 设置焦点方式：点击、tab、js onfocus:当元素获取到焦点的时候触发 onblur:当元素失去焦点的时候触发 obj.focus();给指定的元素设置焦点 obj.blur();取消指定元
阅读全文
