优雅的处理图片异常

序 在我们的实际工作中,不可避免的会在页面中加载大量图片,但可能由于网络问题,或者图片文件缺失等问题,导致图片不能正常展示 我们希望有一种降级处理的方式,可以在图片加载失败后显示一张我们预先设定好的默认图片 监听图片的 error 事件 由于图片加载失败后,会抛出一个 error 事件,我们可以通过监听 error 事

利用express搭建本地服务器

在此之前,自己写js脚本,通过nodejs搭建过服务器,但是总会出现这样那样的问题,于是发现已经有成熟的搭建服务器的方式,遂记之! 第一步 npm install express -g 第二步 npm install express-generator -g 第三步 express myserver cd myserv

CSS奇淫巧技

前言 最近在读大神张鑫旭的《CSS世界》,让我对CSS又有了更进一步的理解,也学到一些奇淫巧技,感觉特别有意思,遂记录一下。 1.鼠标悬停,改变图片 在以往的经验中,做此类效果通常使用的方法是通过javascript的mouseover事件或者通过:hover来控制子元素(目标图片)的显示与隐藏来实现,在看完该书替换元

js监听html元素属性变化

午觉还没睡醒,一朋友发来信息,问我怎么监听div元素的display属性变化。 我的第一感觉就是用定时器呀,setInterval(),每隔0.5秒检查一次div。朋友的嫌弃的回复了”不靠谱” 三个字。 听罢,怎能忍?于是想到了vue在实现双向绑定的时候所用的数据劫持操作。遂试验一下 Objec

javascript常见算法

一、数学算法 1.阶乘 5! = 5 * 4 * 3 * 2 * 1 = 120 4! = 4 * 3 * 2 * 1 = 24 /** * @param {number} number * @return {number} */ export default function factorial(number) {

ES6新特性

前言 事实上,ES6并不是什么新技术,记得没错的话2015年就出来,现在应该都到ES2017了,但是总的来说ES6是最具革命意义的,它新增的一些语法解决了很多很复杂的问题,这里我们简单归纳一下ES6到底有什么新特性。 1.let,const ES6里面增加了变量定义let 和 常量定义const,可能有的童鞋会问,ES

HTML 5.2有什么新功能?

序言 2017年年底,HTML 5.2成为正式的W3C推荐标准(REC),这意味着它已经得到了W3C成员和Director的正式认可,而我们前端苦逼猿也可以运用其中的新功能来开发了。在HTML 5.2中,有一些增加和删除,所有这些都可以在官方的HTML 5.2 Changes页面上看到。在本文中,我将回顾一些我认为比较

简单实现依赖注入

序言 学过AngularJS 的童鞋都会惊叹于它的依赖注入的方便实用,依赖注入也成为了这个框架最大的特点之一吧。一直以来,对于依赖注入,都比较有兴趣,所以也试着去简单的实现一下依赖注入,没有想象的那么高大上,用最土的办法实现一下。哈哈~~ 为什么要用依赖注入 传统情况下,一个函数的参数是由函数的调用决定的,也就是说,调

一步一步实现数据的双向绑定

前言 学习前端的童鞋都知道,现在很多主流的前端框架都流行MVVM模式,比如说当下很流行的Vue、Angular等都是运用了这种模式,而MVVM模式中最重要的组成部分就是数据的双向绑定,因为笔者最近也在自学Vue,对双向绑定也颇感兴趣,本文也是以Vue的双向绑定实现模式(数据劫持)来举例,所以也希望通过这篇文章来记录一下