cy_baicai-CSDN博客

原创基于Vue实现电商SKU组合算法问题

这个相对来说比较麻烦，还涉及到了下面“属性图片”的循环，但关键点还是在SKU组合的代码上面以下是基于element-ui和vue的精简版demo代码：html<div>SKU组合demo</div><div v-for="(v, i) in list" :key="i" class="mt-20"> <b>{{ v.name }}：<...

2019-12-28 09:34:26 1360

原创 css3 画三角形和箭头

css3 画三角形和箭头画三角形，是不是比之前简单多了<div class="triangle">.triangle{ border: solid 10px transparent; border-bottom: solid 10px yellow; width: 0; height: 0; }画三角虚线，...

2019-05-09 12:27:33 270

转载移动端H5页面问题解决方案

1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也...

2018-10-25 10:05:12 931

翻译判断当前页面是否横屏

判断当前页面是否横屏// 判断横竖屏var utils = { debounce: function(func,delay){ var timer = null; return function(){ var context = this, args = arguments; ...

2018-10-24 20:29:03 1067

转载特殊符号 UNICODE编码

⇠ 箭头类符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS ⇠ &#8672 \u21E0 \21E0 ⇢ &#8674 \u21E2 \21E2 ⇡ &#8673 \u21E1 \21E1 ⇣ ...

2018-09-29 15:05:16 25954 3

原创简单实现JS 拖动效果

利用CSS3的Trnsform的移动属性来实现的。代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial

2018-03-30 15:49:17 219

原创解决IOSwebview加载H5页面点击2次会上移方案

在IOSwebview 我们嵌入H5页面的开发的时候，在H5的空白页面双击2次页面会上移动(function(){var agent = navigator.userAgent.toLowerCase();var iLastTouch = null; //缓存上一次tap的时间if (agent.indexOf('iphone') >= 0 || agent.

2018-01-26 14:59:15 2992 1

原创 JS 原生video元素去掉下载按钮

audiosrc="xxx.mp4"controls="controls">audio>通常我们都是这样写一个video元素，这样写的会在浏览器下显示视频的控制栏出来，加入我们不需要控制栏的下载按钮怎么办？看到有人说用css 方式可以:video::-webkit-media-controls-enclosure {overflow:hidden;}video::

2018-01-26 14:58:41 9593 1

原创模拟视频小弹幕。

之前博客地址被csdn吃了，弹幕 /* //css */ * { box-sizing: border-box; outline: none; } p { margin: .5em; word-break: break-all; } .container

2018-01-26 14:51:28 432

原创 ios下使用-webkit-overflow-scrolling:touch带来的bug

在苹果手机上使用-webkit-overflow-scrolling:touch会导致使用固定定位的元素，随着页面一起滚动，只有滚动停止时才会恢复原位.1 设置你需要滚动的div的position: relative; -webkit-overflow-scrolling: touch;以及高度 2，底部就用absolute 来定位，这样就不会随着滚动了。

2018-01-26 14:50:05 716

原创利用filereader实现在线预览图片功能

//js 文件如下 document.getElementById('showImg').onchange=function(evt){ var render = new FileReader(),ofile = evt.target.files[0]; render.onload=function(){ let src = re

2018-01-26 14:48:59 505

cy_baicai的博客