外婆的澎湖湾--限定版-CSDN博客

原创 javascript继承的三种模式

javascript继承一般有三种模式：组合继承，原型式继承和寄生式继承；1组合继承：javascript最为广泛的继承方式通过原型链实现对原型属性和方法的继承，通过构造函数实现对实例属性的继承，同时发挥两者的优越性。function supertype(name){//父类型的构造函数 this.name=name; this.colors=["bl

2016-11-17 20:04:22 273

原创 javascript中canvas绘图的基本用法

是HTML里面非常强大的元素，利用它结合js可以实现很多动画效果，大大增强交互性。下面，我想用图文并茂的方式阐述一下canvas的绘图机制的基础内容，话不多说，先上代码：HTML的内容很简单，就是一个画布canvas，其中width和height属性指定了画布的宽和高，并且我设置background为蓝色以下为javascript的代码：首先是从DOM中获取canv

2016-11-08 22:25:14 816

原创原生js更改css样式的两种方式

下面我给大家介绍的是原生js更改CSS样式的两种方式：1通过在javascript代码中的node.style.cssText="css表达式1；css表达式2；css表达式3 "的方式直接更改CSS样式。2先在CSS样式表中对特定的类如“active类”设置样式（这里的active类是假定的，暂时不存在），然后再在javascript代码中通过node.classname="activ

2016-11-06 12:45:27 18854

原创【react学习】关于react框架使用的一些细节要点的思考

摘要: 这篇文章主要是写关于学习react中的一些自己的思考：1.setState到底是同步的还是异步的？2.如何在子组件中改变父组件的state 3.context的运用，避免“props传递地狱” 4.组件类里有私有变量a，它到底改放在this.a中还是this.state对象中（作为属性a）呢？

2017-04-17 13:54:39 243

原创【CSS/JS学习】如何实现单行／多行文本溢出的省略（...）--老司机绕过坑道的正确姿势

对div中过长文本实现文本溢出时的自动省略是写UI时较长碰到的问题，在这篇文章里我介绍了多种实现单行／多行文本溢出的省略的方式，并比较哪种更为简单和优雅

2017-04-08 22:39:52 302

原创【前端童鞋看过来！】给大家分享和推荐前端相关书籍,主要是和网络通信（HTTP／TCP／IP）及javascript相关的

摘要: 分享和推荐下书籍：《图解TCP／IP》，《图解HTTP》，《HTTP权威指南》，《TCP详解》，《javascript高级语言设计》，《javascript数据结构和算法》，《javascript性能优化》，《你不知道的javascript》，《ECMAscript6入门》，《javascript语言精粹》，最下方有书籍资源的百度云链接哦！

2017-04-05 22:14:49 668

原创 redux-form的学习笔记二--实现表单的同步验证

在这篇博客中我将用redux-form实现一个同步验证的表单【相关知识点：react框架，redux数据流，ES6标准】

2017-04-04 22:03:12 614 1

原创【webpack学习笔记(一)】流行的前端模块化工具webpack初探

讲解webpack如何实现模块编程，以及为什么我们需要打包，压缩js文件，实现sass/less编译以及JSX等模版的转换（版本控制），然后用实例说明如何用webpack实现SPA和MPA（单页面应用程序和多页面应用程序，包含详细图解）（在以后的文章中还将介绍如何实现js压缩和sass／less预编译）

2017-04-04 21:58:22 383

原创如何在atom中安装emmet和atom-beautify等插件？

为了提高编写HTML和CSS的速度，最近尝试着在Atom中安装emmet插件，下面谈谈安装成功的过程1首先我尝试了网上教程中介绍最多的方法：打开Atom的引导界面（Welcome Guide）中的install a package选项然后搜索相关emmet的包，然而却得到下面的结果，没错，由于众所周知的原因，这种方式并不能成功2然后我又采用了第二种方式：apm inst

2017-02-21 23:29:51 465

原创谈谈初入React框架踩过的坑

1 在JSX的元素中写入内联样式，例如报错：warning：Style prop value must be an object react/style-prop-object原因：在React框架的JSX编码格式要求，style必须是一个对象解决方法：除了外部那个表示Javascript语句的花括号外，里面必须再写一个花括号{}包含的对象，例如，外部的{ }表示这是Javascri

2017-01-22 13:09:10 1374

原创 HTML5应用缓存机制

首先先上一张图：用360浏览器的用户对这张图应该都是耳熟能详了吧，没错，当网络不通畅时使用360浏览器，便会有这张图弹出来。为什么没有网络还能弹出这一副画面呢？这就关乎HTML5的应用缓存机制了。那什么是应用缓存机制呢？应用缓存，是专门从浏览器的缓存中分出一块缓存区用于缓存数据，从而在离线状态下也能读取和使用该数据，这就是应用缓存，或者说叫appcache怎么使用应用缓存？

2016-11-10 18:39:05 458

转载 Javascript定义类（class）的三种方法--（转载）原作者阮一峰

作者：阮一峰编写和维护复杂的代码，必须使用模块化策略。目前，业界的主流做法是采用"面向对象编程"。因此，Javascript如何实现面向对象编程，就成了一个热门课题。麻烦的是，Javascipt语法不支持"类"（class），导致传统的面向对象编程方法无法直接使用。程序员们做了很多探索，研究如何用Javascript模拟"类"。本文总结了Javascript定义"类"的三

2016-11-07 12:17:50 317

原创 javascript遍历节点时打印空白节点怎么办？

总结：在遍历子节点时，优先选择使用children（）方法和firstelementchild（）方法而不是firstchild方法或者childnodes方法，因为它们会打印空白节点近日在用js做一个遍历二叉树的问题时，遇到一个很奇怪的问题，在使用js的childnodes方法时，打印返回的数组元素时居然出现一大堆的“#text”节点，下面我来演示一下如下为html部分：

2016-11-05 14:34:15 716

qq_31984915的博客