- 博客(85)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 react中使用es6获取属性值
高版本写法一： 通过defaultProps声明一个str，如下Demo.defaultProps={ str:'hello'} 然后通过this.props获取值 ------------------------------------------------------------------------------------------------...
2018-08-31 22:20:23
1521
原创 react获取私有属性(低版本)
1、通过 this.state可获取内部声明getDefaultProps(){ }的属性，此钩子函数在react低版本里才有 var Demo=React.createClass({ 属性（不可修改数据） getDefaultProps(){ return{ str:'hello', arr:[1,23,3], obj:{ name:'小明...
2018-08-31 22:11:11
920
原创 react展开式传值，三个点
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script src="../lib/react.min.js" type="text/javascript" chars
2018-08-31 21:55:14
2461
原创 react属性传值 key:value形式
key:value传值步骤：1、通过<Demo obj={obj} arr={arr} name="hello" str="hi"/><Demo obj={obj} arr={arr} name="hello" str="hi"/>2、通过{this.props.name}接收 <!DOCTYPE html>&am
2018-08-31 21:41:41
1780
原创 react基本用法class、事件
1 . XML 基本语法 定义标签时，只允许被一个标签包裹。标签一定要闭合。 2 . 元素类型 小写首字母对应 DOM 元素大写首字母对应组件元素自然 3、react中如何去写css 1、基于class --（className） 2、基于inner css （facebook 主张的方式） 行间样式(json) 3、原型链和全局变量 ...
2018-08-31 20:45:13
3693
原创 react PPT
1 . XML 基本语法1 . XML 基本语法定义标签时，只允许被一个标签包裹。标签一定要闭合。2 . 元素类型小写首字母对应 DOM 元素大写首字母对应组件元素自然3、react中如何去写css 1、基于class --（className） 2、基于inner css （facebook 主张的方式） 行间样式(json) 3、原型...
2018-08-31 20:43:40
1309
原创 nodejs实现前后端传值
前端代码发送<!DOCTYPE HTML><html><body><button onclick="click()"> </button><script type="text/javascript"> function click(){ $.get("/buttonCli
2018-08-31 16:04:35
2216
原创 Vue用v-for给src属性赋值
一、为模板内<img>标签添加图片路径方法 1，在data里require引入图片路径（如下）data(){ return { str:"首页", msg: "", touimg:require("../../static/222.jpg") } } 2，在标签绑定即可...
2018-08-30 15:10:46
1037
原创 vue-cli 在css里设置背景图background：url('path'),报错* ./assets/images/icon/4100.png in ./node_modules/_css-l
解决办法：1、在webpack.prod.conf.js文件里output里面添加：publicPath:"./",2、在utils.js文件里添加 publicPath:'../../'3、在config/index.js文件里，添加assetsPublicPath:'./'到这里设置完成 开始使用...
2018-08-28 20:37:55
4301
原创 在vue脚手架运用vuex（状态管理器）+ 登录后用户名的保存
1、安装vuex， 命令：npm i vuex -D2、在src文件里新建一个store文件夹，然后 创建store.js文件， 在store.js里引入vue ,vuex 如下import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex)import state from '...
2018-08-24 17:12:50
4412
原创 vuex状态管理器
https://vuex.vuejs.org/zh/引入vue.js和vuex.js1、基本模板搭建好后，接下来实现目标是把count数据在多个组件都能用<div id="app"> <h1>vuex状态管理</h1> <h1>{{count}}</h1> <button ..
2018-08-24 12:10:24
490
原创 vue自定义组件制作div拖动
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script src="../js/vue.js" type="text/javascript" charset="u
2018-08-23 22:19:53
1560
原创 vue自定义指令
1）Vue.directive(名字',{ inserted:function(el){ /*这个元素插入父元素的时候执行的操作*/ el.focus(); } })2）directives:{ 'focus':{ ...
2018-08-23 22:17:54
202
原创 git将本地项目上传和提交克隆githulp方法命令
一、把本地项目推送githulp远程库------------------------------------------------------------------------------------1、（先进入项目文件夹）通过命令 git init 把这个目录变成git可以管理的仓库git init2、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，...
2018-08-23 17:57:11
487
原创 vue之todolist
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"&a
2018-08-22 22:03:23
284
原创 vue路由之query传参
https://blog.csdn.net/u014628388/article/details/81085624配置完成后：1、:to="{name:'detail',query:{id:item.pid}}"<ul> <li v-for="item in arr"><router-link :to="{name:'detail',query:{i...
2018-08-22 21:50:18
5930
原创 vue路由之命名路由
一、通过:to="{name:'other'}"的命名。 1、添加 :to="{name:'other'}"<router-link to="/home" tag="span">首页</router-link><router-link to='/about' tag="span">关于</rout
2018-08-22 20:46:22
1910
原创 vue之嵌套路由params传参
1、把子路由容器放在home模板结构，<router-view></router-view><template id="home"> <div> <h1>首页</h1> <button @click="tap()">跳转到other</b
2018-08-22 20:27:56
2764
1
原创 vue+axios路由之请求数据接口
1、首先引入外部文件<link rel="stylesheet" type="text/css" href="animate.css"/><script src="vue.js" type="text/javascript" charset="utf-8"></script><scr
2018-08-22 19:50:41
3413
转载 vue-router -- 编程式路由
一、 通过JavaScript实现页面跳转 相关函数 $router.push(“name”); $router.push({path:”name”}); $router.push({path:”name”?a=123}); //传参 $router.push({path:”name”，query:{a=123}}); ...
2018-08-22 17:18:56
178
原创 vue之导航路由+路径传参
1、搭好路由后在path路径传参一个2，tag="span"可改变<a>标签为<span>,另外可通过.router-link-active给标签设置导航样式.router-link-active{ color: red; }如下：<router-link to="/home/2" tag="span">首页&am
2018-08-22 16:00:18
2301
原创 vue点击切换组件
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><link rel="stylesheet" type="text/css" href="../js/animate.c
2018-08-22 11:58:11
5507
原创 animate点击小动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-08-22 11:52:33
447
原创 axios和fetch
vue中axios用法<script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script> axios({ method:'get', url:'data.json' }) .then(function(data){ console.log(data.data) ...
2018-08-21 22:11:35
969
原创 vue使用插槽分发内容slot的用法
slot插槽，即组件标签内没有内容的时候，则显示slot标签内的内容例如 <v-header> <ul></ul></v-header>没内容则显示,则显示下面模板slot里的对应的内容，注意name对应的slot<template id="header"> <div>
2018-08-21 21:21:13
348
原创 vue 利用mounted函数获取最新更新的数据
利用mounted函数获取最新数据核心代码： mounted(){ this.str='你好 世界' this.$nextTick(function(){ console.log(this.$refs.tit.innerHTML) }) } <!DOCTYPE html><...
2018-08-21 21:02:00
6098
原创 vue之组件父子操作
组件操作：1、获取dom节点的值，this.$refs.tit.innerHTML<div id="out"> <h2 ref="tit">组件操作</h2> <button @click="tap()">操作dom</button> <hr />
2018-08-21 20:53:09
301
原创 vue之平行组件传值
步骤如下： 1、布好局，然后新建一个对象var vue1=new Vue({})，利用vue1这个新对象作为中介传值， 然后用 vue1.$emit("isa",this.aaa) 即把this.aaa赋给isa methods:{ tapa(){ vue1....
2018-08-21 20:34:12
1610
原创 vue传值----子传父
步骤如下：1、在嵌套父组件中，给子组件标签设置 <v-zi @zizujian="fuzujian"></v-zi>此时的 @zizujian 给子组件用 this.$emit("zizujian",this.ttt) 传值（用$emit传值，即this.ttt 赋值给 zizujian,fuzujian函数参数msg接收）<tem...
2018-08-21 19:43:08
378
原创 vue传值--父传子
步骤：1、在父子嵌套模板的子元素标签添加属性名，例如：<v-zi :name="str1"></v-zi><template id="fu"> <div> <h2>父组件值：{{str}}</h2> <butt
2018-08-21 17:51:39
457
翻译 数组新增
前言最近研究zepto源码的时候发现一些非常好用的数组方法，这些就是es5新增的数组方法，而w3c这些网站并没有这些方法介绍，可能是太久没更新维护了。总结了一下，给这些方法分了类，大体如下： 5个迭代方法：forEach()、map()、filter()、some()、every()； 2个索引方法：indexOf() 和 lastIndexOf()； 2个归并方法：reduce()、r...
2018-08-21 12:43:09
262
原创 vue之常用生命周期函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-08-21 11:39:43
679
1
原创 vue之 过滤器
过滤器语法：Vue.filter(‘过滤器名字’,function(value){ value==谁调用fil过滤器 指向谁 return //具体操作})<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n
2018-08-20 17:37:59
689
原创 vue之逻辑运算
一、运费计算<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&am
2018-08-20 16:42:32
5843
原创 webpack的安装+使用
一、安装1、首先全局安装：npm i webpack -gnpm i webpack-cli -gnpm i webpack-dev-server -g检测版本：webpack -v2、然后创建一个空文件夹npm init3、安装expressnpm i webpack --save-devok安装成功--------------------------...
2018-08-18 17:38:59
240
原创 报错：“Please enter a commit message to explain why this merge is necessary,especi”的解决办法
问题：我们在用git管理版本控制时，有时候会遇到git合并分支或者push时，会报错： `Please enter a commit message to explain why this merge is necessary,especially if it merges an updated upstream into a topic branch。` 然后我们按...
2018-08-17 14:08:57
3781
原创 node总结
//读取图片var http=require('http');var fs=require('fs')http.createServer((req,res)=>{ res.writeHead(200,{'content-type':'image/jpg'}) if(req.url!='/favicon.ico'){ fs.readFile('./a.jpg','b...
2018-08-17 09:22:58
130
原创 H5网页版聊天之websocket
1、首先安装ws模块：安装命令：npm initnpm i ws -D2、在server.js引入 var wsserver = require('ws').Serverserver.js文件//服务器文件var wsserver = require('ws').Server;var wss=new wsserver({port:3000})var clientObj...
2018-08-16 19:52:27
1695
2
原创 node通信聊天之socket
首先，做一个简单的node服务器与客户端链接server.js代码//服务器端var net = require("net")var server = new net.createServerserver.on("connection",function(client){ client.on("data",function(data){ cons...
2018-08-16 19:26:00
351
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人