四时宝库

程序员的知识宝库

浅谈Web 实时推送技术,有对比,有总结

前言

随着 Web 的发展,用户对于 Web 的实时推送要求也越来越高 ,比如,工业运行监控、Web 在线通讯、即时报价系统、在线游戏等,都需要将后台发生的变化主动地、实时地传送到浏览器端,而不需要用户手动地刷新页面。本文对过去和现在流行的 Web 实时推送技术进行了比较与总结。

一、双向通信

HTTP 协议有一个缺陷:通信只能由客户端发起。举例来说,我们想了解今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。这种单向请求的特点,注定了如果服务器有连续的状态变化,客户端要获知就非常麻烦。

JS的封装(js封装json)

今天,是JavaScript回炉的第四十七天


通过当前构造函数并且替换当前构造函数里的参数值,改变加载页面等待画面和文本内容


//获取id


function $(id){


return document.getElementById(id);


}


//ajax获取后端的内容


05>如何最小化重绘(repaint)和回流(reflow)

DOM

1. 利用冒泡和不利用冒泡的差别

答案:

1. 绑定位置不同: 不利用冒泡绑定在目标元素上,利用冒泡绑定在父元素上

2. 监听对象的个数不同: 不利用冒泡会反复创建多个监听,利用冒泡始终只有一个监听

3. 动态生成的元素: 不利用冒泡无法自动获得事件处理函数,必须反复绑定

JavaScript中DOM操作(javascript的dom操作)

核心内容就是利用 增删改查

查询:

就是获取元素

1.标准DOM API

*document.getElementById

*document.getElementsByTagName

*document.getElementsByName //input 中name

HTML5节点操作,HTML节点元素常用的DOM操作有哪些

DOM结构

DOM 采用的是“树形结构”,用“树节点”的形式来表示页面中的每一个元素。我们先看下面的一个例子。

很了解DOM?(很了解的英语)

DOM是所有前端开发每天打交道的东西,但是随着jQuery等库的出现,大大简化了DOM操作,导致大家慢慢的“遗忘”了它的本来面貌。不过,要想深入学习前端知识,对DOM的了解是不可或缺的,所以本文力图系统的讲解下DOM的相关知识,如有遗漏或错误,还请大家指出一起讨论^ ^。

一、DOM是什么?

DOM(文档对象模型)是针对HTML和XML文档的一个API,通过DOM可以去改变文档。

这个说法很官方,大家肯定还是不明白。

举个例子:我们有一段HTML,那么如何访问第二层第一个节点呢,如何把最后一个节点移动到第一个节点上面去呢?

第51节 可编辑的内容-Javascript-零点程序员-王唯

本内容是《Web前端开发之Javascript视频》的课件,请配合大师哥《Javascript》视频课程学习。

在HTML中,任何元素都可以被编辑;启用编辑功能:HTML标签设置contenteditable属性,或者在Javascript中设置该元素的contentEditable属性;

<div id="editor" contenteditable>单击编辑</div>
<div id="mydiv">也可编辑</div>
<script>
var mydiv = document.getElementById("mydiv");
mydiv.contentEditable = true;
</script>

Github非常惊艳的轻量级开源动画引擎——Animejs

介绍

Anime.js是一个轻量级的JavaScript动画库,具有简单但功能强大的API。它与CSS属性,SVG,DOM属性和JavaScript对象一起使用。






Github

在Github上已收获近35k的star数,可见其非常受广大使用者的热爱!

DOM 操作之属性操作(dom操作元素)

本章目标


  • 掌握基本属性的使用
  • 掌握 textContent 和 innerHTML 的区别
  • 掌握表单属性的使用
  • 掌握自定义属性的使用

8个javascript获取元素的方法(表单中获取选中元素或者输入元素值的语法,假设事件对象为e?)

在我们的日常前端开发工作中,经常会用到javascript技术,那么javascript获取元素的方法

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接