重温css的选择器

前言

css选择器,是前端的基本功,只要你是一个前端,这个一定要掌握!今天之所以要重温一下css选择器,主要是和大家再复习一下css选择器中的一些常用符号的使用,例如“+、~、^、$、>、*”等的使用!之所以要复习呢,是因为我一个写后端的哥们,前端写的也很好,但是他今天突然问我,css中加号和大于号是啥意思?我说,这个貌似jquery中也有吧!好吧,可能这些符号不常用,造成我们对这些符号的陌生!那么今天,我们一起再来复习一下吧!

我之前的文章

大家在右侧搜索框中搜索“选择器”,会发现,我之前写过css用伪类nth-child,进行奇偶行的选择。今天,关于css3伪类选择器,我就不多描述了!同时大家也可以看一下我之前写的“jquery常用选择器总结”,其实,jquery选择器和css选择器类似!特别是在属性选择和组合选择上面!

css选择器之特殊符号

谈谈360度全景看图插件及制作

360度全景看图

360度全景看图是流行比较久的技术了,目前除了我们利用百度地图插件,制作360度全景地图之外。市面上还有不少方法!360度全景看图让你有更好的全景体验,我们在360全景看房或者其他方面应用的最广泛!下面,我们简单的聊聊360度全景看图插件及制作。

制作软件制作

因为这项技术蛮火,因此,派生了不少软件制作商制作收费软件来实现这种全景看图,当然,这个不是我们想要的。但是,今天,我还是简单介绍几个360全景看房的软件制作商吧!

1、krpano,大家可以网上搜索,他们的软件可以制作360全景看图,目前,不少房产公司也用了这家公司的软件!但是是收费的!

2、pano2vr,这个软件也是制作360全景看图,网上也有教程和例子,感兴趣的可以去看看!(软件也是收费的。PS,我这边有软件破解版!目前还能用,不知道能用多久!)

jquery监听事件的另一种写法及最简单的jquery拖拽

前言

很久之前写了一个jquery3D楼盘在线选择,这么一个插件,插件很简单,因为后期项目中没有实际用到,因此,有些地方不是很完善,后面也懒得再进行修改维护了。最近放到github上面,但是也少有人问津及star。昨天,有个网友问我,这个插件中关于拖拽的一些写法!因此,今天在这里简单的对这个插件及相关知识做一些解释,希望对广大朋友有帮助!

引子——关于jquery的某些写法

我先不对监听事件做解释,我们先来看下jquery的一些写法吧!我们最常用的是jquery的css()方法,相信大家都会用!

假如用css设置一个属性,我们写法如下:

$("#haorooms").css("width","100px");

假如多个属性呢?我们写法如下:

$(".demo").css({"height":"100px","background-color":"red"});

把他们放到一个对象里面!

移动端日期处理的一些问题

问题描述

移动端对于日期的处理,和pc端有点不同,例如pc端“2016-08-02”或者“2016/08/02”在移动端通常会被解析为“2016年8月2日”这种格式,这个我们可能经常遇到。最近就踩了这么一个坑。在pc端怎么测都可以的日期插件,但是在移动端就有问题了。下面我就来说说这个问题吧!

相关知识

在说这个问题之前,我们先来回顾一下日期插件的相关知识!关于日期,我前面写过2篇文章,分别是javascript时间格式format函数javascript时间戳函数,这两篇文章写的有点年头,我下面再来补充一些相关方面的知识吧!

例如:我在时间戳转为20160802这个格式的时候,自己封装了一个函数,如下:

视觉差效果制作总结和案例下载

视觉差效果描述

所谓视觉差效果,就是我们所看到的那种背景固定的滚动的效果,你可以预览查看。我前面加链接的这两个,都是我们所常说的视觉差效果。其实视觉差效果流行蛮久了!那今天,我和大家简单介绍一下这个视觉差效果!

视觉差效果的原理

视觉差效果的制作,我们主要要了解css背景background-attachment: fixed;这个属性,我之前有介绍过background-image,制作多个背景这个属性,但是没有介绍个background-attachment,background-attachment有三个值,scroll,fixed,和inherit,默认是scroll,背景随着滚动而滚动,那fixed呢,表示“当页面的其余部分滚动时,背景图像不会移动”。