2023
我们都知道原生JS获取DOM元素是很麻烦的，需要用到如document.getElementById这么长的API来获取。于是vue可以帮我们解决这个问题，vue也有自带的获取DOM的方法，那就是ref。它不仅可以获取DOM元素还可以获取组件。首先，需要用ref来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如图所示：如果在普通的 DOM 元素上使用，引用指向的就是 ...
基础表单 平铺所有需要填写的信息，适合内容项较少、内容项无法按照相关性分组的表单。 分组表单 单次任务的表单页中需要填写内容众多，且不同内容之中存在一定可分类归纳性。 1) 标题分组 表单项较多(超过了7个设置项)的情况下建议分组，分组标题能够引导用户完成表单填写。但分组内设置项要有强关联性，否则不能归为一组，不能因为字段多为了分组去分组。 2)卡片分组 ...
排版中很重要的两个因素是对齐和间距。对齐让页面内容有序且合理，间距有助于拉开页面中各个元素的空间和节奏，这两个因素协同工作，来实现更好的用户体验。1) 避免长文本居中对齐当页面中的文字内容超过两三行，尽量不要使用居中对齐的方式。当大段的文字内容居中对齐时，给人的第一感觉就是文字左右两边不规整，这样的排版方式会导致读者在阅读时注意力下降。2) 长文本使用左对齐左对齐的排版方式具有更好的可读性，而且现...
yum是使用python作为运行环境，不能直接删除，网上很多步骤都是指导Centos的下的python2.7版本删除导致的yum不能使用，对于AnolisOS系统却没有对应的文档
平台不支持，没办法只能手动导入了。先登录云效平台，建好分组我们先建立wenhui这个代码组。点击右上角的加号，选择导入代码库
在vue实际开发过程中，很多项目同时具备移动端和pc端，需要做到不同的设备访问不同的网页。这时就需要用到路由守卫，通过路由拦截来判断是否为移动端，再跳转不同页面。有关路由守卫的内容可以点击此链接>>查看。首先在index.js中定义一个变量来判断是不是移动设备。接着通过路由拦截来修改跳转路径。如果是移动设备，且能够成功引入mobile+path这个路径的话，就在路径前增加’/mobile’；pc端...
利用迅睿cms做一个选项卡切换（下）如上文所言，选项卡切换基于jq，那这里就是基于迅睿cms了。这里需要一定的基础，请大家先查看我站关于迅睿cms的知识。这里主要思路是循环套循环，话不多说，请看！首先，我们先循环列表部分。 拿到当前页面的栏目id，然后循环他的子集，父栏目为当前的栏目id。然后通过第二...
选项卡切换基于jq，所以请先引入jq。不需要很高深的代码，只需要简单了解下jq就可以做出选项卡切换。不废话直接贴一段代码。具体可以参考下我在csdn上的博客。 $(".leftHead ul li").click(function () { let $index = $(this).index() $(this).addClass("on").siblings().re...
在main.js文件中，我们使用createRouter方法来创建路由实例，此路由实例可以使用beforeEach来注册全局的前置导航守卫。每当触发导航跳转时，都会被此导航守卫捕获。示例如下：当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于等待中。每个守卫方法接收两个参数：to: 即将要跳转到的路由对象；from: 当前导航将要...
首先解释一下为什么在运行Python项目的时候要使用虚拟环境避免依赖冲突：不同项目可能需要不同版本的库，使用虚拟环境可以将不同项目隔离开来，避免不同项目之间的依赖冲突。方便项目管理：使用虚拟环境可以方便地对项目进行管理，包括安装、卸载、升级等操作，无需担心对全局 Python 环境造成影响。提高开发效率：使用虚拟环境可以避免因更换项目或操作系统而需要重新安装依赖项的情况，从而提高开发效率。保护系统...
