- 博客(86)
- 资源 (18)
- 收藏
- 关注
RSS订阅原创 react好租客项目Day11-发布房源模块(js输入框防抖&图片上传)&项目打包&项目优化(按需加载&路由代码分割)
房源发布模块目标如何解决JS 文本输入框防抖（用户输入过快导致请求服务器的压力过大）能够完成搜索模块能够获取发布房源的相关信息能够知道图片上传的流程能够完成图片上传功能能够完成房源发布功能前期准备工作功能获取房源的小区信息，房源图片上传，房源发布等模板改动说明修改首页（Index）去出租链接为： /rent/add修改公共组件NoHouse的children属...
2019-11-30 19:25:13
1069
2
原创 react好租客项目Day10-检测是否登&退出&axios拦截器&鉴权路由&收藏模块
我的页面目标我的页面能够实现判断用户登录状态来显示不同的效果能够实现退出登录功能结构和样式对应的结构样式可以直接拿过来用，我们最主要要实现里面的代码逻辑，文件在 pages/Profile/indexrender() { return ( <div className={styles.root}> {/* 个人信息 */} ...
2019-11-30 19:18:26
675
原创 react好租客项目Day09-房屋详情&路由配置&登录功能&formik表单校验
房屋详情模块-准备工作目标看懂模板HouseDetail的结构能够获取到数据，渲染到组件上能够配置通用路由规则，并且获取路由参数模板说明创建房屋详情页面HouseDetail修改NavHeader组件（添加了className和rightContent两个props）创建了HousePackage组件（房屋配套）这些模板已经提供好，可以直接来使用// 添加 classN...
2019-11-30 19:12:06
708
原创 react好租客项目Day08-房屋列表滚动&加载更多&吸顶功能&bug定位&react-spring
列表找房模块-房屋列表目标能够使用windowScroller组件解决整个页面无法滚动的问题能够使用InfiniteLoader组件来实现加载更多逻辑使用WindowScroller 跟随页面滚动（★★★）**默认：**List组件只让组件自身出现滚动条，无法让整个页面滚动，也就无法实现标题吸顶功能**解决方式：**使用WindowScroller高阶组件，让List组件跟随页面...
2019-11-30 19:07:53
460
原创 react好租客项目Day07-条件筛选功能实现&FilterTitle组件功能实现&房屋列表数据获取
列表找房模块-条件筛选目标能够设置FilterPicker组件为受控组件能够获取选中值，并且设置默认选中值获取选中值（★★★）在FilterPicker组件中，添加状态value（用于获取PickerView组件的选中值） state = { value: null }给PickerView组件添加配置项 onChange，通过参数获取到选中值，并更新状态 ...
2019-11-30 19:06:28
834
1
原创 react好租客项目Day06-axios封装&封装搜索导航栏组件&实现筛选功能
axios优化&环境变量目标能够通过 axios.create() 方法来构建axios实例对象，并且配置baseURL能够知道 .env.development 和 .env.production 两个文件的作用能够配置开发环境变量能够在代码中引入配置的环境变量的值每一次我们请求接口的时候，每一次都需要写相同的baseUrl。例如：http://localhost:808...
2019-11-30 19:04:43
633
原创 react好租客项目Day05-根据定位展示对应城市&地图找房模块封装&loading美化
地图找房模块目标完成根据定位展示当前城市能够完成在地图上渲染出文本覆盖物能够对文本覆盖物进行内容和样式修改能够说出地图找房功能的业务逻辑理解地图找房的封装流程，知道每一个方法的作用是什么？能够参照老师代码敲出地图找房的封装代码能够使用Toast的loading效果来对页面进行优化根据定位展示当前城市（★★★）获取当前定位城市使用 地址解析器 解析当前城市坐标调用 ce...
2019-11-30 19:02:38
519
1
原创 react好租客项目Day04-城市列表索引列相关功能&封装NavHeader&CSS IN JS
渲染城市列表目标完成城市索引高亮效果完成点击索引跳转到对应位置能够实现切换城市功能（除了北京，上海，广州，深圳，其他成均无房源信息，需要提示用户）城市索引列表高亮给list组件添加onRowsRendered配置项，用于获取当前列表渲染的行信息，在里面就会有相应信息通过参数 startIndex 获取到 起始行对应的索引号判断 startIndex 和 activeIndex...
2019-11-30 18:58:09
771
原创 react好租客项目Day03-城市选择功能&react-virtualized组件使用
城市选择模块目标能够实现顶部导航栏能够获取城市列表数据，热门城市数据，当前定位城市数据，并且对数据进行重新封装知道什么是长列表，以及带来的缺陷说出长列表性能优化的两种方式能够使用 react-virtualized进行城市列表的渲染能够渲染右侧索引列表功能分析切换城市，查看该城市下的房源信息功能顶部导航栏城市列表展示使用索引快速切换城市点击城市名称切换城市...
2019-11-30 18:55:50
748
原创 react好租客项目Day02-轮播图&导航栏&百度地图
首页模块目标能够使用Carousel组件完成轮播图功能能够安装axios，并且使用axios进行网络请求能够使用Flex组件完成TabBar功能能够知道轮播图与TabBar出现的bug，并且解决能够安装Sass，编写Sass代码能够使用Grid组件完成租房小组功能能够利用H5 API获取当前的定位信息能够使用百度地图API展示地图页面，获取对应城市信息轮播图（★★★）组件...
2019-11-30 18:52:55
744
原创 react好租客项目Day01-项目演示&项目搭建&antd-mobile的TabBar使用
好客租房移动Web - 上目标能够初始化项目能够使用 antd-mobile 组件库能够完成项目整体布局能够理解嵌套路由能够使用antd-mobile提供的TabBar组件能够对TabBar进行定制能够实现首页路由的处理项目介绍好客租房 - 移动 Web 端项目介绍：本项目是一个在线租房项目，实现了类似链家等项目的功能，解决了用户租房的需求核心业务：在线找房（地图、条...
2019-11-30 16:51:34
1881
1
原创 react基础Day04-React原理揭秘&React路由基础
React原理揭秘目标能够说出React组件的更新机制能够对组件进行性能优化能够说出虚拟DOM和DIff算法组件更新机制setState() 的两个作用修改state更新组件过程：父组件重新渲染时，也会重新渲染子组件，但只会渲染当前组件子树（当前组件以其所有子组件）组件性能优化减轻state减轻state：只存储跟组件渲染相关的数据（比如：count...
2019-11-30 14:58:51
319
原创 react基础Day03-生命周期&render props模式&高阶组件&原理揭秘
组件生命周期（★★★）目标说出组件生命周期对应的钩子函数钩子函数调用的时机概述意义：组件的生命周期有助于理解组件的运行方式，完成更复杂的组件功能、分析组件错误原因等组件的生命周期： 组件从被创建到挂载到页面中运行，再到组件不在时卸载的过程生命周期的每个阶段总是伴随着一些方法调用，这些方法就是生命周期的钩子函数构造函数的作用：为开发人员在不同阶段操作组件提供了实际生命周期阶段...
2019-11-30 14:49:15
248
原创 react基础Day02-受控组件&评论案例&props&context
React组件目标能够知道受控组件是什么能够写出受控组件了解非受控组件表单处理受控组件（★★★）HTML中的表单元素是可输入的，也就是有自己的可变状态而React中可变状态通常保存在state中，并且只能通过setState() 方法来修改React讲state与表单元素值value绑定在一起，有state的值来控制表单元素的值受控组件：值受到react控制的表单元素...
2019-11-28 11:29:05
270
原创 react基础Day01-React概述&脚手架搭建&JSX&组件
React基础知识点目标能够说出React是什么能够说出React的特点能够掌握React的基本使用能够使用React脚手架什么是React （★★★）React是一个用于构建用户界面的javaScript库，起源于facebook的内部项目，后续在13年开源了出来特点声明式你只需要描述UI看起来是什么样式，就跟写HTML一样，React负责渲染UI基于组件组件...
2019-11-28 11:22:25
410
原创 day09-确认订单&订单列表&发布
确认订单添加收货地址利用 vant提供的 button组件来实现页面布局<view> <view class="chooseAddressBox"> <van-button type="primary" size="small">+ 选择收货地址</van-button> </view> &...
2019-11-22 16:57:17
903
原创 day08-购物车
购物车根据内容来判断显示空白购物车还是非空购物车根据购物车是否有数据来判断是否显示空白的购物车布局data = { cart: []}onLoad() { console.log(1); // 将全局的购物车数据赋值给data里面的 cart this.cart = this.$parent.globalData.cart}computed = {...
2019-11-22 16:54:59
318
原创 day07-商品详情页&购物车
商品详情页在mixins文件夹下创建相应的 main.js 文件，创建好js的架子import wepy from 'wepy'export default class extends wepy.mixin { data = { goods_id: '' } onLoad(options) { this.goods_id = opton...
2019-11-22 16:54:20
835
原创 day06-拦截器&搜索模块&商品列表
wepy拦截器 -interceptor可以使用wepy提供的全局拦截器对原生API 的请求进行拦截使用方法具体方法是配置API的config、fail、success、complete回调函数，参考示例：import wepy from 'wepy';export default class extends wepy.app { constructor () { ...
2019-11-22 16:51:55
261
原创 day05-电商环境搭建&首页制作&分类制作&vant使用
搭建项目环境初始化wepy环境 使用命令npm i wepy-cli -g 安装脚手架wepy init standard hmyg输入项目名称输入appID进入到项目根目录 输入 npm install 来下载相应的依赖包进入到项目根目录 输入 wepy build --watch 来实时编译小程序代码搭建项目结构在配置项去除格式化自动不全 分号配置小程序底部的t...
2019-11-22 16:50:53
1039
1
原创 day04-页面导航&跳过域名校验&网络请求&自定义组件&wepy入门使用
目标能够实现页面之间的导航跳转能够发起网络数据请求能够定义并使用小程序中的自定义组件能够安装WePY框架能够使用WePY框架创建小程序项目能够知道WePY框架中基本的开发规范页面导航（★★★）页面导航的两种方式页面导航就是页面之间的跳转，小程序中页面之间的导航有两种方式：声明式导航：通过点击 navigator 组件实现页面跳转的方式编程式导航：通过调用小程序的 API...
2019-11-16 19:11:22
747
原创 day02-结构与组件&样式&全局配置&生命周期
目标小程序的结构和组件小程序中的样式使用全局配置文件app.json使用页面配置文件page.json小程序的生命周期小程序的结构和组件├── pages ······································ 【目录】存放所有的小程序页面│ │── index ······································· 【目录】...
2019-11-13 21:15:55
477
原创 day03-事件绑定&wxs脚本&页面渲染&页面事件
目标能够实现小程序页面中的数据绑定和事件绑定能够使用wxs脚本处理页面数据能够实现下拉刷新和上拉触底的操作数据绑定与事件绑定数据绑定如何定义页面的数据小程序中每个页面，由4部分组成，其中 .js 文件内可以定义页面的数据、生命周期函数、其它业务逻辑；如果要在.js文件内定义页面的数据，只需把数据定义到 data 节点下即可示例代码如下：Page({ data: { ...
2019-11-13 21:07:32
433
原创 vue面试题详解
Vue生命周期beforeCreate在对象初始化之前执行created在这个生命阶段，对象及其事件完全初始化beforeMounted（对象在DOM中适合形状）在这个阶段，它检查是否有任何模板可用于要在DOM中呈现的对象。如果没有找到模板，那么它将所定义元素的外部HTML视为模板Mounted一旦模板准备就绪。它将数据放入模板并创建可呈现元素，也就是挂载后调用beforeUpd...
2019-11-13 18:59:48
660
原创 JS原生面试题
节点操作添加节点：appendChild insertBefore删除节点：removeChild获取节点：getElementById getElementsByTagName getElementsByClassName querySelector querySelectorAll克隆节点：cloneNode创建节点： innerHTML createEleme...
2019-11-13 18:55:58
759
原创 day01-微信开发概念&小程序概念&工具使用&页面搭建
微信开发的概念什么是微信开发微信这个软件，提供了聊天、支付、分享、收藏等各种功能，同时用户基数庞大；微信对外开放了很多接口和能力，程序员基于这些功能进行的二次开发，叫做微信开发微信开放平台微信开放平台是微信对外提供微信开放接口的一个平台，这些开放出来的微信接口，供第三方的网站或App使用；平台登录地址：https://open.weixin.qq.com微信开放平台的能力微信分享...
2019-11-12 21:15:44
820
原创 VueX
###今日目标1.Vuex概述2.Vuex基本使用3.使用Vuex完成todo案例###1.Vuex概述Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享使用Vuex管理数据的好处：A.能够在vuex中集中管理共享的数据，便于开发和后期进行维护B.能够高效的实现组件之间的数据共享，提高开发效率C.存储在vuex中的数据是响应式的，当数据发生改变时，...
2019-11-04 19:21:58
200
原创 vue前端工程化
###今日目标1.能够了解模块化的相关规范2.了解webpack3.了解使用Vue单文件组件4.能够搭建Vue脚手架5.掌握Element-UI的使用###1.模块化的分类####A.浏览器端的模块化1).AMD(Asynchronous Module Definition,异步模块定义)代表产品为：Require.js2).CMD(Common Module Definiti...
2019-11-01 10:28:05
204
原创 秀发入门到优雅秃头路线导航(前端与移动开发)
基本路线如下：1, 先学习 基本的PC端布局。 掌握 HTML5 + CSS3 基本布局+ 品优购项目https://www.bilibili.com/video/av69856262/HTML5 和 CSS3 提高 新特性https://www.bilibili.com/video/av59866479/学习移动端布局。百分比（流失）布局： https://www.bilib...
2019-10-29 18:38:46
263
原创 vue项目第七阶段
###今日目标1.完成项目优化2.完成项目上线###1.项目优化实现步骤：A.生成打包报告，根据报告优化项目B.第三方库启用CDNC.Element-UI组件按需加载D.路由懒加载E.首页内容定制###2.添加进度条给项目添加进度条效果，先打开项目控制台，打开依赖，安装nprogress打开main.js，编写如下代码//导入进度条插件import NProgress ...
2019-10-26 21:19:43
631
原创 vue项目第六阶段
###今日目标1.完成商品添加2.完成订单列表3.完成数据统计展示###1.添加商品####A.完成图片上传使用upload组件完成图片上传在element.js中引入upload组件，并注册因为upload组件进行图片上传的时候并不是使用axios发送请求所以，我们需要手动为上传图片的请求添加token，即为upload组件添加headers属性//在页面中添加upload组...
2019-10-26 21:18:26
548
原创 vue项目第五阶段
###今日目标1.完成参数管理2.推送代码到码云3.制作商品列表页面4.制作商品添加页面###1.参数管理####A.展示动态参数可选项动态参数可选项展示及操作在获取动态参数的方法中进行处理。//将获取到的数据中的attr_vals字符串转换为数组res.data.forEach(item => { item.attr_vals = item.attr_vals ? ...
2019-10-26 21:16:15
332
原创 vue项目第四阶段
###今日目标1.完成商品分类2.完成参数管理###1.商品分类####A.新建分支goods_cate新建分支goods_cate并推送到码云git checkout -b goods_categit push -u origin goods_cate####B.创建子级路由创建categories子级路由组件并设置路由规则import Cate from './compon...
2019-10-26 21:15:21
303
原创 vue项目第三阶段
###今日目标1.修改用户,删除用户2.推送代码到码云3.权限列表4.角色列表5.分配角色###1.修改用户信息A.为用户列表中的修改按钮绑定点击事件B.在页面中添加修改用户对话框，并修改对话框的属性C.根据id查询需要修改的用户数据//展示编辑用户的对话框async showEditDialog(id) { //发送请求根据id获取用户信息 const { ...
2019-10-26 21:14:21
541
原创 vue项目第二阶段
###今日目标1.实现后台首页的基本布局2.实现左侧菜单栏3.实现用户列表展示4.实现添加用户###1.后台首页基本布局打开Home.vue组件，进行布局：<el-container class="home-container"> <!-- 头部区域 --> <el-header>Header<el-button type="info...
2019-10-26 21:12:36
539
原创 vue项目第一阶段
###今日目标1.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式###1.电商业务概述客户使用的业务服务：PC端，小程序，移动web，移动app管理员使用的业务服务：PC后台管理端。PC后台管理端的功能：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计电商后台管理系...
2019-10-26 09:01:28
694
原创 vue基础-第七章
###今日目标1.能够了解模块化的相关规范2.了解webpack3.了解使用Vue单文件组件4.能够搭建Vue脚手架5.掌握Element-UI的使用###1.模块化的分类####A.浏览器端的模块化1).AMD(Asynchronous Module Definition,异步模块定义)代表产品为：Require.js2).CMD(Common Module Definiti...
2019-10-22 21:07:42
225
好客租房 - 移动 Web 端.zip
2019-11-30
小程序笔记精选精华.zip
2019-11-30
最新版面试宝典最终版.zip
2019-11-13
JavaScript高级一点.zip
2019-09-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人