HeartAndThink-CSDN博客

原创搭建React开发环境(使用babel,webpack3)

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

2017-08-22 23:00:52 720

转载 ES6之Babel的各种坑直接

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

2017-08-22 10:09:08 2668

原创 webpack局部命令运行的几种方法

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

2017-08-21 14:35:56 1705

原创 js 实现一个简单的3D轮播效果

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

2017-07-28 17:40:30 2074

原创按钮划过波浪效果

@-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

2017-07-27 13:41:47 1114

原创页面滚动的时候自动切换导航栏

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

2017-07-18 18:29:27 5863

原创一个简单的倒计时

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

2017-07-18 17:18:38 315

原创 es6与es5 中this的区别

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

2017-07-07 17:59:36 876 1

原创子组件传递数据到父组件(vue.js)

父组件: app.vue  <!-- 子组件传递数据给父组件:

2017-07-06 15:47:43 4397

原创父组件向子组件传递数据(vue.js)

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

2017-07-03 17:53:10 8089

原创图片裁剪上传

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

2017-06-20 11:01:12 367

原创 javascript 上传文件(psd,压缩包等),图片,视频

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

2017-06-19 10:28:33 1223

原创阿里云服务器忘记数据库(mysql 5.7)密码改咋整

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

2017-06-14 02:16:58 1787

原创高级面向对象之原型继承

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

2017-06-12 23:45:07 212

原创高级面向对象之类式继承

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

2017-06-12 23:33:37 274

原创拷贝继承实现拖拽

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

2017-06-12 01:12:31 540

原创高级面向对象之继承(拷贝继承)

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

2017-06-12 00:07:42 333

原创高级面向对象之面向对象中常用的属性和方法

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

2017-06-11 12:54:51 309

原创高级面向对象之原型链

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

2017-06-11 09:40:13 301

原创高级面向对象之包装对象

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

2017-06-10 23:24:43 355

原创 javascript 原型方法,对象方法,类方法;私有属性,公有属性,公有静态属性

1.概要1、对象方法理解就很简单了，主要是如果类生成一个实例，那么该实例就能使用该方法2、类方法，不需要通过生成实例就可以使用的方法3、原型方法主要是用来对JS已有的系统对象进行扩展而生的，例如Array数组没有什么方法，你可以为其增加原型方法，那么创建的数组就拥有了该方法。1、对象方法包括构造函数中的方法以及构造函数原型上面的方法；2、类方法，其实这里的类就是一个函数，在js中由于函数也是一个对

2017-06-10 17:39:51 601

原创高级面向对象之 js是基于原型的程序

1.简单的面向对象的应用下面是一个最基本的面向对象的写法(有属性，有方法，还有它如何创建的) 1.首先写个一构造函数,在构造函数里面添加属性 2.将方法定义到构造方法的原型(prototype)上(这样的好处是:通过该构造函数生成的实例所拥有的方法都是指向一个函数的索引，这样可以节省内存，提高性能)function Aaa(){this.name =

2017-06-10 12:48:19 389

原创 JQuery通配符

jquery选择器中的通配符经常用到，大致的用法总结如下：123456$("input[id^='code']");//id属性以code开始的所有input标签$("input[id$='code']");//id属性以code结束的所有input标签$("input[id*='code']");//id属性包含co

2017-06-02 18:19:32 712

原创复选框选中判断的兼容性处理

由于JQuery版本的不同,判断复选框的选中判断条件也不同：如下表elem.checkedtrue （Boolean）将以复选框状态更改$( elem ).prop( "checked" )true （Boolean）将以复选框状态更改elem.getAttribute( "checked" )"checked"（String）复

2017-06-02 18:02:51 646

原创 struts2结果处理方式(结果跳转方式)

1.预热1.什么叫重定向服务端返回一个302 的状态码,和一个location的消息头,客户端收到302的状态码以后,立即按照location指定的地址发送请求的过程。 2.如何实现重定向Response.sendRedirect(path);3.什么时候使用重定向一个操作完成以后，跳转到另一个功能的时候使用

2017-06-01 23:22:19 3807

转载 jsp中9个内置对象与servlet对应关系及四个作用域

参考: 《jsp&servlet学习笔记.第2版.林信良》《JSR-245 JavaServer Pages 2.2 Maintenance Release Specification》隐式对象说明out转译后对应JspWriter对象，其内部关联一个PringWriter对象

2017-05-29 08:10:21 510

转载 jsp9个内置对象

1JSP内置对象(9个常用的内置对象) 1.request对象客户端的请求信息被封装在request对象中，通过它才能了解到客户的需求，然后做出响应。它是HttpServletRequest类的实例。序号方法说明objectgetAttribute(Stringname) 返回指定属性的属性值EnumerationgetAttributeNa

2017-05-29 08:07:52 263

转载 jsp7大动作指令

JSP的7个动作指令1） jsp：include 指令用于在请求处理阶段包含来自一个Servlet或jsp页面的响应。和编译指令中的include不同，include只能用于包含静态页面，而jsp:include指令则可以包含静态和动态页面。格式： Java代码 1. --------(静态页面) 2. --------(动态页

2017-05-29 07:57:46 810

转载 jsp三大编译指令

JSP的3个编译指令1.page指令2.include指令3.taglib指令本章介绍JSP的3个编译指令，在JSP中常见的编译指令有如下3个： 1.page：用于针对当前页面的指令。 2.include：用于指定包含另一个页面。 3.taglib：用于定义和访问自定义标签。使用编译指令的

2017-05-29 07:49:41 623

转载 javascript获取浏览器高度和宽度

原文地址：http://blog.snsgou.com/post-574.htmlIE中：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度documen

2017-05-27 10:15:19 503

原创 pojo 与javabean的区别

1. javabean 翻译过来就是java豆，是一种java语言写成的可重用组件，其实就是一个java类，只是这个java类要满足一些要求《1》这个类必须提供一个公共的无参构造器《2》这个类的所有属性是私有的(private) 《3》这个类的属性通过getter 和setter来访问，其它方法遵从标准命名规范《4》这个类是可序列化的,实现serializab

2017-05-26 09:55:05 357

原创 eclipse开发web项目时如何自动将web项目部署到tomcat的webapps目录下

当我们用myeclipse部署一个项目到tomcat上时,myeclipse会默认将项目部署到 tomcat 的webapps的目录下，但是eclipse却不会修改步骤:1》关闭eclipse的Tomcat 服务器(stop)2》删除该Tomcat中部署的项目(add and remove)3》清除Tomcat 的相关数据（clear） 4》双击控制台

2017-05-24 15:33:27 558

原创 ajax请求访问本地资源(json)出错？都是注释惹的祸

今天遇到了一个坑，利用ajax访问本地的json文件，json文件是我自己模拟的一些请求结果的数据。为了别人能看懂参数，我在json文件里面加上了一段注释，结果请求一直500 错误，然后我各种百度，都没结果。最终突然发现json文件里面有注释，然后把注释删除了，请求就正常了所以，对于json文件的数据，要严格按照json 格式要求，不能加注释。

2017-05-15 23:20:06 4013

原创 h5页面测试

1. 工具 : 草料二维码当我们写了一个h5页面时,在谷歌浏览器上显示正常，这时我们想在手机上模拟，这时我们可以利用草料二维码.1.百度草料二维码打开官网，我们会看见有很多选项，(文本，网址，名片等选项)，我们点击网址，会发现下面有一个框提示你输入网址(就是我们h5页面的网址)2.用谷歌浏览器打开我们的h5页面，如 http://127.0.0.1:8020/zhuawawa

2017-05-10 17:57:22 1352

原创 vue_cli安装解决

1. 安装 vue_clinpm install vue-cli -g但是安装完后出现问题输入 vue -V　会提示　vue 不是内部或外部命令原因：路径的问题输入 npm config list 把得到的结果中 C:\Program Files\node_global 复制到环境变量path中如图:

2017-05-08 10:16:15 539

原创 eclipse 的一些通用设置

1.eclipse设置默认编码格式为UTF-8需要设置的几处地方为： Window->Preferences->General ->Content Type->Text->JSP 最下面设置为UTF-8 Window->Preferences->General->Workspace 面板Text file encoding 选择UTF-8 Window->Prefe

2017-04-28 14:12:31 413

原创元素宽度的最大百分比

........view{width:750px;height:500px;overflow:hiden;}.list{width:10000000000000000%;height:500px;}.item{width:750px;height:500px;float:left;}如上图的html,实现一个左右滚动，为了简便我随意的给ul一个百分比宽度，在火狐和谷歌以及

2017-04-27 13:51:00 636

原创 css icon旋转

图一1. 图二 2. 如图一 :当鼠标移动到1 的时候小三角旋转180度最终达到图2的样子假如小三角所在div的类名叫 release 小三角是背景图.release_icon{display: inline-block;width: 10px;height: 40px;margin-left: 5px;background: url(http://img.

2017-04-26 16:43:30 4691

原创天猫，京东各大网站锚点的跳转

// 点击导航网店装修首页装修详情装修活动装修海报装修其它需求// 跳转的目的地/*锚点的滑动效果*/ $(".left_bar > a").click(function()

2017-04-26 16:20:51 1478

原创页面嵌入企业QQ质询和旺旺质询

售前咨询顾问小刚工作QQ:3217459809（在线顾问极速响应）旺旺咨询<img border="0" src="http://amos.alicdn.com/online.aw?v=2&uid=%E5%9C%A8%E7%BA%BF%E5%85%A8%E8%81%8C%3A%E5%87%9D%E6%85%88

2017-04-19 15:19:38 567

空空如也

空空如也