heartAndthink的博客

案例: 使用webpack和babel搭建react开发环境，把jsx文件转化为js文件1.第一件事是设置项目:指定盘建立一个文件下(本案例实在F盘的react目录下,后面没特殊说，默认使用F:/react 这个目录)，建立一个项目文件夹helloreact,在该文件夹内创建两个子文件夹dev和output.。在dev文件夹内会存放没有转化的jsx文件，es6文件和其他脚本相关的内容。

ES6之Babel的各种坑总结2016-07-27 15:56:0615707浏览8评论分享到   字号  Chansi_lEE学生做自己喜欢的事！ 篇手记推荐自从 Babel 由版本5升级到版本6后，在安装和使

webpack命令局部运行的几种方法 1. 第一种，先全局安装webpack命令：npm install -g webpack然后再在项目内安装命令：npm install webpack --save-dev这样在项目内就可以直接使用webpack命令了，运行的却是局部的webpack 2.第二种，直接在局部安装webpack，利用

3D轮播图的制作 body,div,li{ margin:0px; padding:0px; } .box{height:50px;background-color:#000} #box2{ position:relative;/*相对定位的参考

@-webkit-keyframes circleIn{ 0%{-webkit-transform:scale(0);opacity:0.4} 100%{-webkit-transform:scale(1);opacity:0} }@keyframes circleIn{ 0%{transform:scale(0);opacity:0.4} 100%{transform:scale(1

解决方法:页面主体设置相同的结构如:当我们页面下上滑动的时候 利用当前div 的offset().top的值与页面滚动的距离作比较,进而获取当前页面主体显示的是哪个div(class为time的div)，进而去对应导航栏上的对应选项，达到切换效果)代码: $(window).scroll(function(){ var top=document.d

html: 距离本场结束： 20 时 22 分 22 秒 22 （这里是毫秒）js: //倒计时 var endtime='{$all.endtime}'; // 截止日期时间戳 单位秒 timer(); var sI=setInterval("timer()",1); // 1毫秒执行一次 function timer(){

廖雪峰：实验: demo1: var obj = { birth:1990, getAge : function(){ var birth = 1880; var b = this.birth; var fn = function() { console.log(this); // window

父组件: app.vue

父组件: app.vue子组件: header.vue子组件: {{logo}}(我是父组件传递过来的值) {{na

1.实现方式:使用jquery插件 imagecropper.jsdemo： 图片裁剪 body{padding: 0;margin: 0; height: 100%;background-color: #eee;font-size: 12px;color: #666;} a{text-decoration: none; color: #333;} a:hover

// 上传目标触发点// 引入插件/**方法调用**/setFileUpload({ name: 'fileupload1', backfun: upback1, beforefun: checkUp1, loadfun:loadup, phpUrl: '/ossphp/php/get.php?ft=video'}); // 上传前验证function chec

解决方法 : 修改my.cnf配置文件，在【mysqld】部分添加  skip-grant-tables（免密登陆）它的意思是mysql不用密码就可以登录具体步骤:1.找到 my.cnf修改文件(一般在)etc目录下2.vi my.cnf 进入my.cnf 文件后，找到【mysqld】 通过 i 命令 在 其下面输入 skip-grant-tables,修改完成后，通过es

原型继承 var a = { name:'小明' }; // 实现原型继承 function cloneObj(obj){ var F = function(){}; F.prototype = obj; return new F(); } var b = cloneObj(a); alert(

function Aaa(){ // 父类 this.name = [1,2,3]; } Aaa.prototype.showName = function(){ alert(this.name); }; function Bbb(){ // 子类 Aaa.call(this);

继承的拖拽 #div1{width: 100px;height: 100px;background: red;position: absolute

对象的继承 1.什么是继承 1>:在原有对象的基础上,略作修改,得到一个新的对象 2>:不影响原有对象的功能 2.如何添加继承 1>:属性: call 2>:方法: for in (拷贝继承) 3.例子 1>: 拖拽 主题 : 继承 :子类不影响父类,子类可以继承父类的一些功能(代码的复用)

面向对象中的常用属性和方法 面向对象中的常用属性和方法: (1)hasOwnProperty() : 看是不是对象对象自身下面的属性 (2)constructor : 查看对象的构造函数 ->:每个原型都会自动添加constructor属性 ->:for in 的时候有些属性是找不到的 ->:避免修改constructor属性 (

原型链 知识点: 1:实例对象与原型之间的连接,叫做原型链 2:_proto_或([[prototype]]) (隐式链接),存在于实例 对象中,这个属性对脚本是不可见的 3:Object对象类型是原型链的最外层(Object.prototype) 原型对象: 无论什么时候,只要我们创建一个新函数,就会根据一个特定的组织规则,为该

包装对象 前言: 1.首先我们先来了解一下javascript的数据类型 a:5个基本数据类型: :String 类型:String类型用于表示由零个或多个16位Unicode字符串组成的字符序列,既字符串 :Number 类型:可取值 浮点数,整数,NaN(not a number) :Boolean类型:取值只有 true 和f