2017年09月_爱敲代码的程序猿

原创【24】纯css实现一台正在打字的电脑

今天给大家分享一个纯css制作的一台正在打字的电脑<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords"

2017-09-28 08:57:46 297

原创【23】响应式布局教程

**一：布局方式有如下几种：————****1. 固定布局**：固定布局以PX(像素)作为单位的，在PC端，设计稿多少PX就写多少PX，前几年都是这种布局，常见的是以960px或者1000px来设计的，但是这样设计有如下缺点：1.1.页面很死板，在更大的屏幕上，页面左右2边留白。1.2.不适应响应性布局。**2. 流式布局**：流式布局是以百分比作为单位的，我们要牢记如下公式：百分比宽度

2017-09-27 14:45:28 1240

原创【22】字体效果(阴影/浮雕)

利用CSS text-shadow 属性支持 text-shadow 的浏览器有 Firefox 3.5, Chrome 2.0, Opera 9.5, Safari4.0, 其中 Safari 是老早就可以的，但直到 4.0 才支持多重阴影。另外 Opera mini 也能显示，但比较弱，阴影不能模糊。浮雕文字浮雕文字效果在 Mac OS X 和 iPhone 中随处可见，由于阴

2017-09-26 10:37:50 1586

原创【21】总结一年来的前端学习心得

到今天，前端学习刚好满一年。我也顺利从机械狗变成一枚前端狗。对于前端学习，自己也是摸着石头过河，中间也有过困惑和迷茫。本文主要讲述自己一年来对于前端学习的心得体会，希望能对学习前端的人提供一些帮助。前端主要分为三部分：html，css，js。 html：首先得了解标签的含义，用在哪里，常用的用多了就知道了。另外H5也要去了解，对于H5的学习可以自己动手做一个H5的动画场景。这里面涉及比较多的是

2017-09-24 00:03:45 1779

原创【20】五款常用配色

这几天我自己在做我的个站，但不知道有啥颜色适合，后来查了一些跟你们说说：有五款常用配色：第一款：黄配红。黄色所代表的意义是轻快而明朗的，它是东方文化中最受崇拜的一个颜色，因为它象征着太阳，有帝王的色彩。如果配上红色的话，就会给人一种喜庆吉祥的感觉。就小编在网上搜集到的数据显示，设计师在一年接近尾声或者新年伊始的时候，根据用户的需求会设计出多款黄配红的个人网站模板。第

2017-09-22 14:01:37 2399

原创【19】深入理解 JavaScript 中的函数

本文旨在提供web开发人员必须了解的所有JavaScript函数的基本知识。简而言之函数只不过是一组执行某个操作的语句。函数可能会有一些输入参数（在函数体中使用），并在执行后返回值。 JavaScript函数也具有这些特性，但它们不仅仅是常规函数。JavaScript函数是对象。作为对象，JavaScri

2017-09-21 14:05:54 423

转载【18】javascript中闭包的工作原理

一、什么是闭包？官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话，因为他描述的太学术。其实这句话通俗的来说就是：JavaScript中所有的function都是一个闭包。不过一般来说，嵌套的function所产生的闭包更为强大，也是大部分时候我们所谓的“闭包”。看下面这段代码：fu

2017-09-20 16:19:02 249

转载【17】关于HTTP协议，一篇就够了

HTTP简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体

2017-09-19 09:28:58 598

转载【16】jquery中prop()方法和attr()方法的区别浅析

jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = "disabled"，checked="checked"，比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"c

2017-09-18 15:27:42 513 1

转载【15】前端开发--面试题整理（JS篇）

1.截取字符串abcdace的acealert('abcdace'.substring(4));2.规避javascript多人开发函数重名问题命名空间封闭空间js模块化mvc（数据层、表现层、控制层）seajs变量转换成对象的属性对象化3.javascript面向对象中继承实现function Person(name){ this

2017-09-16 21:47:48 424

转载【14】sass语法总结

写在前面的话本文所有语法格式是基于SCSS格式的 scss 和 sass语法的相互转换# Convert Sass to SCSS$ sass-convert style.sass style.scss# Convert SCSS to Sass$ sass-convert style.scss style.sass编译命令行编译#单文件sass --watch input.scss:o

2017-09-15 16:49:40 248

前言当看到这个的时候就想问问手百的链接为什么是黑色的？有什么特殊作用？今日早读文章由众成翻译@eJayYoung 翻译分享。正文从这开始～在非常早期的互联网，链接就已经是一个基础的交互元素了。直到现在仍然非常流行：研究表明链接是人们在上网时最流行的操作之一。在过去的30年里，设计师们尝试过设计各式各样的链接，但有一点不会变：下划线。那个蓝色的带下划线的超链接是互联网中最明确并且最好理解的习惯之一。万

2017-09-15 08:07:15 304

原创【12】H5表单

【input】邮箱：email 网站：url 数字：number 年龄：range（step：每次增加的个数 min：最小值 max：最大值）时间：date month time week 颜色：color 数量：number 电话：tel 查询：search maxlength=”4” 限制表单输入长度上传多个文件：multiple=”multiple” 提示未

2017-09-13 14:09:26 484

原创【11】jQuery控制的不同方向的滑动(向左、向右滑动等)

引入jquery.js，复制以下代码，即可运行。<style type="text/css"> .slide { position: relative; height: 200; lightyellow; } .slide .inner { position: absolute; left: 0; bottom: 0; hei

2017-09-12 11:02:56 4640 1

原创【10】CSS3阴影 box-shadow的使用和技巧总结

text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径阴影扩展半径阴

2017-09-11 11:14:12 503

转载【09】一个程序员的简洁职业生涯规划

前言当今社会处在变革的时代，到处充满着激烈的竞争。物竞天择，适者生存，职业活动的竞争也非常突出。要想在这场激烈的竞争中脱颖而出并保持立于不败之地，必须设计好自己的职业生涯规划，这样才能做到心中有数，不打无准备之仗。有不断努力奋斗，积累经验等，给自己的人生做个完整的规划，去获得成功，赢得自己想要的人生。我要通过这次职业生涯规划，清楚地认识了自己，确立了自己的努力方向和职业定位，这样就

2017-09-08 15:42:11 1333

原创【08】js函数中参数的传递

最近在读《javascript高级程序设计》时碰到了js传递方式的问题，花费了些时间，不过总算明白了。数据类型在 javascript 中数据类型可以分为两类：基本类型值 primitive type，比如Undefined,Null,Boolean,Number,String。引用类型值，也就是对象类型 Object type,比如Object,Arra

2017-09-06 10:23:01 205

原创【07】CSS介绍

CSS CSS即层叠样式表（Cascading StyleSheet）。在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括：盒子

2017-09-05 15:06:27 379

程序猿的博客