标签: CSS

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

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

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

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

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

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

Jquery实现拖拽添加元素功能

本文实例为大家分享了jquery实现拖拽添加元素的具体代码,供大家参考,具体内容如下需求1.页面上有两个不同的容器,拖拽a容器的元素添加到b容器中;2.a保持原位不dogn动,b增加新的元素,要实现的效果如下:3.点击b容器中的元素移除元素首先准备两个容器页面效果如下我是a元素我是a元素我是a元素我...

JavaScript 2021-04-11 49 0 0 阅读全文

JQuery实现可以扩展的日历

新的产品需求需要,要写一个这样的日历插件。效果图如下:选择日期后,显示当前可以选择的时间,时间的列表是通过ajax从后台获取的一组数据。而且这个日期存在的情况,还是动态渲染的一个列表里面,再动态渲染的一个日历。例如:此时的步骤图渲染是根据后台给的一个list来渲染的,所以,里面的元素但凡要点击,要交...

JavaScript 2021-04-11 70 0 0 阅读全文

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

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

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

解决Idea Web工程修改Js文件之后不变化的问题

有是一个坑爹的bug,把web工程发布到tomcat上之后,一开始运行的好好的,后来修改里面的js传给服务端的数据,一点变化都没有,,都说要把配置里面换成更新修改onupdateAction为RedeployOnframedeactivation为Updateclassesandresources如...

Java 2021-04-11 50 0 0 阅读全文

使用Vant完成Dialog弹框案例

效果展示:完整代码:提示弹出框(确认、取消)的弹出框exportdefault{data(){return{msg:''}},methods:{//提示弹出框TipDialog(){this.$dialog.alert({//title:'标题呀',message:'弹框内容'}).then(()=...

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

Webpack 处理CSS资源的实现

1.一个引入CSS资源的案例//index.jsimport'./style.css'/*style.css*/#root{height:100px;width:100px;border:1pxsolid#ccc;}就这样打包的话,是会报错的,那么想要成功打包CSS资源,需要使用下面介绍的几个loa...

JavaScript 2021-04-29 63 0 0 阅读全文

推荐一个好看Table表格的Css样式代码详解

漂亮的table表格样式css源码漂亮的table表格样式源码table{border-collapse:collapse;margin:0auto;text-align:center;}tabletd,tableth{border:1pxsolid#cad9ea;color:#666;height...

CSS/HTML 2021-08-21 37 0 0 阅读全文

Vue如何使用CSS自定义变量

在css自定义变量的功能以及出来许久了,但实际开发中大家使用并不多。归其原因是因为less、sass等预处理器已经拥有定义变量的功能,以及Vue、react很方便设置style样式,大家可能觉得使用css定义变量不方便且没必要。实则不然举个最直观的栗子:“如何使用vue设置伪类伪元素的样式”。这是个...

JavaScript 2021-05-08 57 0 0 阅读全文

Map与WeakMap类型在JavaScript中的使用详解

map类型特点与创建方法:Document//对象的键名会自动转为字符串//letobj={//1:'cyy1',//'1':'cyy2'//};//console.log(obj);//对象的键名是对象时,会自动转为字符串//读取时也要先转为字符串再读取//letobj={//name:'cyy'...

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

不要在HTML中滥用Div

概述做前端开发的同学都知道,一个网页的基本组成部分是HTML,JavaScript和CSS。开发人员通常更关注JavaScript和CSS,实践着各种语言规范和设计模式。对于HTML的关注度则明显偏少,只要能做出设计师画的界面就万事大吉了,不怎么去关心HTML是不是规范合理。于是下面的情况随处可见:...

CSS/HTML 2021-05-08 65 0 0 阅读全文

详解React中Key的作用

要了解React中key的作用,可以从key的取值入手,key的取值可以分为三种,不定值、索引值、确定且唯一值在下面的代码中,key的取值是不定值(Math.random())问题:点击按钮的时候,span的颜色会变成红色吗?importReact,{useState}from'react';fun...

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

Nodejs中内置模块Fs,Path常见的用法说明

readFilereadFileSync同步读取数据varfs=require('fs');fs.readFileSync('./a.txt');readFile异步读取数据varfs=require('fs');//引入文件fs.readFile('./a.txt',function(err,da...

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

JQuery-App输入框实现实时搜索

本文实例为大家分享了jQuery-App输入框实现实时搜索的具体代码,供大家参考,具体内容如下1、实现实时搜索其实原理就是很简单,实时获取输入框的值即可,并且对不同情况操作进行不同处理。2、这里只贴出主要事件语句代码,具体一些操作要视具体情况而定//监听搜索框的内容变化实现实时搜索$("....

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

Vue实现表格合并功能

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

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

Nuxt的路由动画效果案例

路由的动画效果,也叫作页面的更换效果。Nuxt.js提动两种方法为路由提动动画效果,一种是全局的,一种是针对单独页面制作。全局路由动画全局动画默认使用page进行设置,例如现在我们为每个页面都设置一个进入和退出时的渐隐渐现的效果。我们可以先在根目录的assets/css下建立一个main.css文件...

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

详解Git基本操作和指令

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

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

Swiperjs实现导航与Tab页的联动

本文实例为大家分享了swiperjs实现导航与tab页的联动,供大家参考,具体内容如下这里主要实现了以下功能:1.点击导航栏切换tab2.tab页高度自适应不会影响布局3.导航栏的拖动4.tab页的滑动与导航栏联动代码如下:Document*{margin:0;padding:0;list-styl...

JavaScript 2021-04-08 67 0 0 阅读全文

Javascript实现滚轮轮播图片

本文实例为大家分享了javascript实现滚轮轮播图片的具体代码,供大家参考,具体内容如下效果图如下,只能用滚轮移动到头部和尾部思路:根据需要展示的图片数量(view-count)与slide-container中存放的图片数量设置ul的长度,然后设置每个li的均等宽度。每次滚轮滚动ul移动一个l...

JavaScript 2021-04-08 70 0 0 阅读全文