- 博客(11)
- 收藏
- 关注
RSS订阅原创 B类项目实训-网络请求
在项目中使用axios库来发送ajax异步请求封装方法根据后端约定的返回类型简单封装请求处理方法{ code: msg: data:{}}function ajax(url, data = {}, method = 'GET', handleSuccess = () => {}, handleMsg = (data) => { message.error(data.msg) }, handleError = () => {}) { let pro
2021-06-09 23:03:18
102
原创 B类项目实训-有向图渲染
在做项目的时候，有一个根据后端返回任务列表，渲染有向图的需求，就试用一下antv的x6库尝试开发。文档地址https://x6.antv.vision/zh/docs/tutorial/aboutgithub地址https://github.com/antvis/x6画布画布是图的载体，在渲染图前，首先要实例化画布， this.graph=new Graph({ container: document.getElementById('graph-container'),
2021-06-09 19:55:10
249
原创 B类项目实训-markdown导航动态生成
在前端编辑渲染markdown文件并动态生成导航。成果初期效果图：完成了预定基本功能，等到项目第一次迭代完成后再进行样式优化。预览编辑
2021-04-21 23:49:50
687
原创 隐藏组件滚动栏
背景在写B类项目实训-自定义Project选择器的时候，完成了原本的样式，但是发现在内容溢出需要scroll的时候变成这个样子这显然是有些突兀的，所以决定要隐藏掉滚动条.实现组件构成因为使用了antd的Tab组件渲染出的文档结构如下：为了实现根据内层组件高度根据窗口高度变化，需要设置动态height值。中间部分的"ant-xxx"组件是antd组件内部镶套的，在样式上不方便改变。但由于中间组件的position全部为static,所以只需要在antd组件外层的容器设置position:re
2021-04-21 17:45:48
638
原创 B类项目实训-响应式布局重构
背景在预期的计划中，响应式和移动端适配是等到项目完成之后再完善的，但在写Home的时候有段时间一直在写布局，也就顺便把已经写好的界面重构为响应式。
2021-04-20 22:50:53
244
原创 B类项目实训-自定义Project选择器
背景在上一篇"跨组件传输数据"写到了context的测试部分“会放在下一篇博客中与Projects选择器自定义组件一同测试”。所以就写了一个project选择器组件来测试context。
2021-04-20 22:48:24
139
原创 B类项目实训-单页面高亮Link
使用组件因为开发时间问题，第一次开发使用antd组件库提供的Menu组件，编写代码在其基础上实现当前页面高亮，在后期迭代时根据时间条件决定是否重构menu组件。在我的上一个单页面项目中，仅仅使用了Menu组件来进行页面跳转，利用Menu.Item本身的点击事件来实现高亮，但是在项目测试中发现在页面刷新以及直接通过链接进入网页时，高亮不会出现//或显示为defaultSelectedKey，但在当时并没有及时做出修改，所以本次项目刚开始时便要解决上个项目的遗留问题。高亮实现高亮的实现想一下其实很简单就
2021-04-10 22:47:15
110
原创 B类项目实训-前端路由
前端路由项目开始第三周，需求和原型得到明确,前端开始路由编写。项目设计为单页面应用，使用react-router-dom库中的BrowserRouter编写学生版路由，学生版共预计编写共五个页面（不包括404等特殊页面），其它信息、功能使用Modal组件展示。为方便后期前端进行页面数量的拓展，以便于项目后期添加新功能，项目结构设计为/pages用于编写页面，/component用于编写自定义组件，routers.js用于配置路由，在app.js中动态生成Link。进入任一页面时（login,404等特
2021-04-04 22:13:50
150
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人