- 博客(65)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 vue.js element-ui上传excel文件
1.静态结构在这里插入图片描述3className ,是后台需要的一个参数，不传就过以，只传上面的fileUrl //上传excel beforeUpload(file) { console.log(file); var formdata = new FormData();//创建一个表单 formdata.append("fileU...
2018-12-14 14:01:20
4431
1
原创 vue.js element-ui日期的编辑和回显
element ui 的日期 从…至 … 获取到的是一个数组,类似于[Wed Dec 12 2018 17:57:30 GMT+0800 (中国标准时间) ,Wed Dec 12 2018 17:57:30 GMT+0800 (中国标准时间)] 的数组 ，往后台传的时候得转换日期，我这里是转成时间戳new Date().getTime() 这个方法将数组中的第一个日期转成时间戳，然后赋值...
2018-12-12 18:06:18
5693
1
原创 vue.js 通过路由传递参数-通过传入id展示详情页面
1.在父页面先将参数传递到路由当中2.在子页面-详情页面将主页面先引入进来3.在data 中 定义id4.在子页面获取这个id参数页面加载时获取成功获取参数id...
2018-12-12 14:51:59
5631
1
原创 vue.js部署项目页面空白问题
1，将项目打包 使用npm run build 命令，会在工程里生成dist文件夹2.2.在服务器上的Tomcat的 webapps文件夹下,新建一个文件夹如dist3.将tomcat shutdown以后upload到dist文件夹4.如果上传以上出现空白页面，可以配置一下config 下的index.js文件里面的选项 ，assetsPublicPath 设置成绝对路径5.然...
2018-11-27 09:45:35
2646
原创 vue报错 vue.js npm err package.json
npm run dev 时报错 ，package.json找不到其实是没进入到文件目录里，进到文件的目录中再去npm run dev 就不会报错了！ 再下面图片这个地方进行项目启动！！！...
2018-11-23 09:39:19
4932
原创 vue3定义全局变量、定义全局方法和使用
在main.ts中定义在页面中使用在vue中引入getCurrentInstance将其解构直接在代码中使用
2022-04-14 09:43:44
2226
原创 Koa常用中间件的使用
constcompose=require('koa-compose')//将多个中间件组合成单一的中间件，便于重用和导出
2021-06-11 14:55:00
233
1
原创 react 搜索数据案例
app.jsimportReact,{Component}from'react'importReactDOM,{render}from'react-dom';importlogofrom'./logo.svg';import'./App.css';importSearchfrom'./search'importListfrom'./list'importaxiosfrom'axios';exportdefau...
2021-05-31 17:07:30
268
原创 promise的用法
promise解决异步编程的一种方案，是一个对象可以获取异步操作的消息 一、 基本用法： var p= new Promise(fucntion(resolve,reject){ resolve() reject() }) p.then(fucntion(ret){ //从resolve得到成功调用时结果 },function(ret){ //从reject失败调用时得到的错误信息 }二、用法实例三、promise
2020-12-25 11:45:18
147
原创 nodejs 知识点
1.nodejs 使用单线程，可以处理4万的并发量，通过非阻塞I/O事件驱动机制2.nodejs 可以实现的功能，动态网站、接口、云计算平台、游戏开发、区块链开发、即时通讯跨平台APP开发、桌面应用开发、云直播、互联网领域3.工具visual studio code 可以选择node snippets安装node 提示工具4.supervisor工具，可以监听文件目录的变化，当文件变...
2020-03-23 17:43:45
1442
原创 css-animation的用法
网页下拉时隐藏的文字或图片缓慢显示的效果------鼠标滚动动画效果1.先将元素隐藏：2..animated{visibility:visible}3.js当鼠标滚动到页面相对应的位置，增加动画varwinWidth,winHeight;varwin_h=$(window).height()*0.64;varwin...
2019-09-11 17:32:50
277
原创 vue.js 路由跳转同一个静态页面数据实时更新
1，路由跳转带参数 2. 路由接收参数，如果在data接收，不会发生变化，要在active方法里接收参数，每次接收到的才会更新
2019-07-01 14:29:04
927
原创 react-children
组件列表项 ，循环ul li这是定义的子组件import React from 'react';function ListComponent(props){ return( <ul> { React.Children.map(props.children,function(child){...
2019-05-23 10:39:53
195
原创 react native创建项目
react-native init AwesomeProject可以使用--version参数（注意是两个杠）创建指定版本的项目。例如react-native init MyApp --version 0.44.3
2019-04-29 16:00:49
106
转载 mint-ui的MessageBox如何设置只能按扭关闭
MessageBox({ $type:'prompt', title:'输入验证码', message:'请填写您收到的验证码', closeOnClickModal:false, //点击model背景层不关闭MessageBox showCancelButton:false, //不显示取消按钮 inputPattern:/^[a-zA...
2019-04-17 16:37:04
1334
原创 开发微信公众号-分享功能
<template> <div class="appointment"> <form action> <article style="margin-top:0.7rem;" v-for="item in sites"> <section> <div class="imgL...
2019-04-15 16:53:27
296
转载 react -元素变量
使用变量来储存元素。它可以帮助你有条件的渲染组件的一部分，而输出的其他部分不会更改。import React,{Component} from 'react'export default class If extends Component{ render(){ // 显示文字的组件 function Wel(){ ...
2019-03-20 16:52:04
614
原创 react-父组件将状态做为属性传递给子组件
数据自顶向下流动import React, { Component } from 'react';// import img01 from './images/01.png'import './App.css';class App extends Component { render() { class Son extends Component{ ren...
2019-03-19 10:21:12
1153
转载 react提取组件
效果：将这部分的组件提出来import React, { Component } from 'react';// import img01 from './images/01.png'import './App.css';class App extends Component { render() { function Avatar(props){ ...
2019-03-18 15:46:27
864
转载 react定义组件两种方式，及渲染
函数定义/类定义组件import React, { Component } from 'react';// import img01 from './images/01.png'import './App.css';class App extends Component { render() { function Welcome(props){ re...
2019-03-18 14:35:03
892
原创 react-admin 项目运行
1.从github上clone下来 git clonehttps://github.com/marmelab/react-admin.git2.全局安装yarnnpm install -g yarn3. 安装包yarn install4. 在项目根目录运行yarn run-simple yarn run-tutorialyarnrun-d...
2019-03-15 17:45:34
965
转载 react -从github上下载下来的项目怎么启动
1 . 刚从github上clone下来是没有node_modules的，需要安装，通过npm install安装必要的依赖2.根据什么信息安装依赖呢？就是你的package.json中的dependencies和devDepencies ，在本地安装的同时，将依赖包的信息（要求的名称和版本）写入package.json中是很重要3.npm install 模块：安装好后不写入p...
2019-03-15 10:05:35
8228
转载 react -ui (antd)
https://material-ui.com/https://ant.design/index-cn https://mobile.ant.design/index-cn基于 React Native 的 iOS / Android / Web 多平台支持，组件丰富、能全面覆盖各类场景 (antd-mobile-rn) 适合于中大型产品应用 适合于基于 r...
2019-03-07 18:15:10
484
原创 react - router路由的使用
实现切换效果1.静态组件2.安装router npm install --save react-routerhttps://reacttraining.com/react-router/ 路由学习的官网-很多案例3.app.jsximport React, {Component} from 'react'import PropTypes from 'prop-...
2019-03-06 10:33:58
312
转载 react -组件通信方式
通过第二种方式 ，实现search效果app.jsximport React, {Component} from 'react'import PropTypes from 'prop-types'import Search from './search'import Main from './main'export default class Page exte...
2019-03-05 14:22:41
123
转载 react -实现用户搜索
1. 效果2.会用到组件的生命周期3.数组的map方法可以只保留json返回对象里指定的对象的值4.静态组件5. app.jsximport React, {Component} from 'react'import PropTypes from 'prop-types'import Search from './search'import...
2019-03-05 11:52:08
4208
原创 react ajax请求的使用
1.react中使用ajax 需要使用第三方库 ,建议使用axiox测试接口2. npm 安装 axios $npm install axios 代码中引入axios import axios from 'axios';3.fetch请求的语法4.案例import React, {Component} from 'react'import axios...
2019-03-01 17:57:51
237
转载 react 评论管理效果实现
1.实现类似这样的效果2.定义几个组件，静态的 左边提交内容，右边评论列表，和每条评论内容3.app是公用组件import React, {Component} from 'react'import CommentAdd from './comment-add'import CommentList from './comment-list'export defa...
2019-03-01 14:19:14
1120
转载 react 虚拟DOM和DOM diff算法
1.虚拟DOM 可以更少的去操作真实DOM ,更新虚拟DOM界面不会重新渲染2.diff算法是来判断哪片区域需要更新，哪些不需要更新制作下面效果 ，时间每隔一秒更新class Life extends React.Component{ constructor(props){ super(props) this.state={ ...
2019-02-27 15:35:35
174
转载 react 组件对象的生命周期
1.从创建产生到结束的一个过程 --淡入淡出效果class Life extends React.Component{ constructor(props){ super(props) this.state={ opacity:1 } this.distoryComponent=this....
2019-02-27 11:45:08
109
翻译 react表单数据提交
class LoginForm extends React.Component{ constructor(props){ super(props) this.state={ pwd:'' } this.handleSubmit=this.handleSubmit.bind(this) ...
2019-02-26 17:52:49
4716
原创 react 组件组合使用
1，todo-list 组件怎样组合使用class App1 extends React.Component{ // 初始化数据 constructor(props){ super(props) // 初始化状态 this.state={ todos:['eat','sweep','dddm'] ...
2019-02-26 16:24:30
427
原创 react 循环li ，react定义组件两种方式、组件属性state、props、refs和事件处理
const lists=['jquey','vue','react','angular']var vDom2= (<ul> { lists.map((item,index)=><li key={index}>{item}</li>) }</ul>)ReactDOM.render(vDom2,document....
2019-02-22 16:19:15
794
原创 npm构建react开发环境
1，使用淘宝镜像快速安装$ npm install -g cnpm --registry=https://registry.npm.taobao.org$ npm config set registry https://registry.npm.taobao.org2.执行以下命令创建项目$ cnpm install -g create-react-app$ create-re...
2019-02-21 14:25:37
496
空空如也
vue可视化编辑怎么实现，下面类似这个功能有什么好的解决方案，有类似的开源项目吗
2021-04-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人