![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
我是小重山
这个作者很懒,什么都没留下…
展开
-
小程序之pdf上传预览
// 上传pdf文件 uploadPdf(e) { let that = this; let obj = e.currentTarget.dataset; wx.chooseMessageFile({ count: 1, //能选择文件的数量 type: "file", //能选择文件的类型,我这里只允许上传文件.还有视频,图片,或者都可以 success(res) { var size = res.tempFiles[..原创 2021-09-02 17:08:15 · 1128 阅读 · 0 评论 -
长按识别二维码
body{ user-select: auto;}img { pointer-events: all; width: 3.55rem; height: 3.55rem; /** img为二维码图片 **/}原创 2020-08-06 18:03:31 · 2562 阅读 · 0 评论 -
文本超出限制显示省略号
1.超出单行显示省略号width: 100%; color: rgba(0, 0, 0, 1);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;2.超出两行显示省略号width: 100%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vert原创 2020-07-29 10:45:34 · 372 阅读 · 0 评论 -
刮刮乐,刮一刮效果实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, user-scalable=0, width=device-width"> <meta name="apple-mobile-web-app-capable" content="yes">原创 2020-07-22 15:26:23 · 325 阅读 · 0 评论 -
判断两个对象是否完全一致
function compareObj(a, b) { if (a == null && b === null) { return true; } if (typeof target !== "object") { //取对象a和b的属性名 var aProps = Object.getOwnPropertyNames(a); var bProps = Object.getOwnPropertyNames(b); if (aProps.le原创 2020-05-12 11:04:00 · 898 阅读 · 0 评论 -
常见数组方法
常见数组方法原创 2020-05-12 10:27:23 · 116 阅读 · 0 评论 -
客户端-下拉选择框
<div class="row title"><input v-model="curItem" style=" margin:0;" type="text" placeholder="请输入" /> </div><ul v-if="showItem"> <li v-for="(item,index) in l...原创 2020-04-23 18:33:31 · 180 阅读 · 0 评论 -
可视高度
this.$refs.content.offsetHeight 整个高度 this.$refs.content.offsetTop 距离上层父元素顶部的空间高度 this.$refs.content.clientHeight 内容可视区域的高度 this.$refs.content.scrollTop 滚动条拉动的距离....原创 2020-04-16 11:58:22 · 293 阅读 · 0 评论 -
Date日期相关方法
123原创 2020-04-15 09:22:47 · 191 阅读 · 0 评论 -
vant底部导航-动态选择图片
<template> <div id="app"> <router-view class="niam" /> <van-tabbar v-if="$route.meta.keepAlive" route v-model="active" inactive-color="rgba(216, ...原创 2020-04-07 09:15:06 · 600 阅读 · 0 评论 -
重置基础样式
@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:...原创 2020-03-17 18:02:50 · 95 阅读 · 0 评论 -
axios请求封装
import axios from "axios"; const instance = axios.create({ baseURL: "/admin/", // withCredentials: true, // send cookies when cross-domain requests timeout: 25000});// request interceptori...原创 2020-03-04 10:08:27 · 71 阅读 · 0 评论 -
元素水平垂直居中
1 单行文本居中水平居中:text-align:center;垂直居中:line-height:100px; (line-height的值=height的值一致)2 多行文本的垂直居中父元素:display: table子元素:display: table-cell; vertical-align: middle;3 absolute与transform配合实现给子元素设...原创 2019-09-29 16:52:01 · 110 阅读 · 0 评论 -
SEO优化(搜索引擎优化)
合理的title、description、keywords(权重依次减小),title 强调重点,不要超过2 次,位置靠前,不同页面title不同;description把页面内容高度概括,长度合适keywords 列举出重要关键词语义化的HTML代码,符合W3C 规范:语义化代码让搜索引擎容易理解网页重要内容HTML代码放在最前:搜索引擎抓取HTML顺序是从上到下,有的搜索...原创 2019-10-08 20:45:52 · 7071 阅读 · 0 评论 -
网站性能优化
content方面减少HTTP请求:合并文件、CSS 精灵、inline Image减少DNS 查询:DNS查询完成之前浏览器不能从这个主机下载任何任何文 件。避免重定向:多余的中间访问使Ajax 缓存非必须组件延迟加载未来所需组件预加载减少DOM 元素数量减少iframe数量Server 方面使用CDN对组件使用Gzip压缩Ajax 使用GET 进行请求避免空sr...原创 2019-10-08 21:08:24 · 70 阅读 · 0 评论 -
常见状态码
2XX:成功状态码200:OK,服务器已成功处理了请求。201:Created,请求成功并且服务器创建了新的资源。202:Accepted,服务器已接受请求,但尚未处理。3XX:重定向301和302状态码都表示重定向,就是说浏览器在拿到服务器返回的这个状态码后会自动跳转到一个新的URL地址,这个地址可以从响应的Location首部中获取。301:永久性移动(旧地址不可用)302...原创 2019-10-08 21:34:12 · 104 阅读 · 0 评论 -
五大主流浏览器的内核
主流浏览器的内核及前缀浏览器名称浏览器内核对应前缀IETrident-ms-FirefoxGecko-moz-SafariWebkit-webkit-ChromeWebkit->Blink-webkit-OperaPresto->Webkit->Blink-o-___________360浏览器...原创 2019-09-26 09:26:22 · 95 阅读 · 0 评论