社区
CSS
帖子详情
想让网页刷新的时候不闪烁,有什么好办法
luckylf
2004-02-20 01:25:24
特别是有Iframe的情况,用户反映过于刺眼
...全文
92
3
打赏
收藏
想让网页刷新的时候不闪烁,有什么好办法
特别是有Iframe的情况,用户反映过于刺眼
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
电脑屏幕
闪烁
与电脑屏幕抖动的原因与解决
办法
电脑屏幕
闪烁
与电脑屏幕抖动的原因与解决
办法
.pdf
。。。
超强的IE背景图片
闪烁
(抖动)的解决
办法
超强的IE背景图片
闪烁
(抖动)的解决
办法
HTML特效代码大全[项目代码]
本文详细介绍了多种HTML特效代码,包括贴图、加入连接、在新窗口打开连接、移动字体、字体加粗、斜体、下划线、删除线、字体大小控制、更改字体颜色、消除连接下划线、贴音乐、贴Flash、贴影视文件、换行、段落、原始文字样式、换帖子背景、固定帖子背景不随滚动条滚动、定制帖子背景颜色、帖子背景音乐、贴
网页
等。此外,还提供了忽视右键、加入背景音乐、简单的window.open方法、简单的页面加密、拉动页面时背景图不动、让浏览器在保存页面时保存失败、随机替换图片、窗口定时关闭、
网页
自动关闭、
网页
自动
刷新
、
网页
自动转页、保持layer在最前面、返回上一页、关闭窗口、关于iframe的透明背景、屏蔽鼠标右键、取消选取防止复制、不准粘贴、防止复制、IE地址栏前换成自己的图标、收藏夹中显示图标、关闭输入法、永远都会带着框架、防止被人frame、
网页
将不能被另存为、查看
网页
源代码、删除时确认、屏蔽功能键Shift,Alt,Ctrl、
网页
不会被缓存、怎样让表单没有凹凸感、不要滚动条、去掉图片链接点击后图片周围的虚线、电子邮件处理提交表单、在打开的子窗口
刷新
父窗口、如何设定打开页面的大小、在页面中如何加入不是满铺的背景图片拉动页面时背景图不动、检查一段字符串是否全由数字组成、获得一个窗口的大小、怎么判断是否是字符、TEXTAREA自适应文字行数的多少、日期减去天数等于第二个日期、选择了哪一个Radio、脚本永不出错、ENTER键可以让光标移到下一个输入框、检测某个网站的链接速度、各种样式的光标、页面进入和退出的特效、在规定时间内跳转、
网页
是否被检索、变换
网页
的鼠标光标、怎样实现在任务栏显示小图标的效果、设置表格虚线、用CSS做邮票、最基本的弹出窗口代码、经过设置后的弹出窗口、用函数控制弹出窗口、IE6已支持自定义cursor、用marquee做的滚动字幕、在FLASH5中也存在一些字体打散后变成一团的事是为什么、flash的
网页
里“加入收藏夹”功能怎么实现、在Flash中文本的动态属性和输入属性的区别、怎样在IE中调用Dreamweaver进行编辑、设置表格虚线、看看在
网页
中调用HHCtrl控件效果、如何让一张图片有浅到深的渐变、双击鼠标左键来滚动背景单击停止、如何在同一页面设置不同文字链接效果的样式、用CSS给文字加入阴影效果和文字描边效果、如何给做带颜色的下拉菜单、关于DW4的表格中的亮边框和暗边框问题、自动显示主页最后更新日期、如何让滚动条出现在左边、如何加入网址前面的小图标、在800*600显示器中如何不让
网页
水平出现滚动条、关于的说明解释、用图片来关闭窗体、禁止鼠标右键查看
网页
源代码、通过按钮来查看
网页
源代码、怎么用文字联结实现按钮的SUBMIT功能、如何做一个空链接、利用
来给
网页
中插入
网页
、请问<tbody>的用法、Alt和Title都是提示性语言标签请注意它们之间的区别、用javascript代码来实现
闪烁
按钮、CSS给图片定义颜色边框、在DW中如何使插入的FLASH透明、在DW编辑文本中如何输入一个空格呢、为何我的DW中图形显示不正常、如何在本地机器上测试flash影片的loading、在
网页
中做出一根竖的线有几种
办法
、关于鼠标拖动改变层大小等。
IOS React等Title不显示问题解决
办法
IOS React等Title不显示问题解决
办法
单页应用里整个页面只会在第一次完全
刷新
,后面只会局部
刷新
(一般不包括head及里面的title),所以无法在服务器端控制title,只能在页面
刷新
的时候通过js修改title。常规做法如下,可惜在iOS微信浏览器无效。 问题原因: 因为微信浏览器首次加载页面初始化title后,就再也不监听 document.title的change事件。 解决方案: 修改title之后,给页面加上一个内容为空的iframe,随后立即删除这个iframe,这时候会
刷新
title。但是如果简单的这样设置,一般是会有闪动的,所以可以设置 iframe.style.
单页面和多页面开发及应用
# 单页面和多页面开发及应用 # 单页面: - 什么是单页面:单页面是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入。 - 跳转仅加载一次,用于PC和公务网站 - 页眉 -> 第一页,第二页, 第三页 -> 脚本 # 单页面技术: -AngularJS是一个全面的客户端侧框架。其模板基于双向UI数据绑定。数据绑定是一种自动方法,在模型改变时更新视图,以及在视图改变时更新模型。其HTML模板在浏览器中编译。编译步骤创建纯HTML,浏览器将其重新渲染到实时视图。该步骤会在随后的页面浏览中重复。在传统的服务器端HTML编程中,控制器和模型等概念在服务器进程中进行交互以产生新的HTML视图。在AngularJS框架中,控制器和模型状态在客户端的浏览器中维护,从而使生成新页面不依赖与服务器的交互。 -Ember.js是基于模型-视图-控制器(MVC)软件架构模型的客户端侧JavaScript Web应用程序框架。它允许开发人员在一个框架中通过常用的习惯用语和最佳实践来创建可伸缩的单页面应用程序。该框架提供丰富的对象模型、声明性双向数据绑定、计算属性,Handlebars.js提供的自动更新模板,以及一个路由器管理应用程序状态。 -Meteor.js是一个专门为单页应用设计的全栈(客户端-服务器)JavaScript框架。它具有比Angular、Ember或ReactJS更简单的数据绑定特性且使用--Distributed Data Protocol和一个发布/订阅来自动将数据更改传播到客户端,无需开发人员编写任何同步代码。全栈反应确保从数据库到模板的所有层都可以在必要时自动更新。诸如服务器端渲染等生态系统包则解决搜索引擎优化(SEO)等问题。 -Aurelia是一个适用于移动设备、桌面和
网页
的JavaScript客户端框架。它类似AngularJS,但更新、更符合标准,并采用模块化举措。Aurelia使用下一代ECMAScript编写。 -Vue.js(通常称为Vue)是一个用于构建用户界面的开源渐进式JavaScript框架。 -React(通常写为React.js或ReactJS)是一个构建用户界面的JavaScript函式庫。它由Facebook、Instagram和个人开发者以及企业社区维护。React最大的优势是易于使用——基本上任何熟悉HTML的开发人员都可以创建React应用程序。另一个所称的优势是可能使用相同的技术堆栈来同时创建Web与移动应用程序。有多家公司使用React和Redux库来让开发人员创建复杂但可扩展的Web应用程序。 -Fulcro是一个全栈库,它采用Netflix的Falcor,Facebook的Relay和Om Next对反应性,功能性,数据驱动软件进行改编的数据驱动原则。 -单页面做seo(搜索引擎优化): -根据部分进行优化为每个关键字创建一个或或每个关键字并为其分配一个适当的ID,该页面上的内部链接将链接至ID。 -优化页面速度对于单页网站SEO来说至关重要。 - 做了seo 以后,单页面还是单页面 # 单页面优点: -减小服务器压力。 如果不用单页面(spa),如果每次切换页面的时候,都向服务器发送一个请求,服务器返回一个html文件;但是如果使用了单页面,在切换时,不需要请求服务器,只要通过本地的js来切换即可。并且服务器端就不需要配置路由,完全做到了前后端分离 -增强用户体验,增加app的使用流畅性。 使用spa之后,页面在切换的时候非常流畅,完全没有那种不断
刷新
的感觉,而是非常快的就有了响应,因为js运行速度很快,所以js在做本地路由的时候,就会非常快。 -单页应用没有页面之间的切换,就不会出现“白屏现象”,也不会出现假死并有“
闪烁
”现象。 -单页应用相对服务器压力小,服务器只用出数据就可以,不用管展示逻辑和页面合成,吞吐能力会提高几倍。 -良好的前后端分离。后端不再负责模板渲染、输出页面工作,后端API通用化,即同一套后端程序代码,不用修改就可以用于Web界面、手机、平板等多种客户端。 -单页面缺点: -首次加载耗时比较多。 解决
办法
:可以采用基于HTTP Chunk 的首屏数据渐进式预加载方案,该方案总体减少了单页应用1.2s的首屏呈现时间。首屏数据渐进式预加载的优化思路也得到了体现: 优化首屏数据加载节点的速度。 预先加载首屏数据,使得多个串行节点并行化。 -SEO问题,不利于百度,360等搜索引擎收录。 解决
办法
:可以采用prerender服务,它拿到请求够,直接在服务端的一个js engine里,运行这个HTML(就像浏览器做的那样),直到内容动态填完之后,再广播一个事件告诉phantomjs“内容已经好了,可以返回给爬虫了”,这样爬虫就拿到了一份完整的HTML,就和在浏览器里渲染完的一样。目前流行的框架都有对应的服务器渲染框架 -如有造成Css命名冲突。 解决
办法
:我们可以使用Sass、LESS和Stylus等CSS预处理器,在一定程度上可以解决该问题。 -前进、后退、地址栏、书签等,都需要程序进行管理,页面的复杂度很高,需要一定的技能水平和开发成本高。 # 多页面: -什么是多页面:每一次页面跳转的时候,后台服务器都会给返回一个新的html文档,这种类型的网站也就是多页网站,也叫做多页应用 - 跳转需要
刷新
所有资源,用于app 或 客户端 - 页眉 -> 第一页 -> 脚本,页眉 -> 第二页 -> 脚本,页眉 -> 第三页 -> 脚本 -多页面优点:给用户提供一个完美的视觉方向,重点是没有很多的菜单,简洁明了的SEO管理。由于可以针对每页一个关键字优化应用程序 -多页面缺点:后端和移动客户端不能同时使用,前端和后端开发紧密结合。开发变得相当复杂。开发人员需要为客户端和服务器端使用框架。这导致应用程序开发时间更长。 # 区别: -组成:单页面由一个外壳页面和多个页面组成, 多页面由多个完整页面组成 -css(资源公用):单页面为共用,只需要外壳部分加载,多页面则不共用,每个页面单独加载 -
刷新
方式:单页面页面局部更改或
刷新
,多页面整页
刷新
-url模式:单页面 a.com/#/pageone 多页面 a.com/pageone.html -用户体验:单页面页面切换快,用户体验良好,多页面加载缓慢,流畅度不够,用户体验较差 -转场动画:单页面容易实现,多页面无法实现 -数据传递:单页面容易,多页面需要依赖url传参,或cookie,localSrorage等 -搜索引擎优化:单页面需要单独方案,实现较为困难,不利于SEO搜索,可利用与SSR优化,多页面实现方法容易 -适用范围:单页面高要求的体验度,追求页面的流畅,多页面追求高度支持搜索引擎的应用 -开发成本:单页面较高,需要专业的框架,多页面较低,但页面重复代码较多 -维护成本:单页面相对容易,双页面相对复杂
CSS
61,125
社区成员
60,706
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章