05-Express+MySQL数据库 参考: Express 官网:https://www.expressjs.com.cn/ 1. nodejs 操作数据库1.1 安装安装:npm init; npm i express mysql2 1.2 使用1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 2022-05-22 04_大前端 > 06_Node.js #MySQL #Vue #Node #Node.js #Express
01-Webpack入门 参考: webpack 官方网站:https://www.webpackjs.com/ 1. 为什么需要 Webpack1.1 前端开发的痛点 浏览器原生不支持 ES6+ 模块化(import/export)、TypeScript、Vue/React 单文件组件等现代语法。 资源管理混乱:JS、CSS、图片、字体等文件依赖关系复杂,手动维护易出错。 生产环境需代码压缩、兼容性处理、 2022-05-22 04_大前端 > 11_Webpack #webpack
02-Webpack配置 参考: webpack 官方网站:https://www.webpackjs.com/ 作为以 Java 为核心的全栈,需要掌握的 Webpack 程度: 不用像前端基建工程师那样精通 Webpack 源码,但要掌握 “够用” 的程度,核心目标是:能解决日常开发 / 部署的问题。 必掌握的核心点(1-2 天) 理解核心概念:入口(entry)、出口(output)、load 2022-05-22 04_大前端 > 11_Webpack #webpack
01-wechat微信小程序基础 参考: 微信小程序官网:https://mp.weixin.qq.com/cgi-bin/wx 微信小程序开发文档:https://developers.weixin.qq.com/doc/ 1. 环境准备1.1 运行环境 运行环境 逻辑层 渲染层 iOS JavaScriptCore WKWebView 安卓 V8 chromium定制内核 小程序开发者工具 NWJS C 2022-05-22 04_大前端 > 10_小程序 #wechat #微信小程序
01-json-server实现增删改查 参考: json-server 库:https://www.npmjs.com/package/json-server json-server 源码:https://github.com/typicode/json-server json-server 文档:https://rtool.cn/jsonserver/docs/introduction json-server -w db.jso 2022-05-22 04_大前端 > 08_JsonServer #json-server
02-wechat微信小程序项目搭建 参考: 微信小程序官网:https://mp.weixin.qq.com/cgi-bin/wx 微信小程序开发文档:https://developers.weixin.qq.com/doc/ 案例源码:https://github.com/janycode/wx-wechat-mall-applet-demo .gitignore: https://github.com/janycode/wx 2022-05-22 04_大前端 > 10_小程序 #wechat #微信小程序
02-uniapp&vue3项目搭建 参考: uni-app 官网:https://www.dcloud.io/ HBuild X 开发工具:https://hx.dcloud.net.cn/ uni-helper (uni-app脚手架):https://uni-helper.js.org/ 免费测试api接口:https://jsonplaceholder.typicode.com/ 随机猫咪API接口:https://a 2022-05-22 04_大前端 > 09_uniapp #vue3 #uniapp
01-uniapp&vue3基础 参考: uni-app 官网:https://www.dcloud.io/ HBuild X 开发工具:https://hx.dcloud.net.cn/ 1. 环境准备1.1 安装 HBuild XHBuild X 开发工具:https://hx.dcloud.net.cn/ 注意事项: 安装时选择快捷键方案 IntelliJ IDEA 方案即可。 HBuilderX 代码格式化配置 2022-05-22 04_大前端 > 09_uniapp #vue3 #uniapp
03-uniapp&vue3打包上线 参考: uni-app 官网:https://www.dcloud.io/ uni-app 条件编译:https://uniapp.dcloud.net.cn/tutorial/platform.html HBuild X 开发工具:https://hx.dcloud.net.cn/ 1. 打包&上线1.1 微信小程序微信开放平台:https://mp.weixin.qq.com/ 2022-05-22 04_大前端 > 09_uniapp #vue3 #uniapp
02-美团Leaf实战 参考资料:https://github.com/Meituan-Dianping/Leaf 1.Leaf-segment号段模式Leaf-segment号段模式是对直接用数据库自增ID充当分布式ID的一种优化,减少对数据库的频率操作。相当于从数据库批量的获取自增ID,每次从数据库取出一个号段范围,例如 (1,1000] 代表1000个ID,业务服务将号段在本地生成1~1000的自增ID并加载到内存 2022-04-07 15_分布式 > 01_分布式ID #架构 #分布式 #雪花算法