2018年12月_热爱前端的小君同学

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月

原创在Mac环境下配置tomcat，并对网页进行管理

（一）配置一、下载登录Apache Tomcat官网，地址 http://tomcat.apache.org ，点击左边的Download，选择需要下载的版本。二、设置本地放置路径前往文件夹，解压，然后命名，放进特定的位置。例如我，放在了根目录app下面，然后命名为apache，此处路径为/Users/mac/app/apache打开iTerm，cd 空格 apach...

2018-12-26 16:52:11 1018

原创 Three.js学习总结

一、Three.js基础学习(1)学习网站：http://www.hewebgl.comhttp://techbrood.com/threejs/docs/官方文档学习：https://threejs.org/examples/(2)three.js是WebGL的开源框架three.js代码下载：https://github.com/mrdoob/three.js 在Thre...

2018-12-21 18:22:01 2034

原创 redux官方文档学习，以及一些小案例

一、官方文档学习1.学习网址：https://cn.redux.js.org/2.一张图带你理解redux3.核心概念要想更新 state 中的数据，你需要发起一个 action。下面是一些 action 的示例：{ type: 'ADD_TODO', text: 'Go to swimming pool' }{ type: 'TOGGLE_TODO', index: ...

2018-12-17 10:09:50 543

原创 react实现非常好看的toggle按钮和Tooltip

一、效果图如下二、代码如下import React, { Component } from "react";import "./App.css";import ReactTooltip from 'react-tooltip'import Switch from "react-switch";class App extends Component { constructor...

2018-12-14 16:40:15 6113

原创 React-Router实现链接间的跳转，解决页面缓存丢失问题

npm install react-router-dom --savenpm install semantic-ui-css --save注意点页面跳转到上一頁面：this.props.history.goBack()<Button basic onClick={() => { this.props.history.goBack() }}> <Ic...

2018-12-14 15:33:31 1427

原创《快速上手React编程》学习心得

第Ⅰ部分 React基础第3章 JSX 3.4 React和JSX陷阱 3.4.3 style属性style属性命名必须使用小驼峰风格。例如：background-color变成backgroundColor<input style = {{fontSize:'30pt'}} />3.4.4 class和forReact中用className代替class，用...

2018-12-13 15:39:10 2045

原创 react中ref的使用

一、简单讲解1.When to Use RefsThere are a few good use cases for refs:Managing focus, text selection, or media playback. Triggering imperative animations. Integrating with third-party DOM libraries....

2018-12-13 11:51:30 2791

原创 react配合modal实现progress进度条

一、简单版，入门1.学习网址：https://material-ui.com/demos/progress/2.新建一个test.jsnpm install @material-ui/core --save然后将如下代码复制到test.js上import React, { Component } from 'react';import CircularProgress f...

2018-12-12 17:45:50 3371

原创 react实现添加input框,Dropdown,日历,textarea,select,radio,checkbox输入的值

react实现添加input框,Dropdown,日历输入的值自定义action，例如此处，假设我的action为add,它放在目录'../action/testAction'下方import React, { Component } from 'react';import { Form, Input, Dropdown, Button, Icon} from 'semantic-ui...

2018-12-12 13:30:04 1902 2

原创 react日历组件

一、简单版效果图如下代码如下import React from "react";import DatePicker from "react-datepicker"; import "react-datepicker/dist/react-datepicker.css"; class Example extends React.Component { construc...

2018-12-11 17:34:29 6123 1

原创 mac电脑真正好用且实用的软件（不断积累）

软件1.想要将复制的文本清除格式在AppStore中搜索"get plain text"下载完成后，右上角增加了一个T的图标，复制一段文案，直接点击下图所示，再去复制到需要使用的地方，文本格式已经被清除2.搜索软件在AppStore中搜索"Alfred"3.执行命令行：iTerm，类似于window的cmd4.解压缩文件夹：The Unarchiver 是最好的解压缩...

2018-12-07 17:42:14 6025

原创 js中常用到的一些解决问题方法（整理一些真正有效能够使用到项目中的方法）（等待不断更新积累）

将字符串中某个字符串删除方法一:使用replace函数替换(比较建议使用//去除字符串中含有的-var str = '178-1980';//注意：此处不可写作：str.replace('-', '');要写作：str = str.replace('-', '');// replace：返回新的字符串，一定要重新接收，不然替换不了str = str.replace('-', '').........

2018-12-06 14:22:36 1274 2

websocketStore.js

2021-09-16

react-native-video视频播放功能

1.实现播放、暂停视频； 2.视频全屏、小屏播放视频 3.实现视频进度条 4.切换视频使用说明：下载代码之后：npm install，然后npm start，然后npm link 安装包（react-native link react-native-orientation，react-native link react-native-video），然后再链接即可查看效果

2019-04-29

react表单密码验证

密码中要求有大写字母，小写字母，数字，长度大于8，特殊符号这几个要求，没有满足的话，出现红色提示只有密码满足要求，下方的confirm password才可输入密码。 confirm password密码匹配成功，图标变为绿色，CHANGE按钮变为绿色，才可修改密码点击密码输入框内右侧的眼睛图标，可以显示隐藏密码使用查看https://blog.csdn.net/qq_37815596/article/details/89635939，下载代码之后，npm install，再npm start即可使用

2019-04-29

商业计划书-模板

商业模板计划书的大纲，列举了商业计划书需要的大概框架

2019-03-01

点击缩略图，放大图片，大图以轮播的形式展现

点击缩略图，放大图片，大图以轮播的形式展现，轮播图中默认展现当前点击的图片

2019-01-16

react结合three.js实现3D模型

文件完毕后，执行npm install，然后再npm install three --save，最后npm start，就能在浏览器窗口输入http://localhost:3000/浏览到3D模型效果

2019-01-07

几百个unity常用脚本word文档详细讲解介绍

几百个unity常用脚本word文档详细讲解介绍，详细介绍unity每一个功能，将每一个功能单独放到一个word文档中进行介绍。

2018-12-28

react-antd实现一个后台管理系统

react-antd实现的后台管理系统，有登录退出功能，登录成功后，能够在不同目录下看到各种折线图，表格，同时有上传文件的功能。登录账号：admin，密码：admin。适合需要学习react-antd的新手，或者需要完成毕设的同学。下载资源后，使用命令行，先到代码所在的目录下方，npm i，再 cd client，在npm start然后登录进去即可使用

2018-12-20