自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

周家大小姐

一入前端深似海

  • 博客(15)
  • 资源 (28)
  • 论坛 (2)
  • 问答 (1)
  • 收藏
  • 关注

原创 UTC时间格式转换

utc2018-03-07T16:00:00.000Z 格式转换2018-03-08 00:00// UTC 转指定格式日期export function utcTransform(datas) { let date = new Date(datas) let Y = date.getFullYear().toString(); let M = (date.g...

2019-12-31 16:31:44 611

转载 react、redux、react-redux之间的区别

redux:创建一个window.store=createStore(reducer),然后在需要的地方通过store.getState()去获取数据,通过store.dispatch去更新数据,通过store.subscribe去订阅数据变化然后进行setState...如果很多地方都这样做一遍,实在是不堪其重,而且,还是没有避免掉全局变量的不优雅。react-redux:由于...

2019-12-29 14:56:44 408

转载 使用 git pull --rebase 的好处

有一种场景是经常发生的。大家都基于develop拉出分支进行并行开发,这里的分支可能是多到数十个。然后彼此在进行自己的逻辑编写,时间可能需要几天或者几周。在这期间你可能需要时不时的需要pull下远程develop分支上的同事的提交。这是个好的习惯,这样下去就可以避免你在一个无用的代码上进行长期的开发,回头来看这些代码不是新的代码。甚至是会面临很多冲突需要解决,而这个时候你可能还需要对冲突的部分...

2019-12-27 10:01:15 216

转载 git-rebase命令用法

命令:git rebase [-i | --interactive] [<options>] [--exec <cmd>] [--onto <newbase>] [<upstream> [<branch>]]git rebase [-i | --interactive] [<options&g...

2019-12-27 09:38:57 330

原创 react+antdesign 表格删除失败

官网地址https://ant.design/components/table-cn/#components-table-demo-dynamic-settings错误写法:一开始会删除成功;再第二步的时候会删除失败;你会发现state中的数据就算你在确认删除后并清空数组,也跟本没有变化 // 删除 handleDelte = () => { ...

2019-12-23 22:02:18 164

原创 react+dva+ant 路由报错

Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `function`.解决方法:报警告的内容大致意思就是props需要通过函数返回而不是对象。 {/* 一级路由 Switch路由需要用到的容器 */} <Switch&g...

2019-12-08 19:41:27 72

原创 react 引入scss报错 Uncaught Error: Module build failed: TypeError: this.getResolve is not a function

解决方法在package.json中修改sass-loader把版本改到8以下就可以npm installnpm start

2019-12-08 17:32:16 234

原创 react+dvajs+antDesugn 配置按需加载

配置的文档地址https://ant.design/docs/react/introduce-cn把webpackrc改成webpackrc.jsexport default { extraBabelPlugins: [ ["import", { "libraryName": "antd", "librar...

2019-12-08 16:46:22 149 1

原创 react打包后线上访问项目此请求已被阻止;内容必须通过HTTPS提供。

postActions.js:7 Mixed Content: The page at 'https://zhouyunfang.github.io/react-redux/index.html' was loaded over HTTPS, but requested an insecure resource 'http://jsonplaceholder.typicode.com/posts'...

2019-12-08 14:30:29 1029 1

原创 react 打包后找不到路径

在 package.json文件中配置相对路径新增"homepage":"."

2019-12-08 14:24:46 579

原创 react 安装redux及使用

目录demo仓库地址https://gitee.com/zhouyunfang/react-redux-demo安装reducerreducer的拆分demo仓库地址https://gitee.com/zhouyunfang/react-redux-demo安装reducer安装命令cnpm i redux --save react-redux re...

2019-12-07 20:25:27 349

原创 react 生命周期和组件生命周期

目录可分成三个状态生命周期的方法可分成三个状态Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM生命周期的方法 componentWillMount在渲染前调用,在客户端也在服务端。 componentDidMount: 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通...

2019-12-05 17:04:34 62

原创 react 点击报错修改this指向问题

方法一,在实例中bind修改this指向class Toggle extends React.Component { constructor(props) { super(props); // 这边绑定是必要的,这样 `this` 才能在回调函数中使用 this.handleClick = this.handleClick.bind(this); } ...

2019-12-05 15:47:43 112

原创 react 双向数据绑定

子组件/** * 双向绑定 * */import React from 'react';const person = (props) => { return ( <div> <p > 我是{props.name}我有{props.count}个xx</p> {/* ...

2019-12-04 22:40:28 58

原创 react 子组件事件传递

子组件:import React from 'react';const person = (props) => { return ( <div> {/* myClick 定义点击事件 */} <p onClick={props.myClick}> 我是{props.name}我有{prop...

2019-12-04 22:20:25 183

小程序搜索功能并对搜索出的数据存储到历史记录

用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面

2019-05-03

小程序授权登录页面开发.zip

小程序开发的登录页面和微信授权功能,以及授权功能的封装

2019-06-19

SetRole.js promise all 对axios返回做统一处理

一个增加一个删除,两个都是在提示的时候进行aixos,我们可以分别在then之后使用message但是如果用到promise的方法可以做到优化,看代码

2020-01-04

小程序对请求进行封装,对http进行抽离

需求:在一个页面有三个及多个请求,请求的数据很多都是重复的,让整个页面看起来很臃肿,那个这个时候我们可以对其相似的代码进行抽离;

2019-05-01

小程序实现搜索功能

用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面

2019-05-03

test-map.rar

通过vue-amap实现定位,插件的实现,main.js中注册等.

2019-06-04

vue2.0 结合iview-ui组件分页功能

结合iview组件封装的一个分页功能组件,点击下一页上一页,每页显示条数,切换对应的数据

2019-08-08

小程序评分,含有半星,整星

由豆瓣电影为案例星星样式,字体大小,颜色都由动态传入,动态传入分数,计算出几颗亮星和半星及灰星星

2019-04-30

orderList.zip

内容模块用的是Vant WeappUI组件库,这里没有压缩进去,主要是功能进去了; 对用户选择的时间进行筛选

2019-06-25

vue三级路由

vue如何使用二级路由和三级路由,以及路由的引用,路由的抽离

2018-06-25

vue+es6+element对图片进行选中与取消

vue+es6+element对图片进行选中与取消,取消选中的时候,对当前所点击之后的序号进行重新计算

2020-04-08

getCurrentPages()使用

使用场景:可以在某个页面修改另一个页面的data或者调用另一个页面的方法。

2019-04-29

vue中的ref使用

父组件通过 ref引用子组件中的属性,然后在父组件中通过ref去改变子组件的属性值

2018-06-25

vue 通讯录向上滑动事件

第一个是在通讯录右边的索引条上进行滑动,滑动到相应字母就跳转到相应字母的锚点上。

2018-10-30

miaomiao-movie.zip

对项目的初始化,和router.js的抽离.对每个页面都生成一个router在大项目上方便管理

2019-05-08

common.zip

创建一个coomon.js用来写公共的js文件,在页面的js中引入,根据id来动态修改路径

2019-07-25

vue2.0富文本编辑器.zip

在vue中使用富文本编辑器,使用插件上图,视频,查看源代码和编写原代码

2019-08-22

README.md编写教程(基本语法)

README.md编写教程(基本语法) Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

2020-02-12

vuex对store进行抽离.zip

当项目越来越大的时候我们需要对项目进行抽离;这样显得项目不会看起来很复杂

2019-08-26

prod.env.zip

配置生产环境和线下环境自动配置,如果axios不封装那就每个页面都需要引入

2019-09-29

axios_vue_element.zip

根据原装修改的aixos封装的方法,让页面看起来没有复杂,对每个文件的请求独立 ,里面用到了orders.js,如果再创建一个文件请求可以在同级下面直接创建并引入和orders.js相同的路径文件进行修改就可以

2019-10-16

router-view复用路由的抽离

路由的注意事项,二级三级路由的引用和路由的抽离,以及router-view的复用

2018-06-25

add-activity-transfer-msg.vue

根据不同ID一次性请求所有对应ID详情的内容,请求回来是一个数组,要把每个数组插入对应的ID数组中统一在页面显示

2020-04-10

net_car.zip

对不同的store中的文件进行抽离方便管理,这个vue是用的vue3.0

2019-07-09

reduxexample.zip

react安装,action,reducer及store的使用,dispatch触发store,action.js store会返回给到reducer会根据传过来的type返回一个状态,reducer判断postAction.js传过来的有没有FETCH_POSTS这个属性如果有就返回一个新的state

2019-12-08

storjs分离封装.rar

对vue2.0中的store进行分离,对组件中的数据通过store进行分发

2019-10-19

selectarr.html

多维数组遍历并赋值,使用concat方法,先合并再拆分;之前用for在第三层的时候赋不了值

2019-09-10

iviewSelect.zip

vue2.0 结合iview组件实现五级联动,点击上级给下级赋值利用@on-select取到所点击的下标再与数组里的Id进行匹配

2019-08-23

周家大小姐.的留言板

发表于 2020-01-02 最后回复 2020-01-02

前端三大框架区别与选择

发表于 2019-05-14 最后回复 2019-11-28

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除