logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

我一人全干!之vue3后台管理中的大屏展示。

大屏,顾名思义,就是放在一个固定的屏幕上看的,即使你不做自适应,放在一个固定的屏幕上看也没啥问题,但是很多做大屏的是为了在PC端看,PC端屏幕又是参差不齐的,所以需要做自适应。好了,一个用transfor缩放的例子就完成了,使用rem的例子以后为大家讲解。使用大屏展示的时候有很多种场景,众多场景都是为了实现大屏自适应。

文章图片
#javascript#大屏端
我一人全干!之二,vue3后台管理系统树形目录的实现。

因为此组件不是树形结构的,所以需要封装成系统需要的树形结构组件。可以使用vue的递归组件。因为使用的是element-plus的ui库,所以首选el-menu组件,一个完整的后台管理系统需要一个树形结构的目录,方便用户切换页面。其中子组件MenuItem.vue代码如下。这样就可以实现一个树形结构的系统目录了。menu.vue代码如下。

文章图片
#javascript#vue.js#前端
vue2自定义密码输入框组件,防止浏览器自动填充以及记住密码

做后台管理系统时,登陆后浏览器会弹框提示是否记住密码,而且它记住密码后下次输密码会自动填充,很烦,这里做一个密码输入框的组件,防止浏览器记住密码因为浏览器会对带有text="password"的input进行记住密码,而这里自定义的input不会带有这个属性,而是把输入的密码转换为特殊字符,所以可以解决这个问题。第一步,创建一个PwInput.vue的文件当作组件,里面代码如下<templa

#vue.js#javascript
我一人全干!之vue3后台管理中的大屏展示。

大屏,顾名思义,就是放在一个固定的屏幕上看的,即使你不做自适应,放在一个固定的屏幕上看也没啥问题,但是很多做大屏的是为了在PC端看,PC端屏幕又是参差不齐的,所以需要做自适应。好了,一个用transfor缩放的例子就完成了,使用rem的例子以后为大家讲解。使用大屏展示的时候有很多种场景,众多场景都是为了实现大屏自适应。

文章图片
#javascript#大屏端
毒蘑菇搜索,一个更简单更好用的主页。

经过2周多的时间,利用闲暇时间,周六周日加班加点的写代码,毒蘑菇搜索终于新鲜出炉了,跟站搜搜一样可以根据网站名搜索网站并且一键直达,相当方便呐!毒蘑菇搜索操作说明

#javascript#vue.js
CSS字体容器高度比字体大,这是有字体行高的问题

在写css时,有时给字体大小设置为12px,可是文字所处的容器高度却比12px高,这是因为行高的问题,默认的行高一般都大于字体大小。解决办法如下://给字体所在的容器添加如下cssline-height: 1; //1表示行高为字体大小的一倍,这样就行了推荐一个配色网站 毒蘑菇配色最后附上问题已解决小站 一篇文字...

#css#css3
解决vue项目打包后index.html标签属性没有双引号的问题

记录一个vue项目打包时的大坑,因为需要在index.html里加入一些自定义的东西,结果打包后相关属性都没有双引号,最后各种百度谷歌终于解决了,哈哈(我用的vue-cli4)vue-cli4配置和低于4的配置有些不同,4只用一个vue.config.js基本就行了1.百度上搜索的有些人这么解决的(vue-cli4以下)找到webpack.prod.conf.js文件,加上removeAttrib

#html
element-ui的el-dialog,简单的封装。

我写vue的时候奉行的都是数据驱动,像刚才那种写法没有问题,也更灵活,反正都是数据驱动的,即使错误了也只是某些地方没正确处理数据而已。有些封装不仅仅是模块分离,还有代码分离,反正就是一句话,代码是先写给人看的,然后才是机器。我奉行的封装是必要才封装,不然是不会去封装的。一个很简单的例子,不用创建多个变量来控制显示以及标题和各种杂七杂八的状态,全部由外部指定,再由。使用el-dialog很多都是按照

文章图片
#ui#vue.js#javascript
完美解决vue3 keep-alive多个路由使用同一个组件的缓存问题

为什么要这么写,因为主要原因就是改个name的嘛,component.type放的是该组件对象,不能直接改,两个component.type所指向的对象是同一个,所以用一个新对象来。以为解决了,结果报错,报啥错就不说了,我觉得应该是vue用那个弱引用map把组件对象当作key,存了一个其他数据,对象变了就取不到该数据了。其中 visitedViewPaths 是你自己的需要缓存的name列表,现在

文章图片
#缓存#javascript#前端
到底了