H5
文章平均质量分 83
浑浑噩噩撸代码
平凡才是人生的常态...
展开
-
2022虎年大吉
1.局部滚动开启弹性滚动body{overflow:scroll;-webkit-overflow-scrolling:touch}2.flex布局 2.1新版flex布局 display:-webkit-flex; align-items:center; justify-content:center; 子元素 -webkit-flex:1...原创 2023-03-31 16:15:45 · 251 阅读 · 0 评论 -
css背景图透明化,文字需要正常显示
1.伪类添加2.cross-fade属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg.原创 2020-09-02 15:37:30 · 863 阅读 · 0 评论 -
vue 前端post文件下载,可blob链接格式下载,可base64格式下载
blob链接与base64链接如下项目中三万条数据下载显示失败,所以选了第一种----代码中的 res 是后台返回的流文件。res.data是blob对象,包括size、type2字段与export function loadFile(res) { //后台返回的数据是--文件流的形式---- //通过请求头声明---responseType: 'blob'---获...原创 2020-01-02 16:12:03 · 1469 阅读 · 0 评论 -
盒子水平垂直居中问题
.parent{ width:200px; height:200px; border: 1px solid #000; display: flex;/*flex布局*/ align-items: center; justify-content:...原创 2019-10-10 13:05:19 · 108 阅读 · 0 评论 -
jquery ajax简单封装
公共common.js里(ps:当初写的时候参考了一篇文章,现在找不到原网址了)function common() { this.url = '';}common.prototype.AJAX = function (config) { var defData={ tenantId: return_sns.tenantId, sjUid: ...转载 2019-07-25 11:02:59 · 130 阅读 · 0 评论 -
小笔记
CSS篇:1.页面设置overflow:scroll后滑动卡顿问题body{-webkit-overflow-scrolling:touch;}2.去除苹果机灰色遮罩-webkit-tap-highlight-color:rgba(0,0,0,0);3.iphone 输入框默认内阴影 .shadow{ -webkit-appearance:none;...原创 2019-04-19 16:29:48 · 185 阅读 · 0 评论 -
h5移动端生成海报,图文结合
小程序 canvas生成海报效果图:大背景和红圈圈为canvas生成;1.css部分 <style> body, html, div, img, p { margin: 0; padding: 0; } .poster { width: 15rem...原创 2018-12-03 15:34:45 · 11419 阅读 · 3 评论 -
mint-ui 之 Infinite scroll 无限滚动加载
代码简单改下就能用<template> <div> <div class="sort" ref="element"> <div>排序</div> <div class="go_filter">筛选</div>原创 2018-11-19 17:08:15 · 824 阅读 · 0 评论 -
禁止input框频繁触发某一事件
应用场景:频繁触发某一事件,频繁执行DOM操作、资源加载等重行为;function debounce(fun, delay) { return function () { var that = this; clearTimeout(fun.mark); fun.mark= setTimeout(function () { ...原创 2018-11-01 13:34:46 · 251 阅读 · 0 评论 -
自适应与响应式
自适应:需要开发多套界面,通过检测视口分辨率,请求服务器,返回不同的页面 1. 可表现为: 非同一终端,通过服务器端处理,当你PC端访问移动端网站(在移动端网站做navigator浏览器对象处理)时,会返回PC端相应页面; 移动端访问PC端页面(在PC端网站做navigator浏览器对象处理)时,会自动返回移动端相应页面 ...原创 2018-10-31 17:08:24 · 214 阅读 · 0 评论 -
H5页面,移动端单位适配
js中script标签中直接写入:(网易写法)document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px'即可;这里的6.4写7.5也可,依据是设计图的尺寸是640的还是750的;页面的meta标签不需做任何处理即<meta name="viewport" c...原创 2018-08-04 16:07:32 · 2252 阅读 · 0 评论