前端
Lisunlight
这个作者很懒,什么都没留下…
展开
-
金额保留两位小数
/ ceil函数进一位,round函数四舍五入,floor函数舍一位。原创 2023-01-30 16:53:08 · 248 阅读 · 0 评论 -
Nuxt 常见问题与解决方案
nuxt常见问题,环境搭建,使用技巧原创 2022-09-08 15:03:05 · 3977 阅读 · 0 评论 -
中国省市区个数
var cityNumber={ 北京:18,上海:19,天津:18,重庆:40, 四川:{成都:19,自贡:6,攀枝花:5,泸州:7,德阳:6,绵阳:9,广元:7,遂宁:5,内江:5,乐山:11,南充:9,眉山:6,宜宾:10,广安:5,达州:7,雅安:8,巴中:4,资阳:4,阿坝藏族羌族自治州:13,甘孜藏族自治州:18,凉山彝族自治州:17} 贵州:{贵阳:10,六...原创 2018-08-26 14:36:32 · 846 阅读 · 0 评论 -
element的表格中添加复制文字操作
vue中文本拷贝,文本复制操作原创 2022-09-02 14:58:15 · 586 阅读 · 0 评论 -
js将包含对象数组一维数组,按属性改为二维数组
js将包含对象数组一维数组,按属性改为二维数组,适用于根据某一个相同属性,进行分组的操作原创 2022-09-02 12:47:59 · 475 阅读 · 0 评论 -
el-upload使用第三方上传
element上传组件的使用原创 2022-09-01 16:50:00 · 867 阅读 · 0 评论 -
vue中使用moment.js处理时间
vue中使用moment.js原创 2022-05-25 10:26:03 · 429 阅读 · 2 评论 -
swiper进行分组轮播(分组js)
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</titl.原创 2021-04-30 10:00:51 · 1179 阅读 · 0 评论 -
前端常用词汇
1、HTMLheader 头部/页眉;body 身体;index 首页/索引;home 首页/家;logo 标志;navigation/nav 导航;menu 菜单;banner 横幅广告;main 主体;content内容;container/con 容器; wrapper/wrap 包裹(类似于container); sub_menu/second_menu 子菜单/二级菜单;list 列表;item 项目;name 名字;section 分区/分块(类似于div);children 孩子;art.原创 2020-12-03 14:00:04 · 2176 阅读 · 0 评论 -
图片视差效果
需要引入jq库// parallax(插件)//调用方式<script type="text/javascript" src="//dfs.yun300.cn/group1/M00/1C/5D/rBQBHF7wX0GEKouDAAAAADaOm2Q3693.js"></script>//主题结构<ul class="nparallax-scene"> <li class="layer" data-depth=".20"> <...原创 2020-11-06 16:34:37 · 243 阅读 · 0 评论 -
图片弹窗放大
都需要引入jq库// lightGallery (插件)//调用方式<script type="text/javascript" src="//dfs.yun300.cn/group1/M00/1C/94/rBQBHF8H0iWEf5oBAAAAAK1aPmU3811.js"></script><link rel="stylesheet" type="text/css" href="http://dfs.yun300.cn/group1/M00/1A/5A/rBQBH原创 2020-11-06 09:38:29 · 223 阅读 · 0 评论 -
js的小知识点(二)
1、JavaScript 语言将函数看作一种值,与其它值(数值、字符串、布尔值等等)地位相同。凡是可以使用值的地方,就能使用函数。比如,可以把函数赋值给变量和对象的属性,也可以当作参数传入其他函数,或者作为函数的结果返回。函数只是一个可以执行的值,此外并无特殊之处。由于函数与其他数据类型地位平等,所以在 JavaScript 语言中又称函数为第一等公民。将一个匿名函数赋值给变量。这时,这个...原创 2019-01-18 17:45:29 · 187 阅读 · 0 评论 -
jquery.validate.js对 form表单的验证
1、引入jquery.validate.js;引入文件要在jQuery文件之后2、直接在js中验证,直接上实例://内容验证 $().ready(function() { //图片拓展名 jQuery.validator.addMethod("subImg",function(value,element){ var ...原创 2018-10-05 11:04:47 · 802 阅读 · 0 评论 -
百度编辑器的前端使用
1、引入文件<!--百度编辑器--><script type="text/javascript" charset="utf-8" src="__PUBLIC__/ueditor/ueditor.config.js"></script><script type="text/javascript" charset="原创 2018-10-05 11:47:17 · 646 阅读 · 0 评论 -
laydate的使用
1、引入laydate.js,文件夹中要含有theme文件2、日期比较 //时间搜索渲染与验证 //日期组件 laydate.render({ elem: '#date1', theme: '#d43b2d', done:function(){ var date1=$('#date1').val()....原创 2018-11-09 10:27:28 · 532 阅读 · 0 评论 -
jsp前端常用
1、<% 语句 %>2、<%= 表达式 %>3、for循环<c:forEach items="${page.rows}" var="d" > <tr> <td>${d.d_id }</td&g原创 2018-11-08 17:06:32 · 498 阅读 · 0 评论 -
宽高自适应
来制作宽高自适应的容器,使用padding来代替高度,其子元素需要使用position:absoulte;3、高度自适应,父级position:relative,元素position:absoulte;1、在前端编程中,最常用的是宽度自适应,只需要body,html{width:100%},元素宽度使用时都用百分比表示即可,padding,margin,left,right的参照对象都是其父级宽度。2、充满屏幕可使用特定的单位,宽度 100vw,高度 100vh,使用vw和vh即可按照屏幕自适应,原创 2018-12-11 17:55:35 · 251 阅读 · 0 评论 -
jquery自制前端分页
1、项目中常用的简易分页,超过1页显示,使用/search接口传值为page,需要接收总条数data-sum,每页条数data-everyCSS.pages{width:100;height: 32px;margin: 15px auto;text-align: center;line-height: 32px;font-size:0;display:none;}.pages div{...原创 2019-01-17 11:42:47 · 552 阅读 · 0 评论 -
前端开发的大小写问题
1、html大小写不敏感,建议坚持小写2、js大小写敏感,常使用驼峰的写法(第二个词的首字母大写)3、css较为复杂(1)id名和class名是区分大小写的,只有标签选择器不区分 (2)属性名和属性值是不区分大小写的,属性名中含有“-”的,在js中使用要变为驼峰的写法,或使用引号包裹4、总结:坚持使用小写,js的变量名为了不混淆可以使用a_b的形式,使用下划线(_)连接...原创 2019-01-17 15:06:45 · 2006 阅读 · 0 评论 -
js小知识点(一)
1、console.log(x); ReferenceError: x is not defined ;表示变量未找到,没有声明(var),没有赋值undifined;表示已声明,但没有赋值;2、null与undifined的区别null是一个表示“空”的对象,转为数值时为0;undefined是一个表示"此处无定义"的原始值,转为数值时为NaN3、布尔值为false的六种...原创 2019-01-18 14:35:42 · 176 阅读 · 0 评论 -
项目中的常用小知识点
1、a标签代替button使用(鼠标状态自动为小手:cursor设置鼠标状态),a标签清除样式 text-decoration: none;a标签禁用方法:href="javascript:"、href="javascript:void(0)"、href="#"(此方法可回到顶部)2、换行: 先设置宽度,然后使用 word-wrap: break-word,数字字母换行word-break...原创 2018-08-31 23:04:32 · 203 阅读 · 0 评论