2021年,又是新的一年,Vue 已经发布 3.0 版本,最好用的 UI 组件库 Element UI 也发布了适配 Vue3.0 的新版本,是时候开始学习一下这两个新技术. 本文主要记录了使用 Vue CLI 来完成项目搭建的过程. 安装升级最新的 Vue CLI 4.x npm install -g @vue/cli 输入vue -V (大写的V) 查看版本 @vue/cli 4.5.9,一定要安装新版,不然使用不了 Vue 3. 创建 Vue 3.0 版本的项目 如图,使用 vue cre…

注:本文分页组件用原生 html + css 实现,element-ui里有专门的分页组件可以不用自己写,详情见另一篇博客:https://www.cnblogs.com/zdd2017/p/11153527.html 表格分页有两种实现方式:前端分页和后端分页.前端分页会一次性从后端拿到所有数据,然后分页展示在页面上,适合数据量比较小的情况:后端分页是每次从后端拿到当前页的数据展示在页面上,也就是说每次切换页码时都要向后端发起请求,适合数据量比较大的情况.本文采用后端分页,要介绍的是采用后端分…

对于这次尝鲜,说白了和Spring5.0的新特性基本没有多大的关系,如果说您不小心进来了,却发发现文章的内容和标题似乎不太匹配,那么我将是非常的抱歉,因为这浪费了您宝贵的时间.但是我还是要说:因为这确实是Spring5.0中的一个demo.而我在这里写下这个Demo的原因是这个Demo全部是注解的配置,因为我的习惯还停留在XML的阶段. 好了,让我们引入context包吧,这里使用maven配置: <dependencies> <dependency> <groupId>…

element ui 官网里介绍了穿梭框(Transfer),但在实际使用过程中,会出现一些问题: 1.穿梭框里能放置的内容太少,不能满足复杂的业务需求. 2.当选项过多时,穿梭框很难实现分页,左右两个框的分页是联动的,左边翻页了右边也会跟着翻页.若要取消这种关联关系,可参考这篇文章: https://www.cnblogs.com/alice-bj/articles/10703903.html#_label4 本文参考了穿梭框的实现思路,实现了可分页的表格穿梭框,同时涉及到了表格多选与表格里添…

之前写过一篇博客,当时对element ui框架还不太了解,分页组件用 html + css 自己写的,比较麻烦,而且只提到了后端分页 (见 https://www.cnblogs.com/zdd2017/p/9714633.html).由于工作上的需要,写了很多表格,因此对于分页有了新的理解,在这里重新总结一下,用 element ui 自带的分页组件实现前端分页和后端分页. 首先我们将分页功能的代码封装成一个组件,这样以后要用的时候可以直接拿,这里需要一个预备知识就是父子组件的交互,不清楚的…

对于动态增减表单项,Element UI 官方文档表单那一节已经介绍得很清楚了,我之前没有看见,绕了很多弯路,这里针对点击按钮增删一排输入框的问题做一个总结. 效果图如下 存在一排必填的姓名与手机号,点击增加后会新增一行,点击每行后面的删除图标则会删除该行 必填项很简单,就是普通表单: <el-form ref="form" :rules="formRules" :inline="true" :model="form"…

Cocos2d-x v3.0在前天最终公布正式版了,等了大半年最终出来了.一直没去碰之前的3.0各种beta,rc版本号,就想等正式版出来再尝试. 昨天也參加了触控科技在成都举办的沙龙活动.看到作者王哲真是万分激动,还问了一个小问题,吼吼~他们确定2.x的版本号不会再更新了,会一直维护3.x的版本号了,于是赶紧看看3.0了,只是3.0版本号尽管变化挺大的.可是简单浏览了一下,类的使用方法和原来的差点儿相同.仅仅是表达的写法变了下,当然肯定还有非常多变化,后面速度熟悉吧. 今天就先分享它的环境搭建…

Cocos2d-x在新版本号中增加了新的Label API.和以往不同的是,2.x的版本号是通过三个不同的类来创建不同的文本标签,而如今是模仿着精灵的创建方式.一个类创建不同形式的文本,只是核心内容还是差点儿相同的. 这是新的Label类结构图 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdzMzNzE5ODMwMg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/…

今天没事又尝试了下3.0正式版关于Android平台的移植,把新建的项目移植了下.过程仅用了十分钟左右,什么概念?! 好吧,事实上我想说,这个版本号真的移植非常轻松啊,只是还没加上其它东西,只是就眼下来说,真的非常方便.心理算是平衡些了,由于写代码总是想着要把CC去掉... 话不多说,来看看怎么移植到Android平台吧.体会下什么叫方便. 首先须要Android的NDK,SDK,Eclipse啥啥的就不提了.这些有过移植经验的就不多说了,关于NDK,最好去官网下载最新的版本号. 假设有自己新建…

在上篇文章<2021新年 Vue3.0 + Element UI 尝鲜小记>里,我们尝试使用了 Vue CLI 创建 Vue 3 + Element UI 的项目,而 Vue CLI 实际上为我们生成了一个我们熟悉的 Webpack 工程项目. Webpack 无需过多介绍,一个十分强大的打包工具.但 Webpack 也有不足的地方,比如第一次打包需要很长时间,修改代码之后的热更新速度较慢. 随着 Vue 3 一起推出的还有一个强大的新一代打包工具 Vite, 一个面向现代浏览器,基于原生模块…