【JavaScript吉光片羽】遭遇IE8

最初对做兼容性的认知只停留在UI层面,但其实UI层面都还好,因为毕竟你可以直接看得见现象,更为重要的是在JavaScript层面,因为这个部分涉及到功能性,前者最多是体验性的问题.下面扯一下这几天遇到的IE8相关的兼容性问题. 1.所有$.ajax失效刚开始看到的现象是IE8/9页面切到了留言页面,没有进入正常流程.打开fiddler都没抓到请求,奇怪了,打出$.ajax error方法中的返回值.xhr.status的值都是0,原来请求没有发出去.心想:怎么没有发出去呢,难道是跨域问题,不对…

【JavaScript吉光片羽】--- 滑动条

灯光的亮度控制需要一个滑动条,先借用lamp源码中Bar: var Bar = function (opt) { var defaults = { $id: "", // 进度条dom节点id min: 1, // 刻度最小值 stepCount: 5, // 刻度步数 step: 1, // 刻度步长 $alpha: "",//显示亮度的id touchEnd: function () { } // 拖动完成回调 }; this.option = $.extend…

【吉光片羽】js横向滚动与浮动导航

1.横向滚动,这个方法是见过最简洁的了. #demo { background: #FFF; overflow: hidden; border: 1px dashed #CCC; width: 1170px;border: 1px solid red; margin-left: 10px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; width: 800%; } #demo1 { float: left; }…

【吉光片羽】ie6兼容性的几个点

1.浮动换行.自己写个导航,li向左浮动,到ie6下全部错开了. --> 还是在现有bootstrap框架的基础上修改样式保险一些. <div id="mymenu" class="navbar span12">  <ul class="nav navbar-nav"> //.... </ul> </div> 错开的主要原…

【吉光片羽】奇怪的Bug-细节的问题

这几天用Winform开发了一个小界面,遇到几个奇怪的问题,记录一下. 1.背景图片漏光. 当时很是奇怪,以为是图片的问题,让美工重新发,改成jpg也都存在.很是奇怪,原图这个地方肉眼看是不透明的,而且这个漏光还是对称的,在图片的右边也有一个同样的漏光区域.最后重建工程,这个现象消失了,再比对代码,是这一句: )))), (()))), (())))); 去掉或者换成White就好了.之前在调样式的时候设置过这个属性,开始不懂,以为是设置窗体透明的,真正的用法是表示要在窗体上透明显示的颜色.而图…

【吉光片羽】MVC 导出Word的两种方式

1.直接将Html转成Word.MVC自带FileResult很好用.Html中我们也可以嵌入自己的样式. html: <div id="target"> <style> table{border-collapse: collapse;border: 1px solid black;} td{border: 1px royalblue solid} </style> <img src="../../Content/eman_sm.pn…

【吉光片羽】之 Web API

1.在asp项目中直接添加apiController,需要新增Global.asax文件.再增加一个webapiConfig,如果需要访问方式为"api/{controller}/{action}/{id}“ 修改路由: using System; using System.Collections.Generic; using System.Linq; using System.Net.Http.Formatting; using System.Web; using System.Web.Htt…

解决VML遭遇IE8和XHTML DOCTYPE时不能运行的问题（转）

原文网址:http://blog.csdn.net/cuixiping/article/details/4227283 以下代码在IE运行正常 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">< html xmlns:v="urn:schemas-microsoft-com:vml">< head><title>VML</title&g…

JavaScript——数组的indexOf()方法在IE8中的兼容性问题

昨天在工作中遇到一个问题:数组的indexOf()方法在IE8中无效. 如以下代码在IE8中报错“对象不支持“indexOf”属性或方法”: var arr = [1,2,3]; var index = arr.indexOf(3); 解决方法1:在调用的indexOf方法前加上toString()将数组转换为字符串,再调用indexOf(),但是这时又发现3的index并不是我们预期的2,而是4,因为转换为字符串之后是"1,2,3",在查index的时候把逗号也算进去的了,显然这也不…

神逸之作：国产快速启动软件神品ALTRun

http://xbeta.info/altrun.htm 作者: ET民工和塞壬日期: 2010-09-15 分类: windows 标签: quick-launch <神逸之作:国产快速启动软件神品ALTRun> 本文作者:塞壬 2010年8月首发于善用佳软目录一.ALTRun软件简介1.1 界面观赏1.2 界面讲解二.ALTRun的基本使用方法2.1 超多方式执行快捷项(入门必读小节一)2.2 迅捷方便的定位方法(入门必读小节二)2.3 过滤筛选和智能匹配2.4 人性化的匹配设定2.5…

Java并发之synchronized关键字深度解析（一）

前言近期研读路神之绝世武学,徜徉于浩瀚无垠知识之海洋,偶有攫取吉光片羽,惶恐未领略其精髓即隐入岁月深处,遂急忙记录一二,顺备来日吹cow之谈资.本小系列为并发之亲儿子-独臂狂侠synchronized专场. 一.使用场景 synchronized是java中的一个关键字,用于给对象加锁,保证在单机的并发条件下线程安全.原子性和可见性是它保证线程安全的基础功能.一定要注意它锁的是对象,而且它是一个排他的非公平可重入锁.本文先从使用的场景上来展现其作用. 1.用在普通方法中常用的格式如下所示:…

STL之pair类型

C++ pair 类型 ---心怀虔诚,细细欣赏! 编程实践: Practice:编写程序读入一系列string和int型数据,将每一组存储在一个pair对象中,然后将这些pair对象存储在vector容器 #include<bits/stdc++.h> using namespace std; int main() { pair<string,int> p; typedef vector< pair<string,int> > VP; //pair类型的使…

使用javaScript和JQuery制作经典面试题：光棒效果

使用javaScript与jQuery添加CSS样式的区别和步骤使用javaScript制作光棒效果 --首先是javaScript <script> $(function () { var lis = document.getElementsByTagName("li"); //定义DOM变量接受标签为li的元素 for (var i = 0; i < lis.length;i++){ lis[i].onmouseover = function () { //方式…

读《编写可维护的JavaScript》第五章总结

第五章 UI层的松耦合 5.1 什么是松耦合在Web开发中,用户界面是由三个彼此隔离又相互作用的层定义的: HTML是用来定义页面的数据和语义 CSS用来给页面添加样式 JavaScript用来给页面添加行为我们的目标:确保对一个组件的修改不会经常性地影响其他部分. 结果: 遇到和文本或结构相关的问题,通过查找HTML即可定位当发生了样式相关的问题,你知道问题出现在CSS中对于那些行为相关的问题,你直接去JavaScript中找到问题所在 5.2 将JavaScript从CSS中抽离 I…

老爷车IE8如何兼容图标字体

前言首先这个标题再详细的说就是如何解决font-face在IE8下间歇性出现图标字体渲染失败的解决方案. 如果你还不知道什么是图标字体,可以先阅读:链接1,链接2,链接3 先看在IE8下的问题: 而正常的应该是这样: 可以看到所以图标都显示不了,最关键的是还显示出他本身的字符,这绝对是不能忍的,必须解决. 问题的原因到底是什么? 这个页面是为了快速一览图标字体的页面,这两个截图都是在IE8下截图的,所以可以看到font-face不是不兼容IE8,而是间歇性的撂挑子(出问题),至于问题原因: 我…

<a>标签中href="javascript:;" 为什么 style不用src

&src/href  <img src="xxx.jpg"/> <script type="text/javascript" src="xxx.js"></script> <a href="http://www.baidu.com">百度</a> <link rel=&q…

使用原生javascript和jQuery解析json数据

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式. JSONM文件中包含了关于“名称”和“值”的信息. 有时候我们需要读取JSON格式的数据文件,在jQuery中可以使用Ajax或者 $.getJSON()方法实现. jQuery ajax - getJSON() 方法语法: jQuery.getJSON(url,data,success(data,status,xhr)) 等价于: $.ajax({ url: url, data: data, suc…

【JavaScript高级程序设计】6.1 理解对象

上一章曾经介绍过,创建自定义对象的最简单方式就是创建一个Object 的实例,然后再为它添加属性和方法,如下所示. var person = new Object(); person.name = "Nicholas"; person.age = 29; person.job = "Software Engineer"; person.sayName = function(){ alert(this.name); }; 运行一下上面的例子创建了一个名为person…

浅谈JS之text/javascript和application/javascript

问题描述: JS在IE8以下浏览器运行异常代码: <script>标签是这样子写的: <script type="application/javascript"> //执行语句 </script> 这是书写的时候Dreamweaver自动补全的.但是在自己运行的例子中我的script标签写的是: <script type="text/javascript"> //执行语句 </script> 将项目中的标…

34 个今年11月最受欢迎的 JavaScript 库

作者:Iren Korkishko 译者:前端小智来源:dev 点赞再看,养成习惯本文 GitHub:github.com/qq449245884… 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料.欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西. 直接开门见山,看看有哪些好用受欢迎的库值得我们使用. 1.nodemon GitHub: github.com/remy/nodemo… GitHub Stars: 19.6 k 在编写调试Node.js项…

javascript中逻辑运算(||，&&，!)

作为一个后端开发的程序员,一直就对JavaScript情有独钟,作为一门前后端通吃的语言,必须赞一下.而且之前很长一段时间都有在做JavaScript,一路都是和ie8死磕,磕完又找低版本的谷歌磕,坑坑洼洼不计其数,但是收获就是了解到JavaScript很多好用的特性,熟练使用这些特性,不仅能加快开发速度,还能让自己的代码看起来不至于那么low,这是每个前端程序员都想做到的! 逻辑运算 JavaScript中逻辑运算有3中:且(&&),或(||),非(!),不过在说这三种逻辑运算之前,先解…

数据可视化(7)--D3基础

一直想写写D3,觉得D3真心比较强大,基本上你能想出来的图表都能绘制出来,只不过使用起来比前几个要稍麻烦一点. 正好最近读完了<数据可视化实战>,将关于D3的知识梳理了一遍,写这篇博客记录一下. D3 是一个缩写,它的全称叫Data-Driven Documents(数据驱动的文档).D3是基于数据操作文档的JavaScript库.D3帮助你使用HTML,SVG和CSS生动的展现数据.D3不需要将你使用某个特定的框架,D3重点在于对主流浏览器的全兼容,同时结合了强大的虚拟化组件,以数据驱动的方…

CSS3-基于浮动的布局，响应式WEB设计，定位网页上的元素，设计打印页面的css技术

基于浮动的布局: 1.除非图片设置了宽度,否则始终应该要对浮动的图片设置一个宽度,这样可以让浏览器给其他内容腾出环绕的空间 2.当侧边栏的高度与主内容区的高度不一致的时候,可以用个margin进行调整 3.在一个非浮动元素<div>中存在一个浮动元素,当浮动元素高于元素本身的时候,内容就会溢出<div>中,解决方案如下: A:在</div>介绍之前添加一个换行,并且添加一个类<br class=”clear”/>,之后创建一个样式br.class{clear…

JS魔法堂：追忆那些原始的选择器

一.前言首先这里说的原始选择器是指除 querySelector . querySelectorAll 外的其他选择器.从前我只使用 getElementById 获取元素并没有觉得有什么问题,但随着参与项目的前端规模逐步扩大,踩的坑就越来越多,于是将踩过的和学习过的经验教训记录在这里,供以后好查阅…

JS编程

JS编程常识一.UI层的松耦合松耦合就是要求各层遵循“最少知识原则”,或者说是各层各司其职,不要越权: HTML:结构层 CSS:表现层 JS:行为层对于各层的职能,有一句比较贴切的解释:HTML是名词(n),CSS是形容词(adj)和副词(adv),JS是动词因为三层联系紧密,实际应用中很容易越权: 1.从css中分离js 尽量不要用css表达式,如果非要用也应该把相应的代码放在hack中,便于维护 2.从js中分离css 不要用ele.style.attr及ele.cssText…

JS学习笔记——数组去重

web前端优化整理（转）

如今浏览器能够实现的特性越来越多,并且网络逐渐向移动设备转移,使我们的前端代码更加紧凑,如何优化,就变得越来越重要了. 开发人员普遍会将他们的代码习惯优先于用户体验.但是很多很小的改变可以让用户体验有个飞跃提升,所以任何一点儿小小的优化都会提升你网站的性能. 前端给力的地方是可以有许多种简单的策略和代码习惯让我们可以保证最理想的前端性能.我们这个系列的主题就是要告诉你一些前端性能优化的最佳实践,只需要一分钟,就可以优化你现有的代码.(本文内容来自极客标签) 目录最佳实践1:使用Documen…

不安分的 Go 语言开始入侵 Web 前端领域了！（ WebAssembly ）

参考:https://blog.csdn.net/csdnnews/article/details/84038848 从 Go 语言诞生以来,它就开始不断侵蚀 Java .C.C++ 语言的领地.今年下半年 Go 语言发布了 1.11 版本,引入了 WebAssembly 技术,浏览器端 Javascript 的垄断地位也开始遭遇 Go 语言的攻击.这次不同以往,它意味着 Go 语言从后端渗透进了前端,进入了一个全新的世界. WebAssembly 是一项比较新的技术,只有比较现代的浏览器才支持…

select元素添加option的add()方法 | try{}catch{}

1.javascript中的select元素添加option使用add()方法 select的add方法,第一个参数是需要被添加的option元素,第二个参数决定了被添加的位置普通浏览器中,第二个参数是一个既有的option对象,添加的option元素被插入到它之前. ie7浏览器中,第二个参数是一个索引,表示第n个既有的option对象. ie8以上版本,传入两种对象它都能识别. 如果没有第二个参数,则插入在最后. 对于普通浏览器,如果传入的是索引数值,它不会认为是出错,还是会添加在最后 2…

KnockoutJs学习笔记（二）

这篇文章主要用于记录学习Working with observable arrays的测试和体会. Observable主要用于单一个体的修改订阅,当我们在处理一堆个体时,当UI需要重复显示一些样式相同的元素时,这些数据的绑定就需要依靠observable arrays. 特别需要注意的一点是,observable arrays关注的是数组中元素整体的变化(包括增加元素,删减元素,元素顺序的改变等等),而不是元素个体的变化(元素内部某些部分的改变). 我们可以在js文件中创建一个observab…

【【JavaScript吉光片羽】遭遇IE8】的更多相关文章