aichuoluzc29562-优快云博客

转载手机全屏tab栏导航栏

先上两张图点击左上角弹出tab栏下面是html代码<!doctype html><html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" con...

2019-02-22 14:12:00 510

转载 js判断电脑端还是手机端

2019-02-22 11:52:00 613

转载 layui 点击 radio 获取后面的值

插入代码 function queryGifts(){ $.ajax({ url:"../Gift/getGiftListALL.do", async: false, type:"POST", dataType: "JSON", ...

2019-02-22 11:50:00 239

转载 layui form 表单提交用 ajax提交

layui form 表单提交用 ajax提交<form class="addvoteform layui-form"> <button class="layui-btn layui-btn-sm" lay-submit lay-filter="formDemo2" >确定</button>...

2019-02-22 11:47:00 1013

转载前端优化

加载优化（最耗时）减少 HTTP 请求：浏览器一般同时响应请求为4个请求减少 HTTP 请求：浏览器一般同时响应请求为4个请求合并 CSS、 JavaScript；合并小图片、使用 CSS sprite，base-64压缩 HTML、CSS、JavaScript：减少资源大小可以加快网页显示速度，所以要对HTML、CSS、JavaScript 等进行代码...

2018-07-16 18:01:00 86

转载轮播图中播放视频兼容处理

{"isShowVideo":"1","videolist":[ {"desc":"000","url":"images/video.mp4","img":"images/image1.png"}, {"desc":"00","url":"","img":"images/image1.png"}, {"desc":"11","url":"images/video.mp4","img":"...

2018-07-11 17:52:00 1337

转载兼容问题汇总

不同设备的号码显示不一样<meta name="format-detection" content="telephone=no"/>视频在安卓在顶层还会自动全屏播放不同设备上<video style="width: 100%;height: 3.7rem;" src="/images/video.mp4" controls="" x5-p...

2018-07-11 17:52:00 102

转载页面弹窗效果带有确认取消按钮类似 confrim效果

上代码先写js 建立各个元素到页面上这里面对应的三个参数是内容和两个按钮内的内容 newconfrim ("弹窗内容","取消","完成") /*建立新弹窗*/function newconfrim (text,console,sure) { var myconfirm = document.createElement("div")...

2018-07-11 15:36:00 475

转载页面添加漂浮物掉礼物效果掉红包效果

最近在做一个投票的项目里面设计了一个漂浮物的效果就是天上掉礼物的效果html 不用写礼物通过 js 直接加到body 里面先上css代码//漂浮物 @keyframes mysnow { 0% { bottom: 100%; transform: rotate(0deg);...

2018-07-10 17:32:00 840

转载 flexisel.js响应适应屏幕宽度旋转木马插件

引入插件<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script><script type="text/javascript" src="js/jquery.flexisel.js"></script>ht...

2018-06-29 13:38:00 570

转载 fullpage的起步和简单实用给初学小白打个样

首先引入<link rel="stylesheet" href="static/css/jquery.fullpage.css"><script src="static/js/jquery.min.js"></script><script src="static/js/jquery-ui.min.js"></script...

2018-06-28 15:05:00 123

转载如何取消浏览器对电话号码的默认样式？

比如 XXXX-XXXXXXX格式的电话号码在某些浏览器上会出现下划线其实加个标签就好了啊<meta name="format-detection" content="telephone=no"/>如下：<!DOCTYPE html><html lang="zh-CN"><head><meta charset="...

2018-06-28 14:47:00 617

转载总结的js性能优化的小知识

阅读目录前言避免全局查找定时器字符串连接避免with语句数字转换成字符串浮点数转换成整型各种类型转换多个类型声明插入迭代器使用直接量使用DocumentFragment优化多次append使用一次innerHTML赋值代替构建dom元素通过模板元素clone，替代createElement使用firstChild和n...

2017-09-26 14:04:00 92

转载 flex布局帮助你快速实现布局

flex布局可以帮我们快速布局一些区块,实现你想要的效果,不用再去float,position之类的.我们在布局网页的时候很多时候都是一些特殊布局,flex就能帮我快速去布局,不需要去定位. 任何一个盒子都可以指定为flex布局,但是要注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。下面我们看看我们网站经常遇到实例:我们要...

2017-07-09 08:46:00 157