日常小日记
逗逗丶Rain
这个作者很懒,什么都没留下…
展开
-
父元素透明使子元素不透明
原因分析: 使用css的opcity属性改变某个元素的透明度,但是其元素下的子元素的透明度也会被改变,即便重定义也没有用,不过有个方法可以实现,大家可以看看。可以使用一张透明的图片做背景可以达成效果,但是有没有更简单的方法呢?使用RGBA。例如:设置父元素opacity:0.5,子元素不设置opacity,子元素会受到父元素opacity的影响,也会有0.5的透明度。即使设置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基础上设置的,因此子元素的o.原创 2020-08-14 18:14:49 · 1946 阅读 · 0 评论 -
String相关的属性和方法
concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串。indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项,返回 -1 。charAt() – 返回指定位置的字符。lastIndexOf() – 返回字符串中一个子串最后一处出现的索引,如果没有匹配项,返回 -1 。match() – 检查一个字符串是否匹配一个正则表达式。substr() 函数...原创 2020-05-08 11:06:59 · 133 阅读 · 0 评论 -
Array相关的属性和方法
Array 对象属性constructor 返回对创建此对象的数组函数的引用。length 设置或返回数组中元素的数目。prototype 使您有能力向对象添加属性和方法。Array 对象方法concat() 连接两个或更多的数组,并返回结果。join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。pop() 删除并返回数组的最后一个元素。shift() 删除并...原创 2020-05-08 11:00:43 · 164 阅读 · 0 评论 -
获取浏览器地址栏的参数
//name为参数名getUrlKey(name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null...原创 2020-05-08 09:50:15 · 270 阅读 · 0 评论 -
axios拦截器,封装使用
//axios 拦截器const publicRequests = { Get(url, params = {}) { return new Promise((resolve, reject) => { axios.get(Vue.prototype.http + url, { params }).then(res => { ...原创 2020-05-07 16:37:31 · 107 阅读 · 0 评论 -
Vue做代理跨域
proxyTable: { '/api': { target: 'https://testinamp.scpgroup.com/', //源接口地址,network请求地址中api前面的部分 changeOrigin: true, //改变源 pathRewrite: { ...原创 2020-05-07 09:19:34 · 266 阅读 · 0 评论 -
使用百度地图API实现搜索功能
<!-- 地图 --> <Modal v-model="mapShow" width="1200" title="地图" @on-ok="editDateSend('formMoudle')" @on-cancel="cancel" ...原创 2020-05-06 16:35:30 · 2941 阅读 · 0 评论 -
手机判断安卓与IOS,并唤起百度地图,高德地图app
toBaidu() { let queryStr = `?location=${data.lat},${data.lng}&title=我的位置&content=百度奎科大厦`, scheme = ""; if (this.type == "ios") { // ios 端 scheme...原创 2020-05-06 16:28:07 · 520 阅读 · 0 评论 -
Iview结合draggable 实现左右拖拽效果(比如配置手机端模块)
<Col :span="10" style="padding:100px 9%;height:850px"> <Row id="telStyle"> <div class="tel" :style="menusFlag ? 'padding-bottom:48px' : 'padding-bottom:0'"&...原创 2020-05-06 16:16:23 · 1387 阅读 · 0 评论 -
Iview中下拉框清除之后,数据错误问题
//HTML<i-select ref="organ-select" v-model="organId" :disabled="organ.length == 1 ? true : false" filterable clearable placeholder="选择一个机构"> ...原创 2020-05-06 16:08:00 · 199 阅读 · 0 评论 -
右侧高度不固定,使用外包div使左侧自适应等于右侧高度
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-05-06 16:04:13 · 239 阅读 · 0 评论 -
经典面试题,涉及原型,原型链,闭包。
function Foo() { getName = function () { console.log(1); }; return this; } Foo.getName = function () { console.log(2); }; Foo.prototype.get...原创 2020-05-06 16:00:38 · 384 阅读 · 0 评论 -
阻止浏览器右键事件
//阻止浏览器右键事件//在mounted里面写 document.getElementById("telStyle").oncontextmenu = function (e) { return false; }原创 2020-05-06 15:55:59 · 683 阅读 · 0 评论 -
Vue修改浏览器的title文案和图标
//浏览器title文案动态显示 window.document.title = '你所要展示的文案'//改变浏览器图标//修改根目录build下面webpack.dev.conf.js和webpack.prod.conf.js<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico"> ne...原创 2020-05-06 15:53:43 · 624 阅读 · 0 评论 -
原生JS Form表单发送post请求给后台传递数据
formData: function (url, data1, data2) { //url后台地址 //data1,data2后台接收的参数值 var tempForm = document.createElement("form"); tempForm.id = "tempForm1"; te...原创 2020-05-06 15:36:12 · 3780 阅读 · 0 评论