当前位置: 代码网 > it编程>

网页制作

前端从浏览器的渲染到性能优化

前端从浏览器的渲染到性能优化

2024-05-15 12:10 | 分类:网页制作 | 评论:0 次 | 浏览: 151

问题前瞻1. 为什么css需要放在头部?2. js为什么要放在body后面?3. 图片的加载和渲染会阻塞页面dom构建吗?4. dom解析完...

详解浏览器的缓存机制

详解浏览器的缓存机制

2024-05-15 12:10 | 分类:网页制作 | 评论:0 次 | 浏览: 148

前言浏览器缓存是前端性能优化的重要一环,对于前端效率提升的重要性,不言而喻。之前对于浏览器缓存也是一知半解,这次借着h5页面缓存优化的东风整...

基于HTTP浏览器缓存机制全面解析

基于HTTP浏览器缓存机制全面解析

2024-05-15 12:10 | 分类:网页制作 | 评论:0 次 | 浏览: 149

什么是浏览器缓存web缓存是指一个web资源(如html页面,图片,js,数据等)存在于web服务器和客户端(浏览器)之间的副本。缓存会根据...

三个不常见的 HTML5 实用新特性简介

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 156

一、dns 预解析缓存众所周知,解析 dns 是网站性能优化的比较重要的一部分,虽然加载时间不太长,但是很难压缩起来。特别是为了并发下载资源...

css代码优化的12个技巧

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 147

1.id 规则2.class 规则3.标签规则4.通用规则对效率的普遍认识是从steve souders在2009年出版的《高性能网站建设进...

低版本IE正常运行HTML5+CSS3网站的3种解决方案

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 151

如果开发时按最低标准,比如ie6不支持的特性,我们统统不用,那就没有必要写这篇文章了;但我想这种情况极少,更多的开发,是在现代浏览器上使用它...

CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 141

现在的浏览器ie6-ie10、firefox、chrome、opera、safari。。。数量众多,可谓百家争鸣,对用户来说有了很多的可选择...

ie6,ie7,ie8完美支持position:fixed的终极解决方案

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 140

ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条...

html小技巧之td,div标签里内容不换行

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 161

在一些页面开发中,除自己操作外,引起换行的情况一般有:ex一.td标签里内容长度过长引起换行;ex二.div标签(或其他标记)里内容有文本和...

告别AJAX实现无刷新提交表单

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 140

通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间跟着老大了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。第一种:(ht...

CSS可以做的几个令你叹为观止的实例分享

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 152

在我写“你未必知道的javascript和css交互的5种方法”一文时,人们对于javascript和css是如何重叠的感到惊讶。今天,我将...

IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 164

ie6/ie7/ie8/ie9中tbody的innerhtml不能赋值,重现代码如下两个按钮,第一个获取tbody的innerhtml,第二...

HTML实现title 属性换行小技巧

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 150

在换行的地方添加&#10;或&#13;实现换行<trtitle="指标名称:${target.intename}&am...

利用CSS3新特性创建透明边框三角

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 142

先来看一下效果,这在css3之前,完全是不可想象的,只有图片才能做的到,但在html5和css3大行其道的今天,实现这种效果,那都不是事啊。...

手机屏幕尺寸测试——手机的实际显示页面的宽度

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 159

手机站开发遇到一些问题,设计页面使用多大的尺寸?为此做了一些研究,除iphone特殊一些外,目前市面上的安卓系统的实际显示页面的宽度,都是3...

CSS 使用Sprites技术实现圆角效果

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 146

首先来简单说一下什么是sprites,sprites是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,...

《CSS3实战》笔记--渐变设计(一)

《CSS3实战》笔记--渐变设计(一)

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 161

基于css的渐变与图片渐变相比,最大的优点是便于修改,同时支持无级缩放,过渡更加自然。目前,实现css渐变的只有基于webkit和gecko...

《CSS3实战》笔记--渐变设计(二)

《CSS3实战》笔记--渐变设计(二)

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 139

gecko引擎的css渐变设计直线渐变基本语法-moz-linear-gradient([<point> || <angl...

《CSS3实战》笔记--渐变设计(三)

《CSS3实战》笔记--渐变设计(三)

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 141

ie浏览器引擎的css渐变实现方法ie并不支持css渐变,但是提供了渐变滤镜,可以用来实现简单的渐变效果。基本语法该参数的参数说明如下:en...

CSS3实现动态翻牌效果 仿百度贴吧3D翻牌一次动画特效

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 138

今天分享一个css3制作的翻牌效果,效果如下图所示,所过把把这个效果应用于相册肯定会很炫的。呵呵,超酷啊。一、html代码:  因为是css...

html5手机触屏touch事件介绍

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 141

html5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日...

HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 183

html5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日...

学习小实例--滚动条的简单实现

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 158

效果:代码:<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en...

cookie解决微信不能存储localStorage的问题

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 169

在开发基于微信的web页面时,发现有些机型不能存储信息到localstorage中,或者是页面一旦关闭,存储的信息也失效了。用cookie来...

实现css文字垂直居中的8种方法

实现css文字垂直居中的8种方法

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 161

注:以下demo都只是针对现代浏览器所做,未兼容低版本的ie以及其他非主流浏览器。实现css文字垂直居中的8种方法如下:1.使用绝对定位和负...

完美实现CSS垂直居中的11种方法

2024-05-15 12:08 | 分类:网页制作 | 评论:0 次 | 浏览: 178

本人前端小白,正在做一个小程序开发的项目,css样式调整搞的头都大了。关于垂直居中,已尝试了文中的几个垂直居中css样式设置,已成功解决我的...

sass 常用备忘案例详解

2024-05-15 12:05 | 分类:网页制作 | 评论:0 次 | 浏览: 178

一、变量所有变量以$开头$font_size: 12px;.container{ font-size: $font_size;}如果变...

html加css样式实现js美食项目首页示例代码

html加css样式实现js美食项目首页示例代码

2024-05-15 12:05 | 分类:网页制作 | 评论:0 次 | 浏览: 160

介绍:美食杰首页这个是轮播图效果:利用了element ui框架搭建的html、css样式,然后再通过vue指令和data存储数据和meth...

HTML基础详解(上)

HTML基础详解(上)

2024-05-15 12:05 | 分类:网页制作 | 评论:0 次 | 浏览: 164

1、认识web网页 主要是由文字、图像和超链接等元素构成,当然除了这些元素,网页中还可以包括音频、视频以及flash等。浏览器 是网页显示、...

HTML基础详解(下)

HTML基础详解(下)

2024-05-15 12:05 | 分类:网页制作 | 评论:0 次 | 浏览: 171

1、列表列表ul容器里面装载着结构,样式一致的文字或图表的一种形式,叫列表。列表最大的特点就是整齐 、整洁、 有序,跟表格类似,但是它可组合...

Copyright © 2017-2026  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com