诗与远方

生活~诗~远方

轮播各种写法

前提假定图片是固定的三张图片,图片大小均为500px*500px(不缩放图片能得到更好的效率)样式背景img替换动态setIntervalcss3动画jq实现如何保证每次只让显示一张图片呢?1,覆盖,限定范围。设置为背景图片,因为背景图片只有一张,因此比较容易。不需要每次都进行初始化操作 2,i...

2016-09-07 18:53:20

阅读数 749

评论数 0

如何读书?

从《格林童话》到《红与黑》,写作文一般般,但是却酷爱读书。这读书的生涯,少说也有三百本。。。”小说(名著等等)”。。^~^我平时怎么读书的呢? 开始读之前,我可能是因为这本书的名字或者谁推荐给我而翻开。 读书第一步之目录有话说,要读好书。但是开始,并不知道书的好坏。因此,第一步,看前言与目录...

2016-09-03 10:56:20

阅读数 228

评论数 0

读《Async JavaScript》总结

工程学习中,最重要的必然是优化问题。对于javaScript这以单线程语言来说,异步可能是优化魔药之一。今天特拿《Async JavaScript》一书来学习一下,JS异步编程之法。 书籍 书籍短小精悍,语言也不晦涩。 如何读书,请查看我的博文: 如何读书? http://blog.csd...

2016-09-03 10:10:29

阅读数 855

评论数 0

啦啦啦啦啦啦啦啦啦啦啦啦这是一篇分界线

要开学,最近各种乱七八糟忙一通。到现在,2016/8/28/16:17,终于把一个暑假的东西总结完成。 包括我爱豆版的天猫。仿造别人写,确实学到不少东西。复杂网站该怎么写才不会乱。虽然页面已经写完了,虽然前面一部分写的很杂。但是后来越来越顺。哈哈。。。感觉这些已经不是难题啦!!!再复杂的网站...

2016-08-28 16:23:25

阅读数 420

评论数 0

css负边距

为什么绝对定位加负边距可以居中呢?!why? 让我们来一探究竟~~~~<div style="width: 200px;height: 200px;position: relative;border: 1px solid red;"> <div sty...

2016-08-28 15:26:35

阅读数 821

评论数 1

position,z-index,float覆盖问题

最近仿写天猫首页时,总是遇到position覆盖问题。因此,特来总结一番。 一般定位除了margin,padding普通流的定位外,还有position ,float等定位。 这些都是定位,那遵循什么规则能保证各种之间不冲突呢? 以下均在chrome等A等浏览器中测试一致 表...

2016-08-26 13:23:53

阅读数 5981

评论数 0

仿写复杂页面之学习心得

1,对整个网站进行模块划分之后,对每个结构注册一个class,以区别不同的模块,之后的css样式直接在该模块下引用。 2,在写代码之前,需要对网站整个的布局,具体到每一块的高宽。以及每一块想要使用什么布局,如流式布局,盒布局,position:absolute,float:left等。可以缓解在...

2016-08-26 13:11:44

阅读数 615

评论数 0

hover改变其他元素样式

代码<!doctype html> <html> <head> <style> .fir:hover .sec{display: none;} </style> </head> <body...

2016-08-25 17:48:21

阅读数 452

评论数 0

下拉菜单制作

样式举例请看淘宝首页的菜单,比如鼠标悬浮商品分类或者网站导航的菜单效果。类似如下。具体内容不重要,重要的是其样式。 剖析表现1,当鼠标悬停时,弹出另外一个“蒙层”,展示菜单。 2,此时,主标题右侧的三角形翻转180度技术分析1,鼠标悬停:hover。css即可实现。 2,将需要展示的菜单包裹...

2016-08-25 16:47:43

阅读数 179

评论数 0

像素

像素是分辨率的尺寸单位,而不是画质。是面积单位。但是平时怎么看着是长度单位呢?因为一像素太小了,横着排列,高度被忽略不计。一个页面里面像素的多少,决定这个图片的高清程度 PPI:像素每英寸。是图像分辨率所使用的单位,在图像中每英寸所表达的像素数目。图像的分辨率越高,所打印出来的图像也就越细致与精...

2016-08-25 09:35:09

阅读数 165

评论数 0

浮动元素问题

float值1,left。向左浮动 2,right。向右浮动 3,inherit。继承属性 4,none。不浮动表现1,设置向左或向右浮动,默认将元素改为display:block。即不论什么元素浮动,内部元素设置width,height均会生效 2,浮动元素会靠左或靠右,知道碰到其他浮动...

2016-08-24 16:05:53

阅读数 161

评论数 0

block,inline,inline-block的区别

block解释1,表现为块级元素。 2,元素最后自动换行。 3,一些默认块级元素:div,ul,ol,dl,img,p…. 4,块级元素里面可以放内联元素.但是应该据事实来看,不一样的标签内嵌的不一样。比如P标签,内嵌的只能是内联元素 5,默认填满父元素 6,可以设置width,heig...

2016-08-24 14:05:10

阅读数 595

评论数 0

dl ul ol区别

—-任意例子—-dl标签eg.<dl> <dt><span>购物指南</span></dt> <dd><a href="">免费注册</a></dd> &...

2016-08-24 10:01:30

阅读数 5110

评论数 0

css+html5仿写淘宝首页

问题定义 为了锻炼自己原生的能力,我决定仿写一下淘宝的首页。一下记录,仿写的全部步骤。按照软件工程的方法来实现。(ps,纯为学习,没有什么不良居心~~) 可行性研究技术采用原生js+html5+css3实现。完全可行 时间可行性两天时间 需求分析完全按照https://www.tmall.co...

2016-08-19 17:03:20

阅读数 12259

评论数 5

vue学习之一基础学习

http://cn.vuejs.org看官方文档,写的很不错作用:基于dom.构建数据驱动。通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件系统比较:(专注与灵活)1,angular:小易,只作用与view层。基于依赖追踪的观察系统并且异步列队更新,所有的数据变化都是独立地触发,除非它...

2016-08-14 19:41:37

阅读数 289

评论数 0

AngularJS之一基础学习

前言: angularJS以node为主的js页面的mvvm框架四大特性: 1,mvc(很简单,model–view–controller) 2,模块化 3,指令系统 4,双向数据绑定(类似vue,观察者模式)

2016-08-14 19:36:18

阅读数 132

评论数 0

JQuery源码学习

前言: 学习源码需要什么? 1,扎实的js,css,html基本功 2,下载jquery源码 3,先看核心:jquery对象 4,对其主要模块的分析,比如DOM,事件处理,ajax等。即设计思想和实现技巧 4,熟悉其编码风格。 ...

2016-08-13 17:26:41

阅读数 403

评论数 0

ajax访问Node服务器

前言:node算是入了个门。现在终于有个服务器。以前只写过SSH框架的java后台下,前台使用jquery交互。但是纯原生怎么写呢? demo需求既然是demo先从最简单的。书写一个表单提交页面。从前台input提交到后台,接收输出到浏览器。后台将收到的数据再展示到前台output中。 双向的数据...

2016-08-08 20:51:44

阅读数 2507

评论数 0

客户端检测

目录:[top]在日常写js时,最需要考虑的一个方面就是,用户使用的浏览器是什么?用户浏览器是否支持某种方法。1,userAgen检测var ua = navigator.userAgent; //检测opera if ( window.opera ){ engine.ver = win...

2016-08-07 16:10:19

阅读数 138

评论数 0

js-引用类型的指向

请看下面代码。会输出什么呢? var a = {n: 1}; var b = a; a.x = a = {n: 2}; console.log(a); console.log(a===b); console.log(b);输出{n:2} false {...

2016-08-07 09:52:07

阅读数 269

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭