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"); })