qq_39216281的博客

原创 react 将setState从异步改为同步

写个方法，所有数据都可以调用这个方法setStateAsync(state){ return new Promise((resolve) this.setState(state,resolve) )}}配上使用方法class OptionDemo extends React.Component { constructor(props) { super(props); this.state = { count:1 } } /* 如果需.

原创 git 合并分支，合并部分提交的代码

1、将bug分支需要合并的代码 合并到sit分支如只需要合并bug分支的2个提交，复制idgit cherry-pick 'id'之后解决冲突，然后继续git cherry-pick --continue

原创 如何配置React-Router

Router （我们叫它为路由器）Route （我们可以简称为路由）1、标签的方式2、对象配置的方式3、按需加载的路由配置

原创 react-redux

1、安装redux 首先安装react 在react中使用 需要安装react-redux 使用中间件 安装redux-thunk npm install redux react-redux redux-thunk2、app.js 根组件//（React-Redux 提供Provider组件，可以让容器组件拿到state） import {Provider} from 'react-redux'import {store} from './stor.

原创 react组件之间的跳转及传值

React组件之间通信是单向的，数据只能由一方传到另一方。组件之间的关系有：父组件向子组件传递值子组件向父组件传递值兄弟组件之间通信父组件向子组件传递值 （Parent=>Child）父组件向一级子组件传递值，可以给子组件通过props传递。自上而下进行传递。class Parent extends Component { render() { return <Child data={data} />; // 向子组件传递data值 }}

原创 新建react项目

1、安装全局npm install -g create-react-app2、创建项目create-react-app newreact3、进入项目cd newreact4、运行项目npm start

原创 vueX mutation

在mutation中写上自定义的方法，组件中通过 this.$store.commit(“自定义的方法名”) 就可以更新store中的数据和状态直接取值：<div>{{$store.state.count}}</div>通过methods操作值：addCount(){this.$store.commit('increment')},通过methods...

原创 vue-cli/typeScript vantUI 按需引入样式

首先安装npm install babel-plugin-import --save-dev找到文件 babel.config.jsmodule.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ ['import', { libraryName: 'vant',...

原创 Vue-cli3项目引入Typescript

前言假设已经有一个通过 vue-cli3 脚手架构建的 vue 项目命令行安装 Typescriptnpm install --save-dev typescriptnpm install --save-dev @vue/cli-plugin-typescript编写 Typescript 配置根目录下新建 tsconfig.json，下面为一份配置实例(点击查看所有配置项)。值得注...

原创 vue vm格式适配移动端

npm install postcss-px-to-viewport --save-dev"postcss": { "plugins": { "autoprefixer": {}, "postcss-px-to-viewport": { "viewportWidth": 375, "unitPrecision": 3, "viewport...

原创 vue添加背景音乐

mounted() {// 播放音乐document.addEventListener(“touchstart”, this.audioAutoPlay, false);let oAudio = document.querySelector("#audio");oAudio.onended = function() {//播放完毕，重新循环播放oAudio.load();oAu...

原创 全局配置npm

npm config set registry “https://registry.npm.taobao.org”

原创 vue 移动端px转vw 安装postcss-px-to-viewport

#安装**npm install postcss-px-to-viewport **#配置package.json“plugins”: {“autoprefixer”: {},“postcss-px-to-viewport”: {“viewportWidth”: 375,“unitPrecision”: 3,“viewportUnit”: “vw”,“selectorBlack...

原创 移动端调试

移动端除了抓包还有一个小程序插件<script src="https://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.3.0"></script><script>window.vConsole = new window.VConsole();console.info('欢迎使用 vConsole...

原创 git的一些常用命令

删除本地分支：git branch -d 分支名（remotes/origin/分支名）强制删本地：git branch -D 分支名删除远程分支：git push origin --delete 分支名（remotes/origin/分支名）...

原创 vue父子组件的各种传参及常遇到的坑

vue父子组件的各种传参父页面*子页面*

原创 vue-cli 创建项目流程