FAFA的博客

原创 VUE 生命周期

原创 VUE prop的使用心得

可以为组件的 props 指定验证规格。使用对象的方式设置验证方法Vue.component('example', { props: { // 基础类型检测 (`null` 意思是任何类型都可以) propA: Number, // 多种类型 propB: [String, Number], // 必传且是字符串 propC: { ...

原创 Webpack 工程目录解析

目录结构package.json{ "name": "webpack_environment", "version": "1.0.0", "description": "A webpack environment test", "author": "abzerolee", "scripts": {

原创 VUE CLI脚手架

功能能够使用ES6语法打包和压缩JS为一个文件项目文件在环境中编译，而不是浏览器实现网页自动刷新

原创 VUE 生命周期

钩子函数的触发时机beforeCreate在实例初始化之后，数据观测（data observer）和event/watcher事件配置之前被调用。created实例已经创建完成之后被调用。在这一步，实例已经完成以下配置：数据观测（date observer），属性和方法的运算，watch/event事件回调。然而，挂载阶段还没开始，$el属性目前不可见。beforeMount...

原创 JavaScript 箭头函数

###箭头函数中的this按照词法作用于绑定var obj = { birth: 1990, getAge: function (year) { var b = this.birth; // 1990 var fn = (y) => y - this.birth; // this.birth仍是1990 return fn.c...

原创 JavaScript 翻转字符串

翻转字符串reverseMessage: function () { this.message = this.message.split('').reverse().join('');}

原创 JavaScript JSON的序列化和解析

序列化一个js对象var obj = { name : "cxh", sex : "man"}var str1 = JSON.stringify(obj);var str2 = obj.toJSONString();//json.js包中提供的方法。解析一个JSON字符串var str = '{ "name": "cxh",

原创 CSS 清除浮动

使用clear属性清除浮动在容器尾部添加空元素<style type="text/css"> .clear { clear: both; }</style><div class="news"> <img src="news-pic.jpg" /> <p&amp

原创 JavaScript 小数处理

取整parseInt(7/2);//去掉小数后面的部分parseInt的具体用法向上取整Math.ceil(3.5);//返回大于等于参数的最小整数四舍五入Math.round(7/2)；向下取整Math.floor(4.9)；...

原创 JavaScript 常用算法--克隆对象

使用JSON方法var oldObj = { a : 1}var strJson = JSON.stringify(oldObj);var newObj = JSON.parse(strJson);遍历function clone(obj){ var o; if(typeof obj == "object"){ if...

原创 JavaScript 命名空间namespace

$.namespace = function() { var a=arguments, o=null, i, j, d; for (i=0; i<a.length; i=i+1) { d=a[i].split("."); o=window; for (j=0; j<d.length; j=j+1) { ...

原创 JavaScript 常用算法--去重

var Hash_test=function (arr) { var hash={}; for(var i=0;i<arr.length;i++) { if(hash[JSON.stringify(arr[i])]) { hash[JSON.stringify(arr[i])]++; } ...

原创 JavaScript Object的常用方法

Object.getOwnPropertyNames(obj);var o = { name : "kaifa", sex : "男"}Object.getOwnPropertyNames(o);//["name", "sex"] ,返回属性的数组集Object.prototype.toString.call(obj);var o = { name ...

原创 JavaScript 事件冒泡和事件捕捉

含义事件冒泡事件的触发顺序为，由内而外。直到文档最顶层（document或window）。事件捕捉事件的触发顺序为，由外而内。任何发生在w3c事件模型中的事件，首是进入捕获阶段，直到达到目标元素，再进入冒泡阶段。//使用事件捕捉模式element1.addEventListener('click',doSomething2,true)//使用事件冒泡模式（默认）ele...

原创 JavaScript 绑定多个相同事件

行内绑定//只执行fun1();<button onclick="fun1()" onclick="fun2()">按钮</button>//两个都执行；<button onclick="fun1();fun2()">按钮</button>onclick属性//只执行第二个函数；var button = docum

原创 jQuery 添加jQuery对象的方法

$(function () { jQuery.fn.isChildOf = function (b) { return (this.parents(b).length > 0); }; var flag = $("#child-div").isChildOf("#parent-div");})