用Fundebug插件记录网络请求异常

在服务端,不管我们使用Node.js、Java、PHP还是Python等等,都会用日志以文本的形式记录请求以及报错信息。这个对于后端做事后分析是很有用的。 另一方面,前端有时候出问题其实是因为后端接口报错,返回数据异常导致。而实际上,前端才是用户直接触及的端,所以出了问题,首先是在前端体现出来,首先 ... »

JavaScript的数据类型问题总结

一 JS中有哪些数据类型? -- 共 6 种数据类型,其中 5 种基本数据类型Undefined,Null,Boolean,Number和 String,1 种复杂数据类型Object。因为ECMAScript不支持创建任何自定义的类型,所以最终所有的类型都是其中 6 种数据类型之一。(ES6中新增 ... »

knockout + easyui = koeasyui

在做后台管理系统的同学们,是否有用easyui的经历。虽然现在都是vue、ng、react的时代。但easyui(也就是jquery为基础)还是占有一席之地的。因为他对后端开发者太友好了,太熟悉不过了。要让一个后端开发者来理解vue或者是react的VNode、状态器、组件等,都是有那么一点点的为难 ... »

浏览器同源策略及跨域的解决方法

什么是浏览器同源策略 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说 Web 是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。 它的核心就在于它认为自任何站点装载的信赖内容是 ... »

SVG的动态之美-搜狗地铁图重构散记

搜狗地图发布了新版的移动端地铁图,改版初衷是为了用户交互体验的提升以及性能的改善。原版地铁图被用户吐槽最多的是pinch缩放不流畅、无过渡动画、拖拽边界不合理等等,大体上都是交互体验上的问题。实际上原版的问题不仅仅存在于交互体验上,源代码也是一团糟: 无模块化概念; 存在冗余逻辑和文件; 滥用第三方 ... »

javascript中的"x != x"

在javascript的运用中,经常遇到判断两个 对象/值 是否相等的情况。有些表明上看着一样,其实他们不一样。有些特殊情况,需要我们辨别。 ... »

JS/jquery实现鼠标控制页面元素显隐

最近网站要上一个活动广告横幅,当用户鼠标划过时显隐二维码。像这种鼠标事件控制页面元素显隐的情况,码农们会经常遇到,可以通过javascript或jquery代码实现,下面就几种常见需求一起归纳一下。 mouseout和mouseleave 对于鼠标指针的移入和移出,就涉及到了mouseover、mo ... »

全方位分析web前端如何进行性能优化

前言: 最近刚刚完成项目,空闲一段时间,想起之前有被问起怎么对前端进行性能优化,自己也是脑中零零散散的总不成体系,现特来总结,欢迎补充指教。 1、整体资源 (1)js、css源码压缩 (2)css文件放到文档顶部,js 文件放到文档底部 因为浏览器渲染网页是自上而下的,用户第一眼见到的是页面,先加载 ... »

javascript中!=、!==、==、===操作符总结

相等操作符(==)会为两个不同类型的操作数进行类型转换,然后进行严格比较。 严格相等操作符(===),一般也叫做全等操作符。会先判断类型,再比较值是否相等。 ... »

JS的进阶技巧

前言 你真的了解JS吗,看完全篇,你可能对人生产生疑问。 typeof typeof运算符,把类型信息当做字符串返回。 正则表达式并不是一个‘function’,而是一个object。在大多数语言中,null 代表的是一个空指针(0x00),但是在js中,null为一个object。 instanc ... »

JavaScript和JQuery的区别

一、本质上的区别 1.JavaScript 是通过<script></script>标签插入到HTML页面,可由所有的现代浏览器执行的一种轻量级的编程语言。 2.JQuery是一个JavaScript函数库。或者说是JavaScript中最流行的一种框架。 使用JQuery首先要在 HTML 代码最 ... »

hi-nginx-javascript vs node.js

hi-nginx-1.4.9已经支持javascript,这意味着把javascript应用于后端开发,将不再只有nodejs这唯一的途径和方法。由于java本身对javascript的极好支持,使得在hi-nginx中,可以直接在javascript脚本中使用java——相当于把java嵌入了ja ... »

解决iframe在移动端(主要iPhone)上的问题

前言 才发现已经有一段时间没有写博客了,就简单的说了最近干了啥吧。前段时间忙了杂七杂八的事情,首先弄了个个人的小程序,对的,老早就写了篇从零入手微信小程序开发,然后到前段时间才弄了个简单的个人小程序,主要是关于菜式方面制作的,原因么,就在我另外一件事情上有说到了,就是然后又弄了个个人的公众号《前端美 ... »

JavaScript之对象继承

原型链继承 缺点 1. 如果 SuperType 存在一个引用类型的属性,而 SubType 的原型对象变为 SuperType 的一个实例,这样每个 SubType 的实例都会共用这个引用类型的属性,不同的 SubType 实例对该属性的操作都将会在其它 SubType 实例中体现出来,这跟每个实 ... »

前端开发常用代码片段(中篇)

十一、检测浏览器是否支持svg 十二、检测浏览器是否支持canvas 十三、检测是否是微信浏览器 十四、检测是否移动端及浏览器内核 十五、检测是否电脑端/移动端 十六、检测浏览器内核 十七、强制移动端页面横屏显示 十八、电脑端页面全屏显示 十九、获得/失去焦点 1、JavaScript实现 2、jQ ... »