- 博客(36)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue中使用EventBus进行组件通信
Vue中的eventBus类似与js原生的事件，即CustomEvent事件，该事件主要是用于dom之间的互相通信，而eventBus则不同，eventBus主要用于组件之间的通信，该方法应用于兄弟组件之间通信偏多，但是，该方法也可以应用于父子之间的相互通信。这里我以脚手架3.0为样例进行讲解接下来要使用的方法。建立EventBus可以通过以下两种方法:1) 在main.js中直接创建...
2019-03-09 16:17:02
759
原创 自己动手从头做一个react路由
本案例用的是create-react-app脚手架生产的demo,在创建好后需要安装history模块和prop-types模块。npm install history --savenpm install prop-typeshistory主要是需要来制作前进后退相关的步骤，而prop-types则是基本的类型检查。安装以上两个模块后就开始制作react的路由。首先，路由最...
2018-10-10 16:14:33
2736
原创 react中使用Jest+Enzyme的单元测试(详细)
在react中还是在编写vue的项目的时候，不管是大型项目亦或是中小型项目，我觉得编写单元测试是一个很好的习惯，我在看了好多博客之后，发现，大多数博客都是在写相关配置等问题，而并没有详细传授用户如何使用单元测试，因此，我写这篇文章的目的也是让react用户学会使用单元测试。我就从头教下如何使用。在使用create-react-app的命令下载了react脚手架后，用户可以将src目录下的App...
2018-09-23 18:03:54
2359
3
原创 在react中使用fetch
fetch是一个和axios一样的一个基于promise封装的一个http库。但是他与axios不同，从我个人角度理解，他比axios封装的更为严谨。在刚使用fetch去请求数据的时候：fetch('url').then(res=>{ console.log(res); })输出的并不是我们请求的数据，而是：但是，从status来看，我们的确从服务端请求到了数据。这就是他与其他ht...
2018-05-19 15:28:29
12046
原创 react中的逆向传输流
在react中提供的props只能进行单向传输流，但是在某些情况下，我们必须要从子组件发送信息到父组件，因此，我们可以进行函数来进行触发，从而达到逆向传输流。举个栗子~~~class DemoOne extends React.Component { handleVote(productId) { const nextProducts = this.state.produc...
2018-05-18 23:58:23
1037
原创 react中的props
在开发react的时候，是分为组件来进行开发的，正是有了组件化模式，给开发带来了许多的方便。在使用react组件的时候，因为都是单组件，因此，在子组件需要父组件的方法的时候，我们就要想办法来获取了。react中是提供的单向绑定，而并不是像vue是可以进行双向绑定的。当然拉，react也可以做当逆向传输，这个我将在下一篇文章中介绍。言归正传，react中，使用单向传输就必须使用props了。在rea...
2018-05-18 23:44:18
467
原创 使用axios上传数据(包括其中的一些坑)
axios,是有一个基于es6中的promise开发的一个http库，他的主要功能就是向服务端请求和发送数据,promise可以简单的理解为只有三种状态，即pending(进行)->fulfiled(成功)和pending(进行)->rejected(失败)。因此，我们在调用完成之后，在末尾总是需要加上then()和catch(),他们分别表示成功和失败之后所做的动作。与jquery中...
2018-05-09 17:47:42
2086
原创 node.js接收上传的文件
node.js是一门主要用来处理服务器请求的语言，在处理请求的时候，表单是最为普通的一种请求，在某种情况下，我们需要接受用户上传的文件，一起来了解一下node.js中如何上传文件把，我在这里以上传图片的例子。nodejs中一个模块被称为formidable，可以使用npm install formidable使用npm进行下载。首先，需要创建一个formidable的对象。var form=new...
2018-05-01 20:25:59
8752
原创 vue中的$refs
vue最强大的就是它的虚拟dom以及数据驱动，那么我们就要尽可能少的去操作原生dom,那，我们怎么去获取一些dom中的数据呢，这次，来讲解一个vue中提供的一个指令，就是$refs。来个栗子：<input type="text" placeholder="add">如果我要获取上面文本框中的值，但是，vue的核心就是数据驱动，让我们尽可能少的去操作原生dom.因此，我们可以利用$ref...
2018-04-18 18:10:43
885
原创 利用jdbc访问数据库
访问数据库需要先下载jdbc的jar包。可以从下面的链接进行下载。 https://www.mysql.com/products/connector/ 下载完成之后需要将数据放到下面的目录之中 1、注册驱动Class.forName("com.mysql.jdbc.Driver").newInstance();2、创建数据库连接（需要保证数据库已被打开或端口号未被占用）...
2018-03-20 23:28:26
208
原创 在vue-cli中使用iView
我也是在最近刚使用iView,起初我认为和bootstrap相差不多，一用发现自己太傻了，iView的插件我觉得还是非常好看和好用的，所以我想给大家推荐一下~并且介绍一下他的使用方法。我是在webpack环境下来使用iView的，因此，我假设大家已经懂得如何使用vue的脚手架了。npm install iview --save 来安装iView接着在main.js中引入iView 就直接可以在脚手...
2018-03-19 22:01:56
1320
原创 vue中的路由及嵌套路由
路由是vue的核心。使用npm install --save vue-router中来使用。在文件夹下将vue-router导入，并且声明要使用vue-router;import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)假设有home和about两个vue组件。那么我们在注册路由的使用需要定义一下内容。path为...
2018-03-19 16:24:43
7324
原创 js中的原型prototype
javascript中，原型是非常重要的一块知识点，在这里，我就简单介绍一下prototype。prototype可以将他理解为原型拓展，它面向的就是一个object，它的功能就是在原型链中拓展我们需要的功能。举个例子，比如js中本身带有Array实例，则Array则继承自Array.prototype，即Array的原型链，与所有构造函数一样，我们可以更改构造函数的原型对象 ，以对所有Array...
2018-03-18 12:31:34
165
原创 vue中的动态组件
在我们平时使用vue中的模板的时候，许多时候都是直接定义成一个固定的模板，但是，vue中提供了一个动态模板，可以在任意模板中切换，就是用vue中<component>用:is来挂载不同的组件。<div id="app" v-cloak> <component :is="currentView"></component> ...
2018-03-15 20:01:37
8591
原创 slot分发内容
在介绍slot之前，先需要搞清楚一个概念，比如<div id=‘app’> <my-component v-show="show"></component></div>这个v-show的是作用于哪里的呢？ 在vue中，所有在当前组件中使用的指令都是只作用于当前组件的作用域，因此，v-show虽然是在my-component中用了，但是他是在a...
2018-03-15 10:51:08
207
原创 vue-cli打包成apk的完整方法和打包成app所遇到的问题
vue-cli适合写spa(单页面应用程序)，因此，我们常会用它来开发app,当我们在pc端开发完成之后，肯定需要打包成apk或者ios（ios我在这里先不阐述）。我的方法是利用hbuilder来构建apk文件。我们将vue项目创建好后，cd项目文件夹，输入npm run dev(3.0以下版本的命令)/npm run serve(3.0以上命令)，打开浏览器，在8080(默认)下查看是否正常显示...
2018-03-11 22:11:58
21277
14
转载 vue项目整理
Vue常用经典开源项目汇总参考-海量 Vue是什么？ Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。 Vue.j...
2018-02-24 18:29:46
2011
原创 js 函数中的arguments对象
在javascript中，我们常常会调用自定义函数，在javascript中，函数本身就是一个对象，在调用函数时，我们常常会在调用函数的时候填入参数。function add(a,b){ return a+b;}在上面这个函数中，我们调用的时候如果用了三个参数，add(1,2,3)；他实际调用的是1，2, js忽略了3。那么，如果想实现添加几个参数就计算几个参数，该如何实现呢？在js的函...
2018-02-13 17:14:39
242
原创 props 从父组件传递数据到子组件
在使用vue的时候，肯定会用到组件之间的数据传递，props的作用就是从父组件将数据传递到子组件在子组件中写如下代码： {{message}} export default { name:'practice', props:['message'] }父组件中写着： im
2018-01-31 16:52:11
1416
原创 gulp构建自动刷新页面
在使用gulp前，需要先安装gulp，可以使用npm安装npm install gulp -g在安装好后，新建一个文件夹，在文件夹中新建一个gulpfile.js文件在该文件中进行配置（下面代码中，路径按自己设置的路径来进行配置）var gulp=require('gulp');var connect=require('gulp-connect');gulp.task('wat
2018-01-30 20:21:29
432
原创 使用vue-router
路由是vue中经常需要使用的，因此必须要介绍一下它的使用方法。需要说的是，我这里使用的路由是基于vue-cli中的首先，在components文件夹中新建home.vue和test.vue在其中分别随意写上一句话home.vuetest.vue接下来，定义了这两个组件之后，就开始配置路由啦进入router文件夹中的index.js，将两个组件导入进来同时，配置两
2018-01-30 14:58:29
160
原创 在.vue文件中让html代码自动补全的方法(支持vscode)
在vue中，我们常常要用到各个组件之间的通信，这样就需要用到.vue的文件，而在单文件中写html的时候，是不能自动补全html代码的，这样就会使我们开发项目的效率大大减少。在vscode中，只需要简单配置一下就可以让我们在.vue文件中编写html的时候进行自动补全vscode中有一个以下图片中的文件夹，文件中包含一个setting.json文件选择常用设置中的（需要用鼠标点击改
2018-01-29 16:40:23
16747
4
原创 node.js搭建一个自己的本地web服务器
在搭建web服务器之前，需要先安装node.js(安装版本最好为6.9.x)安装后node.js，接下来就需要安装http的镜像文件npm install http-server -g(windows下)sudo npm install http-server -g(linux和mac下)接下来在桌面创建一个文件夹cd 文件夹名字http-server这时候，就会显示在8
2018-01-23 22:11:24
14834
1
原创 git的教程（完整）
在开发项目时，因为项目太大，管理麻烦，我们就会用到github，而使用github首先要学会git的使用。首先需要的就是建立一个本地的git库,因此先打开git，在里面输入：mkdir lear(learn为文件夹名字)git init(初始化这个库)接着 就可以将我们需要的文件上传到本地的git中（这里用的案例问readme.txt）git add readm...
2018-01-12 18:48:26
33027
原创 ajax提交数据到后台
ajax是web开发中常用到的一个功能，全名为Asynchronous JavaScript And XML，他可以想后台发送数据，常用的方法有get和post。我就以提交表单为例子来讲解一下ajax的使用（我用到的是jquery库封装的 ajax）。 html5表单代码：<form id="loginForm" name="loginForm"> <table>
2017-12-10 22:32:31
36985
5
原创 Vue的钩子函数
vue是现在的热门前端框架之一，采用了虚拟dom，稍微介绍一下虚拟dom的概念。在使用原生js的时候，我们总数需要去获取dom元素，这样的话，每次要获取元素都要操作一次dom,我们就要执行一次，那么我们就要考虑如何减少操作的次数，虚拟dom就是为这个考虑而设计的。先简单介绍几个钩子函数，因为现在已经跟新到了vue2.0,因此，将主要介绍vue2.0的。beforeCreated:我们在用Vue时都要
2017-12-10 00:17:14
19245
1
原创 position中的absolute和relative
在我起初接触定位时，并没有太过了解absolute和relative两个属性，然而，在写项目过程中，特别是在排版每个html元素时，总会与这两个元素打下交道，当我用了之后，发现这两个属性真的是非常神奇！ 首先聊聊absolute属性把，它被我们称之为绝对定位，为什么称为绝对定位呢，因为用了absolute属性的html元素可以出现文档的任何位置，absolute拥有超脱文档流的能力，什么是超脱文
2017-11-08 23:10:18
317
原创 eclipse快捷键整理
整理了一下eclipse的快捷键编辑 Ctrl+1 快速修复（最经典的快捷键,就不用多说了，可以解决很多问题，比如import类、try catch包围等） Ctrl+Shift+F 格式化当前代码 Ctrl+Shift+M 添加类的import导入 Ctrl+Shift+O 组织类的import导入（既有Ctrl+Shift+M的作用，又可以帮你去除没用的导入，很有用） Ctrl+Y 重
2017-07-27 20:59:05
288
转载 黎活明给程序员的忠告
展望未来，总结过去10年的程序员生涯，给程序员小；走过的路，回忆起来是那么曲折，把自己的一些心得体；01.自己的户口档案、养老保险、医疗保险、住房公；由于程序员行业每年跳槽一次，我不隐瞒大家，我至少；特别是买房子时，你要商业贷款与公积金贷款的利率差；02.不要轻易换笔记本电脑，不要跟潮流，不要买过；这方面我的经验教训也是惨痛的；03.这年代外语、学历、职称、 展望未来，总结过去10年的程序员
2017-07-26 15:32:54
214
原创 java中的static
最近开始学习Java，碰到了static的一些小问题，就来和大家分享一下，static，即静态，在java中，有静态变量，静态方法，特别注意的还有一个静态变量初始化问题，（学习过c++的一定了解），在创建类的时候，static可以让所有类都能够调用，需要注意的是，在java中，静态成员属于整个类，当系统第一次使用该类时，就会为其分配内存空间直到该类被卸载才会进行资源回收！另外就是static方法，在
2017-07-17 20:35:20
321
转载 c++ class类总结
该文章转载于:http://www.cnblogs.com/xiongxuanwen/p/4290086.html一、C++类的定义 C++中使用关键字 class 来定义类, 其基本形式如下: class 类名 { public: //行为或属性 protected: //行为或属性 private: //行为或属性 };示例: 定义一个点(Point)类
2017-05-18 13:57:54
540
原创 导航定位(利用锚点和jquery定位)
在网页中，点击按钮就会跳转到相应的位置，滑动页面，左边的列表颜色就会变化到相应的颜色,滚动条也会相应改变。 这个功能利用了jquery里的scroll事件。先讲点击列表，跳转到相应的位置。在html5之前，我们可以在每块的div中添加一个name，即锚点，然后html5之后，就移除了锚点的概念，因此，就可以利用id去实现，可以在每块的位置添加一个item，比如item1,item2,item3……
2017-05-17 21:05:16
3678
原创 折现分割平面(hdu)
http://acm.hdu.edu.cn/showproblem.php?pid=2050 这道题最主要的就是要找出递推公式。那么由图得到a[1]=2,a[2]=7,那么推出a[3]=16,a[4]=29,那么可以得出一个递推公式:f[n]=f[n-1]+4*(n-1)+1;递推公式得出后一切就都迎刃而解拉。代码:include <iostream>#include <cstdio>using
2017-05-02 23:18:48
225
原创 导航栏及导航按钮（三明治按钮）
我刚开始接触网页是在电脑上，而并非手机，所以，之前编写网页的时候，也一直遵循的是进行pc端的开发，那么，如果我们想在移动端查看网页的时候，在pc端上的网页是否能显示呢？当然可以，可是这样会造成一个特殊的情况，就是，网页于我们pc端上所看到的页面也些区别，一些板块的位置改变了，这就造成了网页不美观，更加严重的（比如编写网页的人排版只适合pc端），会导致页面中的一些标签等重叠，就显得不美观，因此，就推出
2017-04-16 16:38:26
4069
原创 动态表格分页
制作表格分页或许很简单，只需要将固定的数据放上去即可完成，那么制作动态表格分页呢！ 动态表格分页就是当我在代码中添加数据的时候，自动会添加页面，例如，我第一天添加的数据是15条数据，每张页面是显示五行，那么他就有三张页面，这时候我做了一个保存，那么，当我过了一个月，又有新数据需要添加的时候，如果重复的进行之前的操作，例如又有几百条数据添加，难道我就要一个一个的添加按钮，并且重复添加表格吗，那岂不是
2017-03-24 19:04:30
976
原创 快速幂算法（hdu） Rightmost Digit
快速幂算法，顾名思义，就是进行幂运算，http://acm.hdu.edu.cn/showproblem.php?pid=1061 这是hdu经典的一道题，如果我在接下来的解析中写的不好，也请大家指点。 hdu这道题，他要求我们算出每个正整数的个位数， 这里我先上代码，按题要求，我们先输入t，即接下去我们要进行测试t个例子，t– 的同时我们输入我们要取个位的数字，然后打印go，重点来咯，g
2017-03-10 21:19:36
788
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人