JavaScript中的nextSibling和previousSibling和作用类似于jquery的next()和prev()，都是获取下一个/上一个同胞元素，如果下一个同级节点不存在，则此属性返回值是null。但是具体的使用中还是有差异的，如果注意。就会引起错误
js库：把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。（animate.js、common.js）
在火狐和谷歌浏览器里面，会出现有些样式不兼容的情况，所以为了界面美观，或多或少都要写一些兼容的代码，今天写一个在火狐浏览器里面，select下拉框样式兼容。
offsetwidth是包括border、padding等，即盒模型尺寸。（所以遇到offsetWidth和border同时出现的时候要考虑一下会不会导致出错） 一个小实验 当div宽高200px，border为1px的时候，在给div添加一个变窄的定时器事件的时候，使用语句：div.style.width = div.offfsetWidth -1+‘px’，会发现，div在变宽。 究其原因：style.width为200是毋庸置疑的，可是，offsetWidth却是（200+1+1）=202，所以在第一次语句执行之后，style.width = 202-1+‘px’=201px;这就是div变宽的原因，接下来的第二次第三次执行以此类推。
例 1.12（mouseoverMouseout$Document.html） <html> <head> <title>设置opacity</title> <style type="text/css"> </style> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> $(function(){ //设置透明度，兼容性很好 $("img").mouseover(function(){ $(this).css("opacity","0.6"); }); $("img").mouseout(function(){ $(this).css("opacity","1.0"); }); /*下面头两段程序在火狐下效果完全一样， 都能运行， （2在火狐下可以，3火狐不行。但ie下2不行，1，3两段在ie上 是一样的 ），这个例子最重要的是让我看到了$(document)和document的区别。但 jquery会更兼容 */ $(document).mousemove(function(event){ $("span").text(event.clientX + ", " + event.clientY); }); // document.οnmοusemοve=function(event){ // $("span").text(event.clientX + ",, " + event.clientY); // }; /* document.οnmοusemοve=function(){ $("span").text(event.clientX + ",,， " + event.clientY); }; */ });
之前有用户反应是否能做一个火狐浏览器版的，然后就去研究了一下火狐的插件，在做Chrome插件的时候了解到火狐浏览器插件并不是很好做，也不兼容其他浏览器。
IE8的问题：IE8不支持getElementByName，而属性中又没有ID，定位难度较大。
onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"
javascript语言实现,ES6规范（使用babel编译器将es6转换为es5，webpack只支持部分es6）：
节点的类型 元素节点 —— 1 属性节点 —— 2 文本节点 —— 3 注释节点 —— 8 document —— 9 DocumentFragment —— 11 获取节点类型 nodeType 复制代码 节点的四个属性 nodeName 节点的名，以大写形式表示只读的意思 nodeValue Text节点或Comment节点的文本内容,可读写 nodeType 该节点的类型，只读 attributes Element 节点的属性集合 节点的一个方法 Node.hasCh
adobe 、nvidia的一些软件登录时弹窗白屏，那个弹窗本质上是个web页面，可能是默认浏览器不兼容或者IE ESC拦截了。
var div = document.getElementById(‘id名’)；//返回是一个，不是数组 var div = document.getElementsByTagName(‘标签名’)；//返回数组 （实时） var div = document.getElementsByClassName(‘class名’);//（带s的都是数组） var div = document.getElementsByName(‘name’)；//name名 var div = quarySelector();//css选择器 选择一个 里面放’id’，‘class’… var div - quarySelectorAll();//css选择器 选择一个（静态的，不实时。用途受局限）
类似标题：jQuery选择什么版本？ jquery一般用什么版本？ jquery ie8兼容版本？jquery什么版本稳定？
这段时间一直在熬夜。。。没办法太多的事情需要处理，刚搬完家，腾出来好多破烂机器，也正好有了比较庞大的测试环境，要做好多测试！
最近几天辛辛苦苦的修改了这个比较中意的模板，然后就需要考虑各个浏览器兼容性的问题了，目前大多数都是IE8，少部分还存在ie7、ie6等浏览器，ie浏览器绝对是一个噩梦，美丽的网站会被撕得粉碎，疼的你是不要不要的。。。
jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。
JavaScript开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。
jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。
JQ简述1 1、 jQuery出现的背景(Javascript遇到的问题) 选择器功能弱 DOM操作繁琐之极 浏览器兼容性不好 动画效果弱 2、什么是 jQuery(概念) jQuery （javaScriptQuery）JavaScript 代码库 官方网站：http://jquery.com/ 3、目前 jQuery 有三个大版本： 1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016
1.x：兼容ie678，但相对其它版本文件较大，官方只做BUG维护，功能不再新增，最终版本：1.12.4 (2016年5月20日).
jquery 截止到当前已经 3.3.1 版本了，如今随着各种浏览器的盛行，前端的框架层出不穷，jquery 独步天下，老夫写代码只用 jquery，拿起代码就是干的辉煌时代已经过去了。
JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。
前几天，好友让我帮忙增加一个复制二维码链接的功能，虽然说这个功能在很多网站都能看到，但是你会经常看到“此功能不支持该浏览器，请手工复制文本框中内容”，这是因为大都用“window.clipboardData”来实现，但这个函数只有IE和Firefox火狐浏览器支持。
onMouseEnter事件在火狐上会不断地触发mouseenter和mouseleave事件，所以需要先设置一个flag=false，在onMouseEnter时设为true，在onMouseLeave设为false，让不断触发的onMouseEnter事件只触发一次即可
网页脚本基本已经成了现在网站开发中不可或缺的元素，无论是使用JS:Javascript还是使用其他JS库：
JQuery实际是JavaScript的一个框架，可以用来简化JS的开发。截取下百度百科给出的概念：
HTML5学堂：JavaScript获取鼠标的位置，大家会想到clientX/Y等属性，灵活的获取鼠标的位置信息，能够便于我们实现各种复杂的页面交互效果，到底还有哪些属性可以获取鼠标的位置信息？另外，还有哪些能快速获取标签在页面中的位置信息？ 在书写一些“拖拽”页面交互效果，比如常见的拖拽效果、自定滚动条、放大镜等效果，都需要用到了鼠标或元素在页面上的位置信息。为了能够快速、灵活的获取鼠标位置信息，今天要带着大家来接触的不是利用clientX/Y获取鼠标的位置信息，而是利用了大家可能比较少用的两个属性lay
1、用来解决两个接口不兼容问题，由一个对象来包装不兼容的对象，比如参数转换，允许直接访问。
jQuery就是一个js库，使用jQuery的话，会比使用JavaScript更简单。
最近在开发中碰到关于颜色拾取器的需求，正好搜索了一些不错的JavaScript颜色选择器插件。这里把自己整理的内容分享给大家。
1.accept=”application/msexcel” 2.accept=”application/msword” 3.accept=”application/pdf” 4.accept=”application/poscript” 5.accept=”application/rtf” 6.accept=”application/x-zip-compressed” 7.accept=”audio/basic” 8.accept=”audio/x-aiff” 9.accept=”audio/x-mpeg” 10.accept=”audio/x-pn/realaudio” 11.accept=”audio/x-waw” 12.accept=”image/gif” 13.accept=”image/jpeg” 14.accept=”image/tiff” 15.accept=”image/x-ms-bmp” 16.accept=”image/x-photo-cd” 17.accept=”image/x-png” 18.accept=”image/x-portablebitmap” 19.accept=”image/x-portable-greymap” 20.accept=”image/x-portable-pixmap” 21.accept=”image/x-rgb” 22.accept=”text/html” 23.accept=”text/plain” 24.accept=”video/quicktime” 25.accept=”video/x-mpeg2″ 26.accept=”video/x-msvideo”
在了解jQuery对象和JS对象之间的区别和转换前，我们先对jQuery框架进行一个简单的入门。
最近在写一个时间判断脚本，需要将固定好的字符串时间转换为时间戳进行比较，在做的时候个人习惯使用chrome作为调试工具，
input的输入类型在H5之前已经有很多很广泛的使用了，但是H5其实加入了很多新的属性和验证，提供方便的同时给我们开发带来了更多的是安全性的提升，今天我们就简单的说一下H5中新的input属性和用法。
https://segmentfault.com/a/1190000037673677
超文本标记语言（HyperText Mark-up Language 简称HTML）是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。
CSS 后代选择器很好用，让我们的工作变的更方便。但是 IE8 及以下对很多后代选择器并不兼容。
每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。如：在img元素中，src就是元素的特性，用来标记图片的地址。
第一阶段：HTML的学习 超文本标记语言（HyperText Mark-up Language 简称HTML）是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。 HTML的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记HTML
原创声明 前言 前一段时间在网上闲逛看一些交互案例，偶然的看到几篇关于反馈式交互设计的文章，其中强调了反馈式设计的分类、重要性和机制，让我觉得在目前所负责的项目中这一点做的还不够好，因此萌生了一些尝试优化的想法和兴趣。 理论知识聊起来有点多，一开始就先不长篇大论了，先来见一下我们今天的主角。这是我负责的项目中最终优化形成的效果，实现过程中也并不是那么顺利，遇到一些兼容性问题的坑。 看完效果，先来让我们先来大致了解一下概念。 一、何为反馈交互？ 反馈交互意味着通过合适的反馈，以及和程序之间的交互，让用
就在前几天， layui 的作者贤心在官网发布公告，layui 官网将于 2021年10月13日 进行下线。
一、jQuery是什么？ jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 二、为什么要用jQuery？ 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DO
大家好，我是零一，IE 大家都不陌生，毕竟出现在大家的视野中已经很久很久，久到有20多年，当然也因前端技术的快速更新，给需要兼容IE浏览器的前端程序员带来了不少的困扰。
怎样算是个体面的前端攻城狮? 大概是，PM，设计，开发等工种都觉得你很专业，很腻害吧～ 下面阐述下我心中体面攻城狮该具备的 软件 能熟练使用前端会用的软件。软件主要分为以下几类 IDE 我用的是Su
demo： html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="author"
适配器模式Adapter Pattern又称包装器模式Wrapper Pattern是作为两个接口或对象之间的桥梁，这种类型的设计模式属于结构型模式，它结合了两个独立接口或对象的功能，这种模式负责加入独立的或不兼容的接口与对象，在Js中通常可以使用适配器模式进行框架的适配、参数的适配以及数据的适配。
jQuery是一套JavaScript的库，它简化了使用Javascript进行网页特效开发的一些复杂性，提供了对常见任务的自动化和复杂任务的简化。
民宿平台爱彼迎（Airbnb），他们在2013年对搜索结果页面进行改版设计，做了哪些变化呢？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
