强子的专栏

不给自己设限,试一试又何妨呢?生活就是这样,你给它机会,它才会给你风景。...

对“粘连”footer布局的思考和总结

经典的"粘连"footer布局参考文章链接在文章末尾,简单的语言总结如下:经典的“粘连”footer布局就是。我们有一块内容。当的高度足够长的时候,紧跟在后面的元素会跟在元素的后面。当元素比较短的时候(比如小于屏幕的高度),我们期望这个元素能够“粘连”在屏幕的底部。如下图所示:...

2016-12-27 20:44:27

阅读数:2502

评论数:0

再谈移动端适配和点5像素的由来

前言这篇文章的内容如题目一样,主要分为两个部分,谈谈业内主流的移动端适配解决方案点5像素的由来和实现方法建议在读这篇文章的时候先读下这篇文章《高清屏概念解析与检测设备像素比的方法_20161005》,因为这些文章涉及的很多概念在这篇文章中都会提到。1.再谈移动端适配1.1百分比解决方案的缺点在我们...

2016-10-06 17:05:23

阅读数:2792

评论数:0

高清屏概念解析与检测设备像素比的方法

前言做移动端h5开发很久了,从开始入行到现在。很多知识和工具都是在用前辈留下的遗产,都没有深入的研究过原因,了解为什么要这么去做。终于在国庆节有一个大块的时间,把最近看到的东西总结一下,也算是对这方面的知识划一个句号。着实把国庆节过成了劳动节,没办法,自己就是一个这样的人,“有些应该去做的,而且有...

2016-10-05 14:43:54

阅读数:2448

评论数:0

移动端h5开发相关内容总结(四)

前言:看了下博客的更新时间,发现9月份一篇也没有更新。一直想着都要抽时间写一篇的,不然今年的更新记录就会断在了9月份。但是还是应为各种各样的事情给耽搁了。当内心突然涌起一股必须写点什么的时候,突然发现自己把写博客的“套路”都忘了。(●´ω`●)φ一直认为自己还是一个比较热爱思考的人。最近一直在思考...

2016-10-03 16:12:23

阅读数:4951

评论数:2

html5学习开发指南

本文发表于CSDN《程序员》杂志2016年8月期,未经允许不得转载!概述:随着移动互联网的兴起,前端开发工程师的岗位也随着兴起。前端工程师不仅在用户和产品之间扮演着越来越重要的角色,而且前端的职能也能够(开始)朝着服务端延伸。所以不仅小公司缺人在招前端,大公司同样面临着缺少优秀前端工程师的尴尬处境...

2016-08-05 15:12:03

阅读数:3495

评论数:3

粘连 Footer 的 5 种方法 | CSS-Tricks

本文转载自:http://www.zcfy.cc/article/491文中对于“吸附”布局的实现非常巧妙,当我第一次看到那个效果图,第一时间也没有想到好的实现方法。一个简短的历史,如果你愿意那样说的话。粘连 footer 的目的是让它“支撑”在浏览器窗口的底部。但不总是在底部,如果有足够的内容将...

2016-06-20 21:38:29

阅读数:4324

评论数:0

前端开发知识点总结

1.a标签的相互嵌套很多时候我们会有下面的场景,如下图中所显示的那样。点击1区域(从图上看1区域包含2区域)和2区域跳转不同的链接。正常的代码结构应该是:<ul> <li> <a href="#1"> ...

2016-04-05 19:40:58

阅读数:3560

评论数:0

myslide 插件开发知识点总结和 css3 动画性能问题的研究

myslide 插件开发知识点总结和 css3 动画性能问题的研究这篇文章主要是总结最近开发过程中遇到的问题。有几个问题又是不容易发现原因的问题,但是最后的结果又是很简单的。1.手机端的 slider 插件是否有必要集成点按操作对于我自己开发的版本来说还是集成了这个操作的。但是参考了京东,天猫,淘...

2016-03-19 19:44:51

阅读数:1948

评论数:1

JavaScript “跑马灯”抽奖活动代码解析与优化(二)

既然是要编写插件。肯定会有一些功能的需求。 功能需求: 1.能够控制灯的自动播放 2.灯的旋转方向 3.灯的旋转速度 4.奖品的旋转速度

2016-02-15 17:04:34

阅读数:1968

评论数:1

JavaScript “跑马灯”抽奖活动代码解析与优化(一)

最近的项目中做了一个“跑马灯”的抽奖特效插件。上篇文章已经分享过html和css 的相关知识。这篇文章主要分享一些 JavaScript 相关的知识。这几天在写这篇文章的时候,也顺便把自己的代码重构了一下。 这里主要是来写写自己的优化过程。俗话说: 一个程序猿的进步是从对自己的代码不满意开始...

2016-02-15 17:03:48

阅读数:4088

评论数:3

移动端 h5开发相关内容总结(三)

之前写过两篇开发中遇到的问题和解决方案。当时是CSS 和 JavaScript 分开写的。现在写这篇文章的时候感觉很多内容都是有内在联系的,所以不好分开。给大家分享一下这半年来的感受吧:知道和理解之间是有很大距离的。别人谈到一个知识点,能接上嘴并且能发表一下自己的意见,这叫知道。遇到问题能够想到用...

2016-01-31 14:52:43

阅读数:3000

评论数:0

前端开发 sublime text 常用插件和配置

前端开发sublimeconfigmac配置此文件目录中文件主要是关于sublime的插件配置,快捷键配置,主题和字体配置。插件列表所有插件都可以使用Package Control安装,具体的安装方法可以自行谷歌安装,不在本文的介绍范围之内。也可以是使用git 手动安装。1.autoprefixe...

2016-01-07 13:09:20

阅读数:24148

评论数:9

移动端 h5开发相关内容总结——CSS篇

1.移动端开发视窗口的添加h5端开发下面这段话是必须配置的<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">其它相关配置内容...

2016-01-06 15:59:15

阅读数:28967

评论数:6

【从0到1学Web前端】CSS伪类和伪元素

在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。

2015-06-02 22:29:17

阅读数:2657

评论数:0

【从0到1学Web前端】CSS定位问题三(相对定位,绝对定位)

到这里可以验证当使用`top` `right` `bottom` `left` ***(这四个属性可以设置具体的像素数也可以设置百分比)***这样属性改变元素的位置的时候,不会影响其他元素的位置。而使用`margin` 这样的属性改变元素的位置会影响其他元素的位

2015-05-29 23:01:19

阅读数:6641

评论数:1

Javascript图片预加载详解

预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速、无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术,来增强网站的性...

2015-05-29 11:01:42

阅读数:34239

评论数:0

【从0到1学Web前端】CSS定位问题二(float和display的使用)

display 属性规定元素应该生成的框的类型。 这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display...

2015-05-28 22:03:07

阅读数:2478

评论数:1

【从0到1学Web前端】CSS定位问题一(盒模型,浮动,BFC)

引子: 在谈到css定位问题的时候先来看一个小问题: 已知宽度(假如:100px)div框,水平居中,左右两百年的分别使用div框填充.且左右div自适应. 效果如下图: 这个问题的难点主要是浏览器宽度未知,且两边div自适应宽度. 第一种实现方法,是借助css3的新属性ca...

2015-05-27 22:24:57

阅读数:3576

评论数:1

JavaScript概念之screen/client/offset/scroll/inner/avail的width/left

原文地址:http://caibaojian.com/js-name.htmlJS中获取各种宽度和距离,常常让我们混淆,各种浏览器的不兼容让我们很头疼,现在就在说说js中有哪些宽度和距离。1、名词解释screen:屏幕。这一类取到的是关于屏幕的宽度和距离,与浏览器无关,应该是获取window对象的...

2015-05-27 16:42:29

阅读数:1813

评论数:0

垂直三列中间元素自动宽度布局

1.最常见的垂直三列布局html代码:<body> <div id=""> <div> <div class="left_div"> left </div> ...

2015-05-19 10:41:42

阅读数:2199

评论数:0

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