I'M Z

  • 首页
  • web开发
  • 互联网
  • 技术分享
  • 网站运营
  • 交互设计
  • 资源分享
    • 工具
    • 欣赏
    • 素材
  • 生活杂语
web开发
css

前端开发人员有用的CSS代码片段整理

重置 html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, …

2014/09/18 0条评论 2720点热度 0人点赞 zhaoan 阅读全文
css

截取超出的字符串并添加省略号

用CSS截断字符串 方法一: <div style="width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;"> 任意长度的字符串 </div> 说明:优点是内容可以为任何HTML元素,包括超链接和图片等,在IE6中还会在结尾自动显示省略号。缺点是必须指定宽度数值,并且宽度不能是百分数,否则在IE中会被认为是字符总长的百分比。 方法二: <input type=”…

2014/09/15 0条评论 3211点热度 0人点赞 zhaoan 阅读全文
javascript

javascript图片预加载技术

比onload更快获取图片尺寸 lightbox类效果为了让图片居中显示而使用预加载,需要等待完全加载完毕才能显示,体验不佳(如filick相册的全屏效果)。javascript无法获取img文件头数据,真的是这样吗?本文通过一个巧妙的方法让javascript获取它。 这是大部分人使用预加载获取图片大小的例子: var imgLoad = function (url, callback) {     var img = new Image();     …

2014/07/24 0条评论 1986点热度 0人点赞 zhaoan 阅读全文
css

用@media screen实现网页布局的自适应

现在各种终端层出不穷,各种分辨率的显示屏让老旧的网站布局很难适应,设计师为了能适应不同分辨率设备或不同窗口大小下布局错位而头疼,针对移动端还要建设单独的移动站点,这样也太耗精力,这里有一种可以利用@media screen实现网页布局的自适应。 优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值以下是针对自用主题而写的css,对宽度768以下设备只保留主要文章框架,以便在有限的空间里获得最佳阅读体验。 也有人用js来计…

2014/01/07 1条评论 9738点热度 1人点赞 zhaoan 阅读全文
web开发

高效的Web开发

下面是 10 个提高效率的步骤,虽然不能保证解决你在开发中的所有问题,但至少是非常实用的,可以简化你的 Web 开发流程,使开发的每一个环节快速、流畅。还可以帮助你节省大量的时间,以便开发更多、更好的项目。   1. 使用 Web 开发框架     一个良好的 Web 开发框架,可以帮助你: 解决常见的 Web 开发问题,如标准的 Web 页面布局、Web 表单处理、浏览器兼容性解决等)。 测试 Web 开发的 bug、安全和性能。 使代码重用更容易,因为有一个统一的 API。 社区开发的插件和工具,可以…

2013/11/26 0条评论 1298点热度 0人点赞 zhaoan 阅读全文
css

可以从CSS框架中借鉴到什么

现在很多人会使用 CSS 框架进行快速建站。 那 CSS 框架是什么呢,它通常是一些 CSS 文件的集合,这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS 框架大大降低工作成本进行快速建站。 当然对于一些大型的项目,可能会很难照搬某些框架直接使用的,因为直接使用会带来一些限制或者冗余的问题。 但在 CSS 框架已经日趋成熟的今天,在我们设计项目架构、规范的时候,现时市面上一些优秀的框架也可以给我们提供很多可借鉴的地方。 本文主要从几个方面讨…

2013/11/25 0条评论 1460点热度 0人点赞 zhaoan 阅读全文
css

CSS书写规范及顺序

大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里我总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, …

2013/09/29 0条评论 2051点热度 0人点赞 zhaoan 阅读全文
web开发

Ajax实时验证用户名、邮箱等是否已经存在

利用Ajax技术来检测用户名是否存在的原理流程图: 最终结果截图: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  …

2013/08/02 0条评论 2268点热度 0人点赞 zhaoan 阅读全文
javascript

js同时获取多个同名input表单的值

今天碰到需要同时处理多个相同表单内容的问题,怎么才能将这些表单内容同事取出来呢?挨个获取吗?这样似乎也行,但是后面执行起来会比较复杂,网上看了些这方面的处理方法,下面来看看 <html>   <head>   <script language="javascript">   function check(){   var bm_num=0; …

2013/07/24 0条评论 7038点热度 0人点赞 zhaoan 阅读全文
javascript

用js判断浏览器是否为chrome

chrome的判断方法有两种,可以自己测试并选择使用: 第一种基于UA,在UA中它有一个独一无二的Chrome字符串: var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1 第二种: var isChrome = window.google && window.chrome

2013/07/03 0条评论 2191点热度 2人点赞 zhaoan 阅读全文
12345…7
搜索
分类
  • asp / 2篇
  • css / 27篇
  • html / 9篇
  • javascript / 15篇
  • php / 6篇
  • web开发 / 8篇
  • wordpress / 7篇
  • 互联网 / 16篇
  • 交互设计 / 30篇
  • 其他 / 3篇
  • 工具 / 3篇
  • 欣赏 / 11篇
  • 生活杂语 / 6篇
  • 用户体验 / 1篇
  • 素材 / 3篇
  • 网站建设 / 3篇
  • 网站推广 / 4篇
  • 网站运营 / 5篇
  • 网络技术 / 1篇
最新 热点 随机
最新 热点 随机
宝塔的FTP存储空间,API资料校验失败,请核实! 移动端APP下拉刷新与轮播图冲突的解决方法 头条号怎么运营?怎么涨粉? 转载:移动前端开发之viewport的深入理解 判断来访是搜索引擎蜘蛛还是普通用户,蜘蛛正常抓取,用户跳转指定页面 为什么我们需要构图?构图有哪些原则?
高效的Web开发 优秀网页设计师必须知道的页面布局 rem — 一个低调的css单位 ie6,ie7,ie8 css bug兼容解决方法 “微创新”-奇虎360进化过程 24小时,互联网上产生的惊人数据
广而告之

COPYRIGHT © 2022 zhaoan.org. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

陕ICP备09022954号