vue 项目打包分析和优化
打包分析工具（webpack-bundle-analyzer）
分析 Bundle 由什么模块组成
分析什么模块占据了比较大的体积
分析是否有什么错误的模块被打包了
未优化前的代码2.85M
image.png
安装及配置
npm install -D webpack-bundle-analyzer
配置环境变量 .env.analyze
NODE_ENV = pro
前端
Android元素分散-飘移-聚合动效
效果预览
元素分散-飘移-聚合动效.gif
功能说明
使用Canvas绘制元素移动动效，极致高效；
支持任意方向元素漂移（起点、终点任意）；
支持修改元素图标及其大小（单位dp）；
支持修改动效持续时间及动画结束时回调；
支持修改元素飘动个数；
使用方式
在工程根目录的build.gradle中添加
allprojects {
repositories {
Vue.js基础-13-混入对象（应用示例，同名函数优先级，选项合并，选项优先级，全局混入，Vue.mixin）
1. 混入对象
1.1 简单应用
语法示例
定义混入对象
var 混入对象名 = {
created: 操作
};
组件中引用混入对象
new Vue({
component: {
mixins: [混用对象名],
}
完整示例
<!DOCTYPE html>
<h
Vue.js 基础-02-模板语法（常用指令v-html/v-bind/v-if/v-model/v-on，插值，参数，修饰符，缩写）
@[toc]
前言：
Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。
Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。
结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。
1. 插值
1.1 插入文本
语法
使用 {{……}}
前端vue：路由的基本使用
1. 路由
概念： Hash 地址与组件之间的对应关系
工作方式：
当用户点击页面上的路由链接
导致了 URL 地址栏中的 Hash 值发生了变化
前端路由就会监听到 Hash 地址的变化
前端路由把当前 Hash 地址对应的组件渲染都浏览器中
2. vue-router`
vue-router 是 vue.js 官方给出的路由解决方案
2.1 vue-router 的基本用法
安装 vue-r
vue学习（41）消息订阅与发布
知识点
消息订阅与发布是一种理念，实现它需要具体的第三方库，比如在angular中我们常用的rxjs,在这里讲的是使用pubsub-js这个库。
一种组件间通信的方式，适用于任何组件间通信。
使用步骤
安装pubsub: npm i pubsub-js
引入：import pubsub from 'pubsub-js'
订阅：A组件想接收消息，则在A中订阅消息，订阅的回调写在A组件中。
企业级低代码平台，JeecgBoot-Vue3版 v1.3.0 里程碑版本发布
项目介绍
Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。JeecgBoot企业级的低代码平台对应的vue3前端版本！
强大的代码生成器让前后端代码一键生成! JeecgBoot引领低代码开发模式(OnlineCoding->
JQuery 拦截请求 | Ajax 请求拦截，在请求发出前进行操作
在某些情况下，我们需要拦截一部分 ajax 请求，比如在初始化文件中加上了非全局使用的请求，导致在不需要这些请求的页面也会进行请求，导致响应速度变慢。
而把这些请求从初始化文件中提取出来放到对应的页面代价太大，则可以在不需要这些请求的页面进行拦截。
拦截请求可以使用 Jquery 中的 ajaxSetup() 函数。
具体操作步骤如下：
在浏览器开发者工具中查看对应页面的请求调用链
im
Vue.js基础-11-自定义指令（directive）：全局指令、局部指令、钩子、简写函数
1. 自定义全局指令
语法示例
下边定义了一个 名为 v-指令名的自定义指令
Vue.directive('指令名', {操作})
全局指令
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CROW-宋</title>
<
（万字长文）Django数据库操作——ORM：数据交互显示前端网页
🌟 如果这篇文章触动了你的心弦，请不要吝啬你的支持！亲爱的读者，感谢你花时间阅读这篇分享。希望这里的每一个字都能为你带来启发或是让你会心一笑。如果你觉得这篇文章有价值，或者它解决了你一直以来的一个疑问，请给个赞吧 —— 这不仅是对我学习效果的认可，更是激励我继续前行的动力！而且
