layui 三级联动-图片上传
摘要：html 表单: <form class="layui-form" id="addForm"> <div class="baseInfo block"> <p>商品基本信息</p> <div class="layui-form-item"> <label class="layui-form-labe
阅读全文
posted @
2021-09-09 17:12
小虾米吖~
阅读(71)
推荐(0) 编辑
layui 之前端分页
摘要：背景分析：模糊搜索实现页面局部刷新（ajax），只刷新对应条件的dom和分页。并且对应条件的dom将在后台生成，直接返回给前端，前端替换原来的dom即可。【分页在前端】 html: <div class="innerPage content"> <!--搜索表单--> <section class=
阅读全文
posted @
2021-09-09 09:42
小虾米吖~
阅读(845)
推荐(0) 编辑
html禁止页面滚动（兼容ios和android）
摘要：function touched(flag) { document.addEventListener('touchmove', function (event) { //监听滚动事件 if(flag 1){ event.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)
阅读全文
posted @
2021-08-30 15:16
小虾米吖~
阅读(542)
推荐(0) 编辑
echarts参数配置注意事项
摘要：series: [ { name: 'Direct', type: 'bar', stack: 'total',(在折线图中不需要这个属性，否则纵坐标的值对应不上) label: { show: true }, emphasis: { focus: 'series' }, data: [320, 3
阅读全文
posted @
2021-08-09 10:45
小虾米吖~
阅读(105)
推荐(0) 编辑
jquery.slideDown()会回弹------解决
摘要：背景分析：在页面导航hover列表时下拉动画使用$(e).slideDown()，鼠标离开后使用动画$(e).slideUp(); 当鼠标移动很快时，就是出现下拉和上拉来回闪动，鼠标都离开很远了还是在闪烁。 解决办法：$(e).stop(true).slideDown(), $(e).stop(tr
阅读全文
posted @
2021-07-14 10:27
小虾米吖~
阅读(116)
推荐(0) 编辑
$.each 和 $(select).each 的区别
摘要：1.$(selector).each()主要对DOM的遍历 $(selector).each(function(index,element)){ //index - 选择器的 index 位置 //element - 当前的元素（也可使用 "this" 选择器） } $("button").clic
阅读全文
posted @
2021-04-19 17:56
小虾米吖~
阅读(179)
推荐(0) 编辑
jq把html转换为pdf（实现逻辑：html页面生成的canvas，以图片形式在pdf中呈现）
摘要：<div class="page_box"> 页面 页面代码 <input type="button" class="save" name="save" value="保存"></div> 引入包： <head> <meta charset="UTF-8"> <title>Title</title>
阅读全文
posted @
2021-04-19 09:16
小虾米吖~
阅读(964)
推荐(0) 编辑
输入小写金额转换为大写金额
摘要：html页面代码 <span>费用合计（人民币大写）： <input class="width_input" type="text" id="one"/>拾 <input class="width_input" type="text" id="two"/>万 <input class="width_
阅读全文
posted @
2021-04-19 09:05
小虾米吖~
阅读(223)
推荐(0) 编辑
html5字体自适应
摘要：<script> (function (doc, win) { var docEle = doc.documentElement, resizeEvent = 'orientationchange' in window ? 'orientationchange' : 'resize'; var re
阅读全文
posted @
2021-03-26 17:37
小虾米吖~
阅读(131)
推荐(0) 编辑
swiper轮播插件--动态修改属性值
摘要：需求：移动端只轮播一张图片，PC端轮播三张图片。使用直接修改swiper属性的方式需要手动刷新页面才能达到效果，灰常恶心。。。。于是想到切换窗口时先销毁swiper再重新实例化swiper,,问题解决。。let news_swiper = new Swiper('.news_swiper', { s
阅读全文
posted @
2021-01-22 11:56
小虾米吖~
阅读(1485)
推荐(0) 编辑
响应式网页字体大小设置
摘要：(function (doc, win) { var docEle = doc.documentElement, resizeEvent = 'orientationchange' in window ? 'orientationchange' : 'resize'; var recalCulate
阅读全文
posted @
2020-11-17 11:42
小虾米吖~
阅读(235)
推荐(0) 编辑
jq监听滚动条滚动，上拉加载下一页内容
摘要：具体代码： var loadMore = function () { let resList = []; for (let i = 0; i < item; i++) { resList.push(dataList[i]); if(item > data_length){ $('.bottom_co
阅读全文
posted @
2020-11-17 09:53
小虾米吖~
阅读(362)
推荐(0) 编辑
angularJS路由demo
摘要：1、根入口文件index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>AngularJS 路由实例 </title> <script src="https://cdn.staticfile.org/angular.
阅读全文
posted @
2020-10-26 10:10
小虾米吖~
阅读(105)
推荐(0) 编辑
页面刷新-导航高亮不变
摘要：html: <ul class="nav nav-tabs choose_nav" role="tablist" id="vtab"> <li role="presentation" class="active nav-item"> <a href="{:url('index/personal_ri
阅读全文
posted @
2020-10-21 10:19
小虾米吖~
阅读(129)
推荐(0) 编辑
safari浏览器会将时间、自动识别为号码（包括电话号码、qq号码全部标注为蓝色）
摘要：html页面header头里面加上属性 <meta name = "format-detection" content = "telephone=no">
阅读全文
posted @
2020-10-21 09:29
小虾米吖~
阅读(167)
推荐(0) 编辑
fullpage.js配合bootstrap制作响应式网站
摘要：一、需求：在PC端使用全屏滚动效果，移动端使用浏览器自带滚动条取消全屏滚动。 二、难点： 1、fullpage只能初始化一次， 2、在移动端,当取消全屏滚动，每一屏高度自动；浏览器滚动条上下滚动时页面会自动向上或者向下滚动一点点 3、在手机自带浏览器（除微信浏览器和QQ浏览器外）滑动时会自动回到顶部
阅读全文
posted @
2020-10-21 09:14
小虾米吖~
阅读(446)
推荐(0) 编辑
bootstrap ----tooltip
摘要：bootstrap4 和 jqery3.2.1版本共同使用时， 使用tooltip组件会有兼容问题 解决方法： 需要引入另一个js <script src="js/jquery-3.2.1.min.js" type="text/javascript"></script><script src="js
阅读全文
posted @
2020-09-30 10:43
小虾米吖~
阅读(430)
推荐(0) 编辑
范围选择器，jquery.range插件使用
摘要：1、下载jQuery.range.js 和jquery.range.css 2、使用 html: <input class="range-slider theme-green" type="hidden" name="ageRange" id="ageRange" value="25,35"/>js
阅读全文
posted @
2020-09-24 17:34
小虾米吖~
阅读(749)
推荐(0) 编辑
pattern新属性验证手机号
摘要：<input type="tel" class="form-control" placeholder="请输入手机号码" name="telephone" required="required" pattern="^1[3456789][0-9]{9}$">注意： 使用pattern属性时不能使用有
阅读全文
posted @
2020-09-14 16:59
小虾米吖~
阅读(560)
推荐(0) 编辑
jq插件 jsencrypt.min.js加密密钥和私钥（二次封装）
摘要：代码结构： 1、首先下载 jsencrypt.min.js 源码；并稍作修改：具体源码如下所示： var JSEncryptExports = {}; (function(exports) { function BigInteger(a,b,c){null!=a&&("number"==typeof
阅读全文
posted @
2020-08-17 09:36
小虾米吖~
阅读(305)
推荐(0) 编辑
