上一页 1 2 3 4 5 6 7 ··· 13 下一页
2020年9月17日
swiper弹出窗口居中效果css
摘要： position: absolute; width: 800px; left: 50%; top: 50%; transform: translate(-50%, -50%); 阅读全文
posted @ 2020-09-17 18:13 YJUI 阅读(636) 评论(0) 推荐(0) 编辑
JS中的call()方法和apply()方法用法总结
摘要： 1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2. 相同点：这两个方法的作用是一样的。 都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。 一般来说，this总是指向调用某个方法的对象，但是使用call()和apply() 阅读全文
posted @ 2020-09-17 10:33 YJUI 阅读(211) 评论(0) 推荐(0) 编辑
2020年9月11日
location.search
摘要： 问号 ? 之后的部分 location.search 阅读全文
posted @ 2020-09-11 09:19 YJUI 阅读(128) 评论(0) 推荐(0) 编辑
2020年9月9日
swiper列数 slidesPerView属性决定
摘要： swiper轮播一行有几列如下决定 slidesPerView为3是三列，不写一列 // 初始化文章swiper var newsSwiper = new Swiper('#news-swiper', { slidesPerView: 3, spaceBetween: flag==2?10:20, 阅读全文
posted @ 2020-09-09 10:54 YJUI 阅读(2217) 评论(0) 推荐(0) 编辑
2020年7月31日
jQuery对象转成DOM对象
摘要： 1、什么是jQuery对象？ 就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。 比如： $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于 阅读全文
posted @ 2020-07-31 15:54 YJUI 阅读(292) 评论(0) 推荐(0) 编辑
rem自动计算
摘要： 写法一： //rem自动计算 (function (designWidth, maxWidth, viewWidth) { var doc = document, win = window, docEl = doc.documentElement, remStyle = document.creat 阅读全文
posted @ 2020-07-31 14:49 YJUI 阅读(267) 评论(0) 推荐(0) 编辑
2020年7月30日
video多视频轮播Swiper 播放视频不轮播不循环
摘要： 在实际工作中经常会遇到swiper轮播多个视频，播放视频不轮播不循环 loop:true下问题： (1)slides前后会复制若干个slide，成一个环路，不会复制绑定在dom上@click事件, 解决方法：不要在html绑定@click事件监听不到 使用swiper的onclick回调函数即：$( 阅读全文
posted @ 2020-07-30 13:39 YJUI 阅读(3074) 评论(0) 推荐(0) 编辑
2020年7月16日
CSS3--点击弹出菜单动画
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sca 阅读全文
posted @ 2020-07-16 15:16 YJUI 阅读(716) 评论(0) 推荐(0) 编辑
2020年7月14日
CSS3--通过Animation实现简单的手指点击动画
摘要： 效果图 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user 阅读全文
posted @ 2020-07-14 17:36 YJUI 阅读(1995) 评论(0) 推荐(0) 编辑
2020年7月3日
select加下拉箭头
摘要： <div class="flex"> <label>城市</label> <div class="dealerbo"> <select><option value="110000">北京市</option></select> </div></div> CSS .flex { width: 30%; 阅读全文
posted @ 2020-07-03 16:51 YJUI 阅读(763) 评论(0) 推荐(0) 编辑
CSS之文本两端对齐
摘要： text-align: justify; text-align-last: justify; width: 3rem; display: inline-block; 阅读全文
posted @ 2020-07-03 16:29 YJUI 阅读(121) 评论(0) 推荐(0) 编辑
如何在js中把对象object追加到数组中?
摘要： arrObj 是array类型，如何追加数据？ var arrObj =[] for(var i = 0;i<2;i++){ var obj = {} obj.ass_head_img = '../images/none.png'; object.push(obj) // object = obje 阅读全文
posted @ 2020-07-03 10:11 YJUI 阅读(7002) 评论(0) 推荐(0) 编辑
2020年7月1日
vue ie11 缺少 ':' html
摘要： IE11 用vue 出现这错 怎么处理啊 ，用的html页做的 ，没用脚手架这类的东西 vue本身在没有babel做降级的情况下没法在IE上跑的，配个babel，还有polyfill这两个加上就好了 解决：换个写法就好了 阅读全文
posted @ 2020-07-01 11:45 YJUI 阅读(1402) 评论(0) 推荐(0) 编辑
select去除默认样式
摘要： select { /*Chrome同Firefox与IE里面的右侧三角显示的样式不同*/ border: solid 1px #ddd; /*将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:n 阅读全文
posted @ 2020-07-01 08:52 YJUI 阅读(464) 评论(0) 推荐(0) 编辑
2020年6月28日
URL带参数json传递进行解析
摘要： 注意参数格式是要加密的： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale= 阅读全文
posted @ 2020-06-28 09:52 YJUI 阅读(1689) 评论(0) 推荐(0) 编辑
JS 获取参数、封装
摘要： var common = { getQueryString : function(name){ var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = ''; try{ r = location.href.split( 阅读全文
posted @ 2020-06-28 09:46 YJUI 阅读(312) 评论(0) 推荐(0) 编辑
2020年6月23日
select省市联动+对应经销商、自定义箭头
摘要： HTML: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, us 阅读全文
posted @ 2020-06-23 16:41 YJUI 阅读(185) 评论(0) 推荐(0) 编辑
专题移动端放大页面
摘要： HTML: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, us 阅读全文
posted @ 2020-06-23 13:56 YJUI 阅读(168) 评论(0) 推荐(0) 编辑
置顶TOP
摘要： HTML <a href="javascript:void(0)" class="go-top" @click="goTop"></a> index.js methods:{ goTop: function () { $('html,body').animate({ scrollTop: '0px' 阅读全文
posted @ 2020-06-23 11:38 YJUI 阅读(152) 评论(0) 推荐(0) 编辑
设备区分判断IPAD,H5,PC
摘要： HTML： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, us 阅读全文
posted @ 2020-06-23 11:28 YJUI 阅读(460) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 13 下一页