- 博客(11)
- 收藏
- 关注
RSS订阅原创 小程序云开发
小程序云开发意义一、前端需要做什么？二、云函数三、调用云函数四、数据库的调用意义前端程序员，可以借助云开发直接管理后端业务逻辑，与数据库不用购买服务器，配置域名，https让前端成为全栈成为可能一、前端需要做什么？前端编写云函数，上传云端前端调用云函数，去执行服务器功能（操作数据库，存储文件）二、云函数cloudfunctions右键新建Node.js云函数// 云函数入口文件const cloud = require('wx-server-sdk')// 云函数入口函数e
2022-01-16 12:39:28
314
原创 微信小程序补充--生命周期、分包、登录、获取用户信息
生命周期、分包、登录、获取用户信息lifetimes 生命周期pageLifetimes 页面生命周期分包一、为什么要分包？二、何时加载？三、配置分包预加载那些做主包，那些做分包获取用户头像登录流程支付流程lifetimes 生命周期created(){console.log("创建完毕，有this，不能setData")},attached(){console.log("挂载，可以设置data")},ready(){console.log("组件挂载完毕")},move(){console.l
2022-01-13 20:19:04
310
原创 微信小程序组件
微信小程序组件组件的使用插槽1.默认插槽2.具名插槽样式参数事件传递Componentvant组件的使用组件的使用新建组件右键 新建Component引用xxx.json "usingComponents": { "item":"/components/item/index" }使用 <item></item>插槽1.默认插槽<item> <text>嵌套内容</text></ite
2022-01-13 20:09:31
184
原创 react-百度地图
react-百度地图引入MapMakerPolyline绘线Polygon区域缩放组件ZoomControl导航组件 \信息窗口\\引入在public的index.html中引入 <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=你的Ak"></script>npm install react-bmapgl --saveimp
2022-01-12 19:47:25
150
原创 百度地图使用
百度地图使用地图实例地图控件地图的绘制1.点标记2.多边线3.多边形4.圆5.文本标记6.窗口信息事件地图检索api地图实例引入src，添加ak<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=你的Ak"></script>div存放地图（注意设置宽高）<div id="container"&g
2022-01-12 19:32:14
150
原创 react中antd里的css样式按需导入
react中antd里的css样式按需导入安装/* package.json */config-overrides.js安装$ yarn add react-app-rewired customize-cra babel-plugin-import 或npm i react-app-rewired customize-cra babel-plugin-import -S/* package.json */"scripts": {- "start": "react-scripts star
2022-01-10 22:09:12
311
原创 React路由
React路由安装导入组件路由配置路由参数match 匹配的路由history 历史记录location 地址栏信息安装npm i react-router-dom@5.0 -S导入// 导入路由相关组件// 导入哈希路由 别名Router// Route 路由页面// NavLink 导航链接// Redirect 重定向// NavLink与Link区别：NavLink自动添加一个active的classimport { HashRouter as Router, Route,
2022-01-05 20:25:51
559
原创 React Hook
React HookReact Hook作用？一、Hook1.useState 使用状态2.useEffect 模拟生命周期3.useRef 使用dom引用4.useCallback 使用回调函数5.useMemo 使用缓存6.useLayoutEffect 视图发生变化7.useReducer 集中数据管理器8.useContext 使用上下文9.createContext 创建上下文React Hook作用？在函数组件里模拟生命周期和状态state。一、Hook1.useState 使用状态
2022-01-05 19:50:03
673
原创 react生命周期
react生命周期生命周期图一、挂载二、更新三、卸载生命周期图一、挂载1.construct构造函数2.static getDerivedStateFromProps(props, state)监听props更新state需要返回状态或对象return null3.render渲染4.componentDidMount组件已经挂载二、更新1.static getDerivedStateFromProps(props, state)监听props更新st
2022-01-05 19:26:10
544
原创 React总结
React总结定义特点一、安装1. 目录结构2.src结构二、jsx语法1.目的2.作用三、组件1.函数组件（无状态组件/视图组件）2.类组件（有状态组件/容器组件）四、模板语法1.文本渲染2.条件渲染3.列表渲染五、事件六、更新状态（state）定义React是用于构建用户界面的JavaScript库，起源于Facebook的内部项目。特点虚拟dom节点单向数据流组件开发思维一、安装npm i create-react-app -g//安装脚手架create-react-a
2021-12-29 17:39:54
244
原创 webpack总结
webpack模块总结webpack定义安装核心概念webpack.config.js文件entry 入口output 出口plugins 插件loader 加载器module处理图片与文件mode 配置模式devServer 本地服务器optimizationresolvedevtool优化webpack定义本质上，webpack是一个现代 JavaScript 应用程序的 静态模块打包器(module bundler) 。当 webpack 处理应用程序时，它会递归地构建一个 依 赖关系图(dep
2021-12-28 20:45:39
371
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人