标签: CSS

Vue基于Element按钮权限实现方案

背景需求:ERP系统需增加”按钮权限控制“功能,对权限的控制粒度要普及到按钮层级。预期按钮权限控制的交互方式无非两种:"不可见"和"可见不可点"。不可见不可见的交互方式相对简单,我们可使用v-if控制其是否显示。使用v-show也行,但不够保险,毕竟v-sho...

JavaScript 2021-04-05 203 0 0 阅读全文

Vue路由权限控制解析

本人在公司主要负责中后台系统的开发,其中路由和权限校验算是非常重要且最为基本的一环。实际开发项目中,关于登录和路由权限的控制参照了vue-element-admin这个明星项目,并在此基础上基于业务进行了整合,接下来我会以这个项目为例,仔细地剖析整个路由和权限校验的过程,也算是对这个知识点的一些总结...

JavaScript 2021-04-14 159 0 0 阅读全文

Js与Css的阻塞问题详析

DOMContentLoaded和load我们先了解两个事件,有助于后面的分析。load事件:load应该仅用于检测一个完全加载的页面当一个资源及其依赖资源已完成加载时,将触发load事件。也就是说,页面的html、css、js、图片等资源都已经加载完之后才会触发load事件。DOMContentL...

JavaScript 2021-07-15 182 0 0 阅读全文

解决Django中修改Js Css文件但浏览器无法及时与之改变的问题

今天修改之前实习小伙伴写的js代码的时候,遇到修改后页面未发生变化的问题。因为我是web开发小白,所以上网查了一波,得以解决~~初次进行web工程开发的人可能会碰到这样的情况:自己在明明对工程上的某个js或css文件进行了修改,并提交到服务器上去了。但是在客户端浏览器里面打开页面时,并没有看到修改后...

Python 2021-04-28 232 0 0 阅读全文

原生Javascript+CSS实现轮播图效果

js+css原生轮播1.html2.cssul{list-style:none;position:absolute;padding:0;left:0;right:0;bottom:0;top:0;margin:auto;width:800px;height:200px;}3.js//生成轮播图exp...

JavaScript 2021-08-18 180 0 0 阅读全文

分析对比华为虚拟化CSS与H3C虚拟化IRF2技术

华为CSS与H3CIRF2技术对比一、华为CSS技术介绍CSS是ClusterSwitchSystem的简称,又被称为集群交换机系统(简称为CSS或集群)。是将几台交换机通过专用的集群线缆链接起来,对外呈现为一台逻辑交换机。在S9300/S7700(S9700暂无CSS集群卡)交换机主控板(SRU)...

CSS/HTML 2021-08-17 194 0 0 阅读全文

Js Html5 Css俄罗斯方块游戏再现

这个游戏主要分为三部份,HTML5+CSS+JAVASCRIPT来完成的。在这里详细讲一下js的代码。因为这个游戏的主要部分其实就是js。大多数都是靠js来完成的。完成后的效果如下:HTML代码:下一个:开始中等简单中等困难分数:0方向:bottom说明:-“下”、“左”、“右”键控制方向,“上”为...

JavaScript 2021-05-12 247 0 0 阅读全文

Jquery实现加载更多"转圈圈"效果(示例代码)

功能:发送网络请求时等待加载的圈圈动态显示,网络请求成功后关闭提示圈圈代码:index.htmlcss画动态等待转圈效果.toast{display:none;position:fixed;flex-direction:column;justify-content:center;align-item...

JavaScript 2021-04-14 209 0 0 阅读全文

微信小程序实现首页弹出广告

本文实例为大家分享了微信小程序实现首页弹出广告的具体代码,供大家参考,具体内容如下这个微信小程序首页广告demo仅供有需要的参考.wxmlthisisad//事件catchtouchmove方法主要作用是固定广告防止点击穿透,就是使用弹出广告的后面内容不能上下拉动。其中对应的.js方法可以不做任何处...

JavaScript 2021-04-09 147 0 0 阅读全文

微信小程序实现单个或多个倒计时功能

微信小程序实现单个/多个倒计时显示单个倒计时多个倒计时思路:首先获取到每个倒计时的结束时间,然后把结束时间跟当前时间转换成时间戳,结束时间减去当前时间再除以1000(因为时间戳是毫秒级)就是该结束时间距离当前时间的秒数了,然后根据公式计算出时分秒,最后使用定时器每秒跑一次就实现成功啦~两种倒计时思路...

JavaScript 2021-04-13 173 0 0 阅读全文

React Html中使用React的两种方式

基本使用hello//虚拟domconststr='helloreact'constvDom={str}//constvDom=helloreact//把虚拟dom转化成真实的domReactDOM.render(vDom,document.getElementById("app"...

JavaScript 2021-04-06 169 0 0 阅读全文

使用 React 和 Threejs 创建一个VR全景项目的过程详解

最近我在学习使用React配合Three.js来搭建一个可以浏览720全景图片的项目实现的是加载一张2:1的720全景分享一下我的创建过程一、搭建框架并安装需要的插件npxcreate-react-appparano//创建一个React项目npminstall-Stypescript//安装typ...

JavaScript 2021-04-06 206 0 0 阅读全文

Flex布局总结

最近在写移动端项目,想着把flex布局,重新梳理一遍,总结下。参考地址:www.runoob.com/w3cnote/fle…flex布局Flex是FlexibleBox的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。Webkit内核的浏览器,必须加上...

CSS/HTML 2021-08-07 201 0 0 阅读全文

JQuery实现动态向上滚动

本文实例为大家分享了jQuery实现动态向上滚动的具体代码,供大家参考,具体内容如下总结:概括滚动的新闻、字幕、图片:两个最核心功能:1、”永动“(infinite)2、循环js实现”永动“(infinite)的实现方法离不开定时器setInterval(),也就是说每过一段时间都要执行一次某个函数...

JavaScript 2021-04-10 173 0 0 阅读全文

JS+CSS实现动态时钟

本文实例为大家分享了JS+CSS实现动态时钟的具体代码,供大家参考,具体内容如下知识点总结:document.querySelector()方法返回文档中匹配指定CSS选择器的一个元素。setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval()方法会...

JavaScript 2021-03-27 151 0 0 阅读全文

Vue实现购物车的小练习

今天从网上找了一个购物车的小例子,照着敲了一下,收获不少。下面的用一个小动图展示一下成果:接下来上代码:购物清单全选商品数量单价(元)金额(元)操作{{item.gname}}{{item.gbrand}}  {{item.gplace}}{{item.gpuri...

JavaScript 2021-04-10 162 0 0 阅读全文

原生JS实现京东查看商品点击放大

本文实例为大家分享了JS实现京东查看商品点击放大的具体代码,供大家参考,具体内容如下需求分析鼠标移入,出现黄色的遮罩,和用来放大的盒子鼠标移出,遮罩和放大的盒子消失鼠标在小图片上面进行移动的时候黄色遮罩层会随着鼠标一起移动用来放大显示的图片,也跟着一起移动实现效果:html部分:css部分:*{ma...

JavaScript 2021-04-10 151 0 0 阅读全文

解决Vant-UI库修改样式无效的问题

最近用vue写页面时,发现使用vant的有些UI组件,而又不能满足自己的样式,修改CSS样式还是无效。css一般都会使用sass或者less,加了scoped后修改的样式不起作用,即使加了important也没用vue项目中,当标签有scoped属性时,它的CSS样式只作用于当前组件中的元素,父组件...

JavaScript 2021-04-13 167 0 0 阅读全文

解决Vux 中Popup 组件Mask 遮罩在最上层的问题

问题描述:在IOS设备上遮罩层显示在弹出内容的上面,导致弹出内容不能正常显示内容和响应点击事件解决方案:找到该Popup组件的祖先DOM节点是否被设置该CSS属性:-webkit-overflow-scrolling:touch;若被设置将该CSS属性,则去掉即可。补充知识:完美解决VUX的popu...

JavaScript 2021-04-13 182 0 0 阅读全文

解决VantUI Popup 弹窗不弹出或无蒙层的问题

背景####组件PopupTime.vue把vant官网的popup+时间选择器抽成组件:popup1show:true即弹窗显示exportdefault{props:{popupTitle:Object,},data(){return{popup1show:true,currentDate:ne...

JavaScript 2021-04-13 201 0 0 阅读全文