随笔分类 - 前端项目爬坑
分享自己每一个web前端项目的爬坑经验
摘要：黑马商城实战项目 项目搭建 利用HBuilder X创建基本项目结构 运行项目 整理基本项目结构，并修改窗口外观 "globalStyle": { "navigationBarTextStyle": "white", "navigationBarTitleText": "黑马商城", "naviga
阅读全文
摘要：一、设置微信小程序调试 HBuilderX点击【工具】 --【设置】--【运行配置】，找到【微信web开发者工具】安装所在的文件夹。 复制路径，填写到【小程序运行配置】-- 【微信开发者工具路径】 先打开微信开发者工具，进入编辑器页面后。点击【设置】 – 【安全】，开启【服务端口】，然后关闭设置窗口
阅读全文
摘要：api文档：https://github.com/ecomfe/echarts-liquidfill#api LiquidfillChart组件代码： import React, { PureComponent } from 'react'; import echarts from 'echarts
阅读全文
摘要：ProgressCircleChart组件代码： import React, { PureComponent } from 'react'; import echarts from 'echarts/lib/echarts'; import 'echarts/lib/chart/pie'; impo
阅读全文
摘要：barChart组件代码： import React, { PureComponent } from 'react'; import echarts from 'echarts/lib/echarts'; import 'echarts/lib/chart/bar'; import 'echarts
阅读全文
摘要：前言：react大屏项目中有如下弧形文字需求，试用网上的arctext.js动画库无法实现环形文字，最终只有通过SVG调试出合适的文本path路径可以解决这一问题。 <svg xmlns="http://www.w3.org/2000/svg"> <defs> <path id="myTextPat
阅读全文
摘要：前言：目前没有发现有vue项目中使用umi-request的例子，用这个请求库的多为react项目，umi本身和dva也都是react周边的工具。 utils/request.js：配置通用请求中的异常处理和默认参数 /** * request 网络请求工具 * 更详细的 api 文档: http
阅读全文
摘要：前言：umi-request是react项目初始化时，封装请求通用配置，很好用的基于fetch的请求库， 结合和优化了fetch与axios的优点。 背景 在做中台业务应用开发的过程中，我们发现在请求链路上存在以下问题： 请求库各式各样，没有统一。 每次新起应用都需要重复实现一套请求层逻辑，切换应用
阅读全文
摘要：(function (window, undefined) { // JS 加密混淆器 https://www.sojson.com/yasuojs.html var Map = function(){ return new Map.fn.init(); }; Map.fn = Map.protot
阅读全文
摘要：1、选择分组，新建可视化，创建一个新的大屏： 2、数据可视化的铺屏: 根据设计图，通过添加组件的方式，将大屏页面在DataV中展示出来（可把设计图置于底层，降低透明度，将需要的组件从组件列表中拖入画布，更改组建的样式及位置） 其中组件样式的修改，可以在右侧的配置面板中，根据实际需要调整并修改组件的样
阅读全文
摘要：现在开始安装以及初步运行（ant design pro文档） 安装前需要的环境： yarn、 node 和 git，推荐配置cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 安装大概有三种方法(本地运行)： 1、
阅读全文
摘要：前言：学习React16+React-Router4 从零打造企业级电商后台管理系统慕课网课程中的项目准备阶段，重点突破登录功能开发和ajax请求封装。 一、基础功能模块的开发登录页 二、登录页面的开发 1.用户名和密码input标签中使用name属性，通过e.target.name可以获取（Boo
阅读全文
摘要：前言：学习React16+React-Router4 从零打造企业级电商后台管理系统慕课网课程中的项目准备阶段，使用Bootstrap皮肤样式格式化引用完成通用部分的开发。 一、通用部分内容 二、通用布局的开发 1.webpack中配置page和component resolve： resolve:
阅读全文
摘要：前言：学习React16+React-Router4 从零打造企业级电商后台管理系统慕课网课程中的项目准备阶段，重点突破webpack的配置。 一、开发环境依赖 git -> gitee.com 课程官网的git仓库 webpack等 -> yarn -> nodejs node-sass 二、we
阅读全文
摘要：前言：学习React16+React-Router4 从零打造企业级电商后台管理系统慕课网课程中的项目准备阶段，重点突破三大框架的对比分析。 注：项目来自慕课网
阅读全文
摘要：前言：正在学习react大众点评项目课程，学习react、redux、react-router构建项目。 一、页面分析和组件划分 二、组件开发 走马灯效果 react-slick npm install react-slick --save //public ->index.html <link r
阅读全文
摘要：前言：正在学习react大众点评项目课程，学习react、redux、react-router构建项目。 一、前端架构是什么 前端架构的特殊性 前端不是一个独立的子系统，又横跨整个系统 分散性：前端工程化 页面的抽象、解耦、组合 可控：脚手架、开发规范等 高效：框架、组件库、Mock平台，构建部署工
阅读全文
摘要：前言：正在学习react大众点评项目课程的todoList应用阶段，学习react、redux、react-router基础知识。 一、客户端路由和服务端路由 二、React Router相关库 react-router react-router-dom(直接使用） react-router-nat
阅读全文
摘要：前言：正在学习react大众点评项目课程的todoList应用阶段，学习react、redux、react-router基础知识。 一、Redux项目结构组织方式 1.按照类型 当项目变大后非常不方便 2.按照功能模块 方便开发，易于功能的扩展。 但不同的功能模块的状态可能存在耦合。 3.Ducks
阅读全文
摘要：前言：正在学习react大众点评项目课程的todoList应用阶段，学习react、redux、react-router基础知识。 一、Redux基础 1.Why Redux 复杂的状态：API数据、本地数据、UI状态等 视图和状态管理耦合，状态管理失控 视图层：React状态管理层：Redux 2
阅读全文
