C&D

2018/04/10

延迟加载iframe,简单解决iframe堵塞渲染进程的问题

假设HTML结构是: [crayon-5c192d0c39737878342750/] 解决方法: [crayon-5c192d0c3974a526834881/] 原理: 当页面代码加载完毕时,即document ready时,把iframe代码赋给一个变量,保存在内存中,接着将iframe删除,终止iframe的加载。这个过程是很短暂的,几乎察觉不到。 再等页面所有元素加载完毕后,即window load时,再把iframe加回来加载地图。这样就能很好地避免地图无法加载而导致页面渲染遭遇阻塞。 注意: 这个方法容易忽略的问题是,HTML中的class名一定要跟函数里的jQ对象名(class…

read the article
2018/02/24

WordPress常用的一些代码

调用特色图片 [crayon-5c192d0c3a865054970202/] Functions调用Css,Js [crayon-5c192d0c3a875846351255/]  

read the article
2017/06/12

整理一下CSS Hack (Chrome, Firefox, Safari, IE10, IE11)

适用于Chrome和Opera的 CSS hack写法 以下两种方法都适用,效果是一样的 [crayon-5c192d0c3ade2784655754/] 适用于Firefox的 CSS hack写法 [crayon-5c192d0c3adf2174075037/] 适用于Safari的CSS hack写法 [crayon-5c192d0c3adfc577764985/] 适用于Internet Explorer10和11的 CSS hack写法 [crayon-5c192d0c3ae05948329409/]  

read the article
2017/06/02

JQ常用函数集合

[crayon-5c192d0c3b3c7933036590/] [crayon-5c192d0c3b3d2704399349/]  

read the article
2017/05/17

关于HTML CSS语言的编写规范 – CSS篇

CSS书写规范 语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。 为选择器分组时,将单独的选择器单独放在一行。 为了代码的易读性,在每个声明块的左花括号前添加一个空格。 声明块的右花括号应当单独成行。 每条声明语句的 : 后应该插入一个空格。 为了获得更准确的错误报告,每条声明都应该独占一行。 所有声明语句都应当以分号结尾。最后一条声明语句后面的分号是可选的,但是,如果省略这个分号,你的代码可能更易出错。 对于以逗号分隔的属性值,每个逗号后面都应该插入一个空格(例如,box-shadow)。 不要在 rgb()、rgba()、hsl()、hsla()…

read the article
2017/05/17

关于HTML CSS语言的编写规范 – HTML篇

前言 前端的开发者永远都不是独立的个体,我们很多项目都需要团队合作来完成一些项目,在效率最大化的前提下作为前端开发者必须要遵循的一条黄金定律就是   不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的。   下面列出的编码规范,摘自Bootstrap官网 ! http://www.bootcss.com/ HTML部分 语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。 嵌套元素应当缩进一次(即两个空格)。 对于属性的定义,确保全部使用双引号,绝不要使用单引号。 不要在自闭合(self-closing)元素的尾部…

read the article
2017/05/04

JQUERY插件 – FullPage全屏滚动插件使用方法

最近做了一个全屏网站的项目 , 选几个比较常用的全屏滚动插件 , onepage , fullpage , 相比之下还是选择了fullpage功能比较强大 , 参数也很全 ! 今天就把这个插件详细介绍一下 !  主要是使用方法和设置 ! 简介 fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。 主要功能 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等 兼容性 fullPage.js 支持 IE8…

read the article
2017/05/01

初始化CSS

初始化CSS , 底部加入了表单元素的placeholder参数的样式 , placeholder 消失了别着急 , 修改底部几行就可以 [crayon-5c192d0c3d553861237882/]  

read the article
2017/03/03

JQUERY插件 – liMarquee无缝滚动插件使用方法

liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但比 marquee 更强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。响应式端有bug慎用!!!! 基础样式与DOM LINK FILES [crayon-5c192d0c3da09236614583/] HTML [crayon-5c192d0c3da13036766395/] CSS [crayon-5c192d0c3da19595561583/] JavaSc…

read the article
2017/02/17

jQuery插件 – ResponsiveSlides.js幻灯片插件使用方法与拓展

首先简单介绍一下ResponsiveSlides.js插件, 一款小巧的 jQuery 响应式幻灯片插件,压缩后不到 4KB。它几乎兼容所有浏览器,包括 IE6 以及各种移动设备上的浏览器。不过它的样式比较简单,如果想要更丰富的效果,你可能需要自定义 CSS 与 回调函数。 基础样式与DOM LINK FILES [crayon-5c192d0c3e20a350036116/] Ps:Google的CDN是要翻墙的!请看官自行准备相关知识水平! HTML [crayon-5c192d0c3e214330017490/] CSS [crayon-5c192d0c3e219522616976/] …

read the article