一入前端深似海呀-优快云博客

原创 VUE学习之父子组件通信

VUE父子组件通信在Vue2.x版本以后，父子组件之间的通信变得比较容易，层次结构也比较清晰。主要通信方案主要有props+ $emit 方式、创建一个公用的VUE空实例类对象保存公用的数据、使用vuex进行公用的状态管理。接下来我们将对这几种方式一一介绍。props + $emit()此方式适用于父组件与自组件进行数据通信。那这种方式的数据传递方式是什么呢？简单来说，就是在父组件...

2018-08-08 21:31:22 263

原创 JS数据类型

JS数据类型今天我们所讲的JS，是特指ECMAscript。在ECMAscript中，数据类型没有其他强类型语言丰富，ES6之前的数据类型由5种基本数据类型（Undefined, Null, Number, String, Boolean）和一种特殊复杂数据类型构成（Object），在ES6之后，有新增了一种基本数据类型（Symbol）。接下来，我们将对各数据类型做出简介：基本数据类型...

2018-08-08 17:49:44 202

原创 CSS中强大的属性选择器

在css中有一个不太常用却非常强大的元素选择器，属性选择器，相信在开发中用过它的小伙伴一定会体验其优越之处。下面我们将详细介绍它的用法和有点。用法: [attribute]{}通过此选择器，小伙伴们即可选择到带有attribute属性的元素，用法非常方便，并且这个属性名可以向class名或ID一样由编程人员自定义，当然，最好是选择一些有语义的属性名，让使用者能够见文知意。那么他的强

2017-12-21 21:50:24 297

原创 CSS选择器之属性选择器

总所周知，常见的CSS选择器有类选择器和ID选择器以及标签选择器，但个人认为，在一个维护性较强的成熟产品中，使用属性选择器会带来更大的优势。首先，使用属性选择器可以不必通篇设置class名称，提高代码可读性；其次，属性选择器可通过设置不同的值来达到继承与扩展样式；属性选择器还能是元素更加语义化，使代码更易于维护与优化。

2017-12-21 21:01:02 290

原创 JS函数参数的理解

如果你被问道，在JS中，你有没有遇到过传递不同的参数函数的会进行不同的行为？想也不想，当然有啊，这是所有语言的特性呀，所有的语言中都会根据传入的参数不同而得到不同的答案啦！嗯，完美，这是标准答案~然而，too naive！要记住，在思考问题的时候，一定要有超越标准的思想。所以，一个题目我们可以理解成谈谈你对JS中参数的理解。那进入正题，我们知道，在大多数后台语言中（例如JAVA,C语言等），

2017-07-25 17:21:29 379

原创 this与e.target的区别

在JavaScript事件机制中，this与e.target都是代表DOM节点，但是它们之间存在什么区别呢？话不多说，先上代码：<!DOCTYPE html><html><head> <title>E.TARGET测试</title></head><style type="text/css"> #father{ width:100px; he

2017-07-06 10:49:12 1108

转载理解DOM事件流的三个阶段

本文主要解决两个问题：什么是事件流DOM事件流的三个阶段起因在学习前端的大半年来，对DOM事件了解甚少。一般也只是用用 onclick 来绑定个点击事件。在寒假深入学习JavaScript时，愈发觉得自己对DOM事件了解不够，遂打开我的《JavaScript高级程序设计》，翻到DOM事件那一章，开始第二次学习之旅。当然，DOM事件所囊括的

2017-07-05 20:27:27 1058

原创 node.js 学习的网站推荐

一、nodejs.org看看nodejs的版本升级，新特性的加入，重要bug的修复等二、www.npmjs.com模块社区，看他人源代码，省力三、github.com大量的项目和源码四、stackoverflow.com技术解答社区以及查询相关资源，环境配置，异常均可找到答案

2017-07-05 17:26:05 913

在jquery中，这两个方法都是用来获取元素的属性的，他们的区别之处在哪里呢？我们知道，在html中，有部分属性是只需要添加属性名即可生效的，如checked，disable等，对于这些属性，如果使用attr方法的时候难免会出意外，所以在1.6版本之后，jquery使用了新方法prop()来获取他们，使用此方法获取的时候，只会返回true/false，而不会返回checked这种返回值。所以建议：

2017-07-01 09:06:09 261

原创 jquery节点操作

1.创建节点jquery创建节点可以使用工厂方法,如创建一个div节点，$(‘’)或$(''),记得标签要闭合；2.插入节点要将创建好的节点插入有多种方式：append(),如$(A).append(B),将B添加到A节点内部的最后；appendTo().如$(A).appendTo(B),用法与append刚好相反，是将A添加到B中；prepend(),如$(A).pre

2017-07-01 08:21:46 496

原创 jquery有哪些优点？

1.轻量级；2.完备的学习文档；3.完善的事件处理机制；4.不污染全局空间，使用一个全局的jquery即可调用所有方法；5.开源；6.完善的ajax；7.链式操作；8.丰富的插件支持；9.隐士迭代，减少循环体的使用，节省代码量；10.完善的浏览器兼容。

2017-06-29 21:05:53 2128

原创如何防止手机网页放大缩小

防止手机网页缩放是作为一个前端开发者的基本功，我们只需要使用meta标签，设置viewport属性如下：

2017-06-29 09:04:11 2128

原创 json字符串与json对象的相互转换

json字符串转换为json对象：1.使用eval方法，如 var jsonStr = eval('('+str+')'); 2.使用JSON.parse(str);3.使用str.parseJSON()。json对象转换为json字符串：1.使用JSON.stringify(str);2.使用str.toJSONString。

2017-06-28 22:35:02 256

翻译对web标准以及W3C的理解与认识

web标准，简单来说就是将页面的结构、表现和行为各自独立实现（结构、表现和行为相分离原则）。结构主要由html标签组成，通俗来讲，写入body里的各种标签都是为了页面的结构；表现指的是css样式表，通过css样式表，可以使写入body的结构标签更具有美感；行为指的是页面和用户具有一定的交互，同时页面结构和样式会发生变化，主要由js构成。web标准一般将三部分独立分开，使它们更加模块化。但一般产

2017-06-21 22:38:01 363