- 博客(534)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 uni-app卖座电影多端开发纪实（六）：多端打包
微信小程序【单个代码包的最大体积】不能超过2M，如果因为某些页面引用的静态资源文件较大较多的原因，导致单个代码包体积超过2M时，我们就需要进行页面的分包配置了；可以将小程序的众多页面分配到不同子包中，每个子包大小均不超过2M，所有子包的总体积加起来不能超过20M；等待一段时间之后，打包完成，生成的APK路径在unpackage/release/apk路径下。本教程不涉及原生App开发相关内容，我们为大家介绍云打包的App生成方式；如果公司中有专职的安卓/iOS开发程序员，我们可以选择执行本地打包；
2022-12-17 16:33:33
766
1
原创 uni-app卖座电影多端开发纪实（五）：使用插件
秒间导入完成，此时工程下会多出一个uni_modules目录。的，因此无需导入+声明，页面模板可以直接部署它！
2022-12-17 16:32:30
769
原创 uni-app卖座电影多端开发纪实（二）：搭建导航
中会生成这么一个玩意，就是页面声明了。NavBar导航齐活！Tabbar导航齐活！我们封装想要实现如下效果↓↓。先把这个搂一眼→_→。
2022-12-17 16:29:24
533
原创 uni-app卖座电影多端开发纪实（一）：创建项目
easy-com就是easy component，就是要把传统的组件引入+声明子组件+部署，三步合而为一，使代码变得更简洁；无论是自己的组件，还是外来组件，只需要遵守easy-com的路径规范就能直接在模板中部署，无需引入+声明了；具体参见官网解释easy-com。
2022-12-17 16:29:11
401
原创 Vue3电影中后台开发纪实（九）：项目简历与面试
刀锋电影管理端是刀锋电影App与刀锋电影小程序的中后台管理端程序；包含用户管理、数据看板、在映影片管理、预告管理、城市管理、影院管理、订单管理、运营管理、售后客服等模块；运营人员通过该系统可以创建与维护系统用户、管理用户权限、发布影片与影院信息、创建运营活动、跟踪用户订单、提供售后服务等；
2022-12-17 16:27:46
1781
原创 Vue3电影中后台开发纪实（七）：重构为TS
找不到模块“@store/index”或其相应的类型声明。ts(2307)“config.headers”可能为“未定义”。ts(18048)“store.state”的类型为“未知”。ts(18046)${(.as).}const {类型“number”的参数不能赋给类型“string”的参数。ts(2345)不能将类型“number”分配给类型“null”。ts(2322)
2022-12-17 16:26:15
639
原创 Vue3电影中后台开发纪实（六）：权限管理
axios的响应拦截器里发现返回码是401/403，一脚踹到登录页;方案一：加载完整路由表，加全局守卫判断meta，无权限时一脚踹到登录页;方案二：先挂载公共路由表，登录后再addRoute动态挂载权限路由表；由服务端返回菜单（或前端登录后从本地调取对应菜单）并动态渲染;隐藏无权限的按钮；v-if没权限就不显示；自定义指令v-auth判断到无权限就直接删除当前按钮；如果不是管理员就直接删除当前元素/组件。
2022-12-17 16:25:12
560
原创 Vue3电影中后台开发纪实（四）：增删改查
项目源码：电影中台+后台 api/movieApi.js触发删除操作views/film/Playing.vue调用接口执行删除views/film/Playing.vue删除后反馈+刷新页面@删除前使用弹窗确认界面上准备好弹窗，并先行隐藏弹窗的关联数据使用一个ref控制弹窗的显隐使用一组弹窗模式控制弹窗的提示文字+确认回调完整的删除流程用户点击删除暂存要删除的影片ID设置好弹窗模式：内置提示文字 + 确认时的回调函数用户点击确认时调出先前暂存好的影片ID
2022-12-17 16:23:48
574
原创 Vue3电影中后台开发纪实（三）：数据展示
{// 规定电影id为24个数字或小写字母 path : "/film/:id(\\d+)" , name : "detail" , meta : {});/* 获取影片详情 */ onMounted(async() => {/* 将detail中的数据同步到form中 表单中自动同步数据 */ Object . assign(form , detail , {
2022-12-17 16:23:04
177
原创 Vue3电影中后台开发纪实（二）：导航搭建
该样式是在main.scss中被全局引入的/* 定义过渡动画 */ /* 定义fade动画的入场和出场效果 */ . slide - fade - enter - active , . slide - fade - leave - active {} /* 定义fade动画的场外状态 */ . slide - fade - enter - from , . slide - fade - leave - to {
2022-12-17 16:22:11
696
原创 Vue3电影中后台开发纪实（一）：脚手架创建项目
克隆到本地脚手架配置实例根目录/project.config.json{"package" : "cli-creator" , /* 脚手架名称 */ "cmdName" : "ocli" , /* 【用户家目录下】的全局配置文件 */ "rcFile" : {/* 配置文件名 */ "name" : ".oclirc" , /* 给全局配置文件注入的默认数据 */ "default" : {
2022-12-17 16:21:28
614
原创 Vue3仿卖座电影开发纪实（五）：使用Vant
Vant是一个轻量、可靠的移动端 Vue 组件库；专用于开发O手机H5页面；我们在使用它的同时，更要学习人家的组件封装和设计思想；Vant4官方文档。
2022-12-17 16:12:10
670
原创 Vue3仿卖座电影开发纪实（四）：用户交互
* 动态路由 id为动态路由参数 组件实例中this.$route.params.id */ { < div class = " toggle " @click = " hideSynopsis =!-- 隐藏时使用↓图标 --> < i v-if = " hideSynopsis " class = " fa fa-angle-down " style = " font-size : 20px " >
2022-12-17 16:11:25
901
原创 Vue3仿卖座电影开发纪实（一）：搭建导航
!-- . vue文件是单文件组件（SingleFileComponent / SFC ）组件是页面中的一小块 -- >
2022-12-17 16:07:41
246
原创 Vite+React+TypeScript手撸TodoList
布局与样式一个TodoList长什么样子相信无需多言：上样式：src/TodoList.css.td-wrapper { width: 700px; margin: 0 auto;}.dp-wrapper { width: 100%; height: 40px; display: flex; margin-top: 10px;}.dp-wrapper input { flex: 4; height: 36px; l
2022-04-24 13:08:41
1370
原创 如何实现拖拽排序
可拖拽排序的菜单效果大家想必都很熟悉，本次我们通过一个可拖拽排序的九宫格案例来演示其实现原理。先看一下完成效果：实现原理概述拖拽原理当鼠标在【可拖拽小方块】（以下简称砖头）身上按下时，开始监听鼠标移动事件鼠标事件移动到什么位置，砖头就跟到什么位置鼠标抬起时，取消鼠标移动事件的监听排序原理提前定义好9大坑位的位置（相对外层盒子的left和top）将9大砖头丢入一个数组，以便后期通过splice方法随意安插和更改砖头的位置当拖动某块砖头时，先将其从数组中移除（剩余的砖头在逻辑上重新排
2021-08-21 17:20:20
3344
2
原创 面向对象与闭包综合案例：附近的商家服务与推荐算法
本例结合ES6面向对象语法、设计模式、闭包，完成一个附近商家的自动推荐功能；案例需求如下：√ 封装一个地理位置类Location，属性x,y，√ 求距离方法：getDistance(anotherLocation)可以计算与另一个地理位置的直线距离√ 随意造两个地理位置实例，并求它们之间的距离√ 创建商家类Shop，继承自地理位置类，同时拥有类别属性type、单价属性price，和服务方法serve()，留白等待子类去做具体实现√ 实现饭馆类Restaurant、超市类Supermarket、
2021-08-20 11:39:36
447
原创 JavaScript设计模式综合应用案例
今天我们模拟小米智能家居应用场景，融合单例模式、组合模式、观察者模式做一个综合应用案例。具体场景如下：小米门铃为主人开门，触发开门事件；小米智能控制台监测到开门事件，自动启动小米空调和小米电视；思路分析小米控制台，在家庭单位内只有一个实例，我们使用单例模式；小米控制台通过startWork这一统一接口控制全部智能家居，对于有相同接口的不同实例进行统一调度，我们可以应用组合模式；小米控制台监听小米门铃的开门事件，观察者模式；定义【组合】和【组件】两个父类接口后续由小米控制台对【组合】做
2021-06-21 17:47:55
374
原创 Windows下安装Vmware和CentOS7（超详细）
安装VmwareWorkstation下载VmwareWorkstation，本文使用版本14： https://my.vmware.com/cn/web/vmware/downloads/details?downloadGroup=WKST-1418-WIN&productId=686&rPId=39186双击下载好的安装文件开始执行安装点击下一步接受协议并选择下一步选择安装位置并点击下一步，这里作者使用默认位置（PS：安装路径不建议含有中文字符）
2020-10-29 12:11:51
727
4
原创 Go语言打造起名系统，拿去叫我雷锋
需求简介能胡乱地随机生成姓名，并且听起来像辣么回事儿~代码能复用到各种项目中，比如游戏NPC的起名等；整体实现思路很多中国人的姓名构成如下：姓氏+辈分字+名字，例如朱镕基，朱是姓氏，镕是字辈，基是名字；于是：从百家姓中胡乱抽取一个，生成随机的姓氏；从千字文中胡乱抽取一个，作为随机名字；不同姓氏的辈分可以上网查询，下图展示的是湖南欧阳氏的辈分列表，我们可以建立一个map，通过姓氏...
2020-10-27 19:07:37
1606
原创 共识算法8：拜占庭原理
拜占庭将军问题 拜占庭容错技术来源于拜占庭将军问题 拜占庭将军问题是Leslie Lamport（2013年的图灵奖得主）用来为描述分布式系统一致性问题（Distributed Consensus）在论文中抽象出来一个著名的例子 拜占庭帝国想要进攻一个强大的敌人，为此派出了10支军队去包围这个敌人。这个敌人虽不比拜占庭帝国，但也足以抵御5支常规拜占庭军队的同时袭击。这10支军队在分...
2020-10-27 18:10:54
1096
原创 6.7Python面向对象（7）：多态和动态绑定
关于什么是多态，请参考面向对象简介所谓动态绑定，指的是当调用一个子类实例的父类方法时，系统能够自动识别和调用【该子类自身对父类方法的实现】；此处带来案例，战狼@案例：战狼，需求说明：为帝国创建一支军队，包含骑兵、弓箭手、法师 所有兵种都能够进攻和防守，但形态各异 通过输入将令，控制每个兵种的攻守细节所有兵种都能攻守且形态各异，我们为其定义共同父类——战士类Soldier...
2020-10-27 18:09:07
484
原创 实战JavaEE项目的集群部署和负载均衡（3）：实现集群和负载均衡
项目架构图项目文件和数据下载：https://github.com/ouyangsuo/CrmProjectDeloyment部署MySQL数据服务器通过Xftp等工具或scp命令将crm_test.sql文件上传到数据库服务器特定位置（例如/data/crm_test.sql）登录MySQL服务器，创建crm_test数据库，从crm_test.sql导入数据create database crm_test charset=utf8;use crm_test;source /data/
2020-10-27 16:55:50
501
1
原创 实战JavaEE项目的集群部署和负载均衡（2）：Linux集群部署环境准备
引言上一节中我们实现了客户管理项目的本地部署，本节我们来配置一下Linux集群部署的实验环境，项目的架构部署如图：所有服务器的操作系统均为CentOS7，需要安装的软件依次为：1号机： nginx服务器2号机&3号机： java + tomcat容器4号机： MySQL数据库Vmware下安装CentOS7详细教程安装Nginx、JDK、tomcat、MySQLCentOS下常用软件的安装开放相应的端口#安装iptable服务yum install
2020-10-27 15:13:01
338
原创 CentOS下常用软件的安装
安装Nginx更新系统软件：yum update查看是否已安装wget:rpm -qa wget安装wget：yum install wgetList item查看是否已安装编译器，否则安装：rpm -qa gccyum install gcc gcc-c++安装nginx依赖包（nginx的Rewrite模块和HTTP核心模块会使用到PCRE正则表达式语法）：yum -y install pcre pcre-develnginx的各种模块中
2020-10-27 12:24:33
504
2
原创 实战JavaEE项目的集群部署和负载均衡（1）：Windows单机部署
引言本系列带大家一步步实现一个Java客户管理项目从本地单机部署到Linux集群部署和实现负载均衡的完整步骤；实战过程中不涉及代码的编写和调试，仅仅是一次纯运维层面的实战课程；Here we go！Windows本地安装tomcat本例使用企业目前使用最多的7版本：https://tomcat.apache.org/download-70.cgi，按需下载32位或64位的核心版即可解压到任意目录，路径中不宜含有中文字符进入bin目录执行startup.bat启动tomcatcd
2020-10-27 10:59:33
422
原创 15.4Python数据结构与算法：实现LRUCache缓存类
@概述LRUCache原理是将最近最少访问的（Least Recent Use）键值移出缓存，从而维护缓存容量在指定范围内通过collections.OrderedDict数据结构，可以字典键值的形式存储缓存数据通过不断将最新插入的键值移动到有序字典末尾，并将头部的数据清除的方式，我们可以动态维护缓存容量在指定的范围内，达到LRUCache算法的目的@工具实现# 引入有序字典from collections import OrderedDict# 定义LRUCache类class LR
2020-10-16 18:03:14
424
一年时间 全手工自制一台电脑 并从零开始为其编写程序 成品能做数学运算即可 该怎么做
2016-06-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人