- 博客(29)
- 收藏
- 关注
RSS订阅原创 安装项目报‘node’问题
解决方法yarn config set ignore-engines true即可解决，原理暂时不知参考文章https://www.cnblogs.com/xiaoqilaile/p/11755330.html
2021-07-15 06:50:40
459
原创 搭建一个vue2.0的项目
目录搭建环境使用脚手架搭建项目配置路由配置ajax-使用axios完成搭建环境node vue-clinpm install -g vue-cli使用脚手架搭建项目cd 进入你的项目中然后运行yarn run dev 或者 npm run dev 就行了配置路由路由守卫--在router-index中添加router.beforeEach((to, from, next) => { if (to.meta.requireAuth) {.
2021-03-24 10:39:17
246
转载 理解构造函数
构造函数也是一个普通函数，创建方式和普通函数一样，但构造函数通常习惯首字母大写。 构造函数和普通函数的区别在于：调用方式不一样，作用也不一样。（构造函数用来新建实例对象） 调用方式不一样。 普通函数调用方式：直接调用parson()； 构造函数的调用方式：使用new关键字调用 new Parson（）； 构造函数的函数名和类名相同：Parson()这个构造函数，Parson即是函数...
2020-03-18 07:19:13
408
原创 什么是作用域链？
要知道什么是作用域链，就要先知道什么是作用域。作用域就是在一定的空间里可以对数据进行读写操作，这个空间就是数据的作用域。var a = "xiaoxujs";function fun1(){ function fun2(){ console.log(a) }}作用域链就是 当fun2调用a的时候，就会先在函数fun2中寻找，找不到就会去fun1中寻...
2020-03-17 08:21:17
3458
原创 shouldComponentUpdate
React中的钩子函数！在react组件决定是否重新渲染组件时会先调用这个钩子函数，返回false就不会重新渲染，相反，返回true，就可以渲染！
2020-03-17 07:57:32
212
原创 js 有几种循环？
大类分为两种，一种是for循环，一种是while循环for循环又分4种for循环 forEach for...in for...ofwhile循环又两种do...while while总的算下来又六种循环
2020-03-17 07:50:54
771
原创 JS如何获得浏览器名称？
var useAgent - navigator.userAgent; ----取得浏览器的useragent字符串 判断浏览器 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf("compatible") > -1 && u...
2020-03-17 07:45:30
1618
原创 react 点击筛选--类似于boos直聘首页筛选--单选
首先应该想的是怎么写？react是操作数据来改变样式，就是要有一个数据来确定是不是给要点击的元素加一个className = { true_and_false ? "show" : null }就是给不给元素添加show这个class名字！ 第二个就是判断是不是点击的自己，怎么能判断点击的是自己！ <div index = { key } o...
2019-12-18 22:22:08
301
原创 flex
flex布局是什么？就是弹性布局。行内元素也能使用flex布局。display:inline-flexwebkit内核的浏览器，必须加上-webkit前缀。设置之后float 、clear、vertical-align失效基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项...
2019-10-18 09:53:02
100
原创 帮助理解递归
function pow(x,n) { if(n == 0){ return x; }else{ return x * pow(x,n - 1); } } alert(pow(2,3))1 ...
2019-07-12 17:30:38
92
原创 react的路由Router
import React from 'react';import { Provider } from 'react-redux';import { BrowserRouter, Route } from 'react-router-dom';import store from './store';import Header from './common/header/index';im...
2019-06-26 16:43:25
75
原创 react利用redux-thunk+axios获取后台数据
安装redux-thunk yarn add redux-thunk 在外层store文件夹下的index.js中使用 import { createStore , compose , applyMiddleware } from 'redux';import thunk from 'redux-thunk';import reducer fr...
2019-06-24 17:37:57
437
原创 react ---redux-immutable 使获取行为统一
安装redux-immutable yarn add redux-immutable 打开项目的总文件夹中的store文件夹里面的reducer.js 把combineReducers组件用redux-immutable import { combineReducers } from 'redux-immutable' 进入header文件下的inde...
2019-06-24 14:07:22
129
原创 react 使用immutable.js 使state不能改变
https://github.com/immutable-js/immutable-js---git地址 项目安装immutable.js yran add immutable 在reducer.js中引入 import { fromJS } from 'immutable'; 1 return state.set('focused',true)...
2019-06-24 11:48:17
232
原创 react reducer的拆分 整合 combineReducers
在组件文件夹下创建一个文件夹store 下面创建也个reducer.js const defaultState = {}export default (state = defaultState,action) => { return state;} 项目下的store文件下的reducer.js用combineReducers整合 ...
2019-06-22 21:03:08
326
原创 redux使用Redux DevTools
科学上网在chrome商店中安装 然后你的控制台会多一个redux的选项 进如gitHub上搜索redux-devtools-exten 里面的1.2Advanced stote setup 教你使用 在项目中找到stroe文件夹中的index.js文件 import { createStore , compose} from 'redux';import reducer fro...
2019-06-22 17:46:40
101
原创 react 中的redux的使用
在项目中安装redux yarn add redux yarn add react-redux 首先创建一个store文件夹 在store文件夹中创建一个index.js文件 在index.js中创建一个实例 import { createStore } from 'redux'const state = createStore();export default s...
2019-06-22 17:39:51
104
原创 react中使用 react-transition-group 实现动画效果
在项目中安装：yarn add react-transition-group 在要使用动画的页面 引入 import { CSSTransition } from 'react-transition-group' 想让那个标签有动画效果就在那个标签外边用<CSSTransition>标签包裹就行了 标签的属性： <CSSTransition ...
2019-06-22 17:13:40
265
原创 react 使用矢量图标--阿里的矢量图
打开图标网站https://www.iconfont.cn/ 登陆自己的账号进入我的项目----在上面的导航条里 新建一个项目--右边有一个紫色的加号 在上面搜索框搜索你需要的图标 找到你需要的图标鼠--标移上去 点击收藏 点击右上角的购物车添加至项目 然后下载至本地 然后把下载的文件夹解压 保留这五个文件 iconfont.eot iconfont.svg iconfo...
2019-06-22 15:52:23
1096
原创 react css模块管理工具 styled-components
首先全局安装 yarn add styled-components 使用 引入的样式文件不再事css文件，都改成js文件，但是引入方法还是css的引入方法。 在样式文件中引入： import { createGlobalStyle } from 'styled-components'; 全局样式添加样式都导出： 搜索全局样式文件reset.css，然后复制里面的内容...
2019-06-22 09:57:12
236
原创 react 项目搭建
全局安装 脚手架工具： npm install -g create-react-app 安装项目： create-react-app <项目名称> 进入项目文件夹 cd <项目文件名称> 运行项目 npm start ...
2019-06-22 09:45:06
57
原创 载修改bug中当碰见一个属性没有属性值报错的时候！！！！
<div class="form spe_form"> <textarea @change="prices6()" maxlength="100" @input="descInput(100)" v-model="desc" placeholder="请描述您要转场的货物(100字以内)" /> <div c...
2019-06-21 16:41:36
134
原创 关于router-link 用@click.native点击事件进行页面跳转的问题
情景：就是列表页使用上面方法进入详情页，返回的时候要再点进去的位置不能动，第一次可以没有问题，第二次点击去再出来页面就刷新了。1.错误的方法<router-linkv-show="info" tag="li" v-for="(item,index) in arr" :key="index" :to = '{}'@click.native='go(item,index)'...
2019-05-20 20:21:04
3993
原创 关于vue的beforeRouteEnter()和beforeRouteLeave()
1.beforeRouterEnter()----进入router之前执行的函数 beforeRouteEnter(to, from, next) { next(vm => { //因为当钩子执行前，组件实例还没被创建 // vm 就是当前组件的实例相当于上面的 this，所以在 next 方法里你就可以把 vm 当 this 来用了。 });...
2019-04-28 18:33:17
2770
1
原创 关于html5---布尔值
就是html中拥有boolean值的属性，布尔值有两个值，一个是false、一个是true。举例：用input中的disabled属性举例<input type = "button" value = "按钮"/>--------不写属性--值为false，按钮就可以点。<input type = "button" value = "按钮" disabled/>
2019-01-03 15:02:44
1252
原创 微信小程序
什么是小程序？小程序是一种不需要下载安装即可使用的应用，它实现了应用‘触手可及’的梦想，用户扫一扫或者搜索一下即可找到应用，也体现了‘用完即走’的理念，用户不用关心是否安装了太多应用 的问题。应用无处不在，随时可用，但又无需安装卸载小程序发展史微信发展分为三个阶段IM 阶段：语音通讯和摇一摇浏览器阶段：订阅号OS阶段：应该就是小程序了什么时候选择小程序呢？原
2017-03-20 11:05:52
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人