标签: CSS

微信小程序实现弹幕墙(祝福墙)

本文实例为大家分享了微信小程序实现弹幕墙的具体代码,供大家参考,具体内容如下为了解决左右弹幕重叠问题,也是找了网上挺多案例,最后都不行,最后利用四个数组和css3动画animation来解决这是个祝福墙,用户发送弹幕到后台审核,审核通过显示在前端{{item.title}}{{item.title}...

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

微信小程序实现日历小功能

本文实例为大家分享了微信小程序实现日历功能的具体代码,供大家参考,具体内容如下代码{{currentDate}}一二三四五六日{{vo}}{{vo}}{{vo}}CSS:/*日历*/.gradient{background:#fff;margin-bottom:16rpx;overflow:hidd...

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

微信小程序实现底部弹出模态框

本文实例为大家分享了微信小程序实现底部弹出模态框的具体代码,供大家参考,具体内容如下代码:{{comment.length}}条评论×{{item.nickname}}{{item.memo}}9-24发送CSS:/*评论*//*模态框*/.modals{position:fixed;z-index...

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

Vite搭建React项目的方法步骤

日常放鸽,火钳刘明这是一个基于vite搭建的React的项目,开发体验非常棒。创建一个Vite项目yarncreate@vitejs/app如上图,选择了react-ts预设模板,如果出现下图一样的工程yarn//安装依赖yarndev//启动开发环境打开浏览器输入http://localhost:...

JavaScript 2021-04-07 110 0 0 阅读全文

CSS Hack用法案例详解

之前一直很狭隘的对CSShack持有偏见,觉得写得规范的代码不应该使用这些“邪门歪道”,可最近产品发布一个小问题却让我头疼了很久,最后查了一下资料,竟然使用CSShack轻松解决了,不得不服啊,对付神奇的IE就得使用这些利器。什么是CSShack由于不同的浏览器,甚至同一浏览器的不同版本对CSS的解...

CSS/HTML 2021-08-20 83 0 0 阅读全文

HTML5 中的5大存储方式总结

总体情况h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。主要应用:购物车、客户登录对于IE浏览器有UserData,大小是64k,只有IE浏览器支持。目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器1.本...

CSS/HTML 2021-07-07 175 0 0 阅读全文

JS/CSS实现字符串单词首字母大写功能

css实现:text-transform:capitalize;JS代码一:String.prototype.firstUpperCase=function(){returnthis.replace(/\b(\w)(\w*)/g,function($0,$1,$2){return$1.toUpper...

JavaScript 2021-04-26 138 0 0 阅读全文

Vue下拉刷新组件的开发及Slot的使用详解

“下拉刷新”和“上滑加载更多”功能在前端、尤其是移动端项目中非常重要,这里笔者由曾经做过的vue项目中的“blink”功能和各位探讨下【下拉刷新】组件的开发:正式开篇在前端项目的components文件夹下新建pullRefreshView文件夹,在其中新建组件index.vue:(它代表“整个屏幕...

JavaScript 2021-04-07 116 0 0 阅读全文

原生Js实现自定义滚动条

本文实例为大家分享了js实现自定义滚动条的具体代码,供大家参考,具体内容如下1.HTML文件div1是滚动条,div2是滚动小球,div3是文本区域容器,div4是文本区域。CSS3教程CSS3教程CSS3简介CSS3边框CSS3圆角CSS3背景CSS3渐变CSS3文本效果CSS3字体CSS32D转...

JavaScript 2021-03-30 140 0 0 阅读全文

从Git上Checkout指定的文件夹至本地的代码

当项目过大时,从服务器上拉取项目是件很头疼的事情,那么就说说怎么只拉区某个或几个文件夹至本地。上代码:gitclone-ngit@172.0.0.10:test/test_platform.gitcdtest_platformgitconfigcore.sparsecheckouttrueechow...

其他 2021-03-28 146 0 0 阅读全文

JS+CSS实现炫酷光感效果

JS+CSS带你实现炫酷光感效果~效果一:(螺旋式沉浸视觉感受)效果二:(旋涡式远观视觉感受)实现代码:光感效果html,body{height:100%;overflow:hidden;}body{background-color:#c08eaf;}.main{/*中心点*/width:8px;h...

JavaScript 2021-05-19 189 0 0 阅读全文

JQuery实现鼠标拖动Div改变位置、大小的实践

实现类似windows窗体的效果,在中间拖动改变div位置,在边缘拖动改变div大小,鼠标在相应的位置改变成相应的形状效果如图:(截图没显示鼠标)代码如下:$(".test1").mousemove(function(e){$(".test1").unbind...

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

通过CSS数学函数实现动画特效

大家好,这里是CSS兼WebGL魔法使——alphardex。之前一直在玩three.js,接触了很多数学函数,用它们创造过很多特效。于是我思考:能否在CSS中也用上这些数学函数,但发现CSS目前还没有,据说以后的新规范会纳入,估计也要等很久。然而,我们可以通过一些小技巧,来创作出一些属于自己的CS...

CSS/HTML 2021-08-24 123 0 0 阅读全文

CSS自定义滚动条样式案例详解

当内容超出容器时,容器会出现滚动条,其自带的滚动条有时无法满足我们审美要求,那么我们可以通过css伪类来实现对滚动条的自定义。首先我们要了解滚动条。滚动条从外观来看是由两部分组成:1,可以滑动的部分,我们叫它滑块2,滚动条的轨道,即滑块的轨道,一般来说滑块的颜色比轨道的颜色深。滚动条的css样式主要...

CSS/HTML 2021-08-24 79 0 0 阅读全文

详解Git基本操作和指令

基本操作 一、基本操作命令创建进入空文件夹右键->点击GitBashHere启动命令行(MAC在当前文件夹打开终端)gitinit仓库初始化创建一个初始化文件index.htmlgitaddindex.html将文件加入到暂存区gitcommit-m'注释'提交到仓库m是message单词的缩...

其他 2021-04-12 102 0 0 阅读全文

HTML+CSS+JavaScript做女朋友版的刮刮乐(一看就会)

刮刮乐想必大家都玩过,小时候兜里一有钱,就喊上小伙伴兴冲冲的跑去家旁边的小卖部,用那稚嫩地小手递给老板那被捏的皱巴巴的五毛钱,满眼期待的刮着买来的刮刮乐,心里早已想好中了100块钱大钞要去买好多好多辣条、卡片、陀螺、奥迪双钻的悠悠球…♥️别着急,先看演示刮刮乐??正如你在上面视频中所看到的,这里我借...

CSS/HTML 2021-08-25 152 0 0 阅读全文

Js仿淘宝放大镜效果

仿淘宝放大镜封装效果,供大家参考,具体内容如下放大镜是做好了,但是没有下面小型导航无法选择放大图片,后期我会在封装出来的。由于考试当前考完试我会在推出vue的放大效果。以下是代码:1.html代码Titlevarlist={BackgroundColor:'red',//遮罩层颜色必填Opacity...

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

Vue实现表格合并功能

本文实例为大家分享了vue实现表格合并功能的具体代码,供大家参考,具体内容如下1、背景本身有vue进行渲染的数据表格,,但是出于整体考虑,需要对相同的列信息进行单元格合并。由于使用的是vue,想到MVVM是要用数据驱动的思想,所以考虑在Model做手脚,而不是渲染出数据来后做DOM操作,当然基本的C...

JavaScript 2021-04-12 116 0 0 阅读全文

JavaScript实现瀑布流布局的3种方式

今天逛闲鱼的时候观察到每一行的高度不是相同的,经了解才知道原来这是一种瀑布流布局,感觉挺有意思,于是决定研究一下,在网上也找了一些方案,实现瀑布流大概有3种方式。一、JS实现瀑布流思路分析1、瀑布流布局的特点是等宽不等高。2、为了让最后一行的差距最小,从第二行开始,需要将图片放在第一行最矮的图片下面...

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

微信小程序自定义胶囊样式

本文实例为大家分享了微信小程序自定义左上角胶囊样式的具体代码,供大家参考,具体内容如下1、将app.js中的window对象属性navigationStyle改为自定义"window":{"navigationStyle":"custom"...

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