oXiangZuoZuo12345的博客

原创 js 百度地图 点击覆盖物，弹出自定义弹窗，弹窗有轮播图

//从全局获得BMap和map let BMap = this.BMap; let map = this.map; // 设置弹窗的大小 var opts = { width: 355, height: 330 //title:弹出层的标题 }; //定位弹窗的位置 let...

原创 js百度地图鼠标移上覆盖物时 省市区高亮，移走时恢复

鼠标移入事件mouseoverMark (marker) { //加了定时器是防止频繁触发移入事件 clearTimeout(this.c); this.c = setTimeout(() => { //这是通过传入省或者市或者区，然后画出该区域 this.addDistrict(marker.area) }, 50) },鼠标移出事件mouseoutMark () { let map = .

原创 vue 轮播图点击放大 vue+carousel+v-viewer

1、安装依赖npm install v-viewer --save2、在main.js引入import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({ Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar': true, 'tooltip':

原创 笔记 element ui el-popper修改样式

通过 popper-class增加一个类，然后该类写在全局base.css<el-popoverplacement="bottom-start"popper-class="area_popper">

原创 笔记 element ui el-loading 覆蓋 el-tab 或者其他高层级组件

不能使用自定义class，需要组件里面的类，讲类名传给$loading里面的target this.$loading({target:".el-cascader-panel"})

原创 PC端自适应方案 vue项目

vue-cli：使用脚手架工具创建项目。 postcss-pxtorem：转换px为rem的插件。 自动设置根节点html的font-size 因为rem单位是相对于根节点的字体大小的，所以通过设置根节点的字体大小可以动态的改变rem的大小。 // 基准大小const baseSize = 100// 设置 rem 函数function setRem () { // 当前页面宽度相对于 1920 宽的缩放比例，可根据自己需要修改。 const fontSizeNum= do

原创 element ui +Sortable.js 出现拖拽不成功的一个原因

<el-table border :data="tableData" style="width: 100%" id="movieTable" row-key="id"> <el-table-column type="index" width="100" label="编号"> </el-table-column> <el-table-column prop="displayname" label="媒资名称">&l..

原创 element UI中select 选择器如何增加全选选项

HTML页面如下，增加一个全选的option <el-select v-model="my_stars" multiple collapse-tags placeholder="请选择" > <el-option label="全选" value="0" key="0"></el-...

原创 vant ui 如何修改field里面label的文字中间空格

<van-field value="{{ password }}" type="password" clearable placeholder="请输入密码" class="account-input-pwd" bind:change="onPassChange..

原创 vue项目刷新当前页面最优解决方式

一般刷新页面可以用location.reload(true),history.go(0) 等方法,但是这对vue项目很不友好,会是页面重新加载,出现暂时性的空白,而且耗费性能,所以vue项目最好不用这些方法.vue有this.$forceUpdate()可以强制更新,下面介绍其他1种更好的方法.通过v-if的功能触发页面刷新,结合provide和inject<template> <div id="app"> <router-view v-if="isS.

原创 echart 图形如何设置从原点开始

xAxis : { boundaryGap: false, },

原创 echart 图例legend 中显示文字+数字百分比

1、效果如图2、主要是设置legend中的formatterformatter: function(name) { // pieData是饼图的数组数据 let data = pieData; let total = 0; l...

原创 网页自适应方案，网页长宽按照固定比例，图片不变形

1、js文件设置设置根属性font-size的值，可以适应屏幕变化，js加载时调用下面函数即可functionsetRemSize(){fontSizeNum=document.documentElement.clientWidth/1920*100;//将得到的rem值复制给根元素的font-sizedo...

原创 echart 柱状图带背景且柱状条顶端显示文字的效果

效果图如下实现此效果需要在series里面写2个柱状图信息，//一个真正的数据显示varbarData = [100,90,80,70,60,50]bgData: function (data) { var max = 0, bgData = []; $.each(data, function (i, v) { ...

原创 echart 中如何导入自己的字体

在css页面中导入字体并自定义名称然后直接在echart的 textStyle中设置

原创 uni-app 打包成H5之后，发布部署到服务上

1. 配置发行后的路径（发行在网站根目录可不配置），比如发行网站路径是www.xxx.com/html5，在manifest.json可视化界面 - H5配置 - 运行的基础路径中设置，也可以在源码视图内编辑h5节点，router下增加base属性为html5。可视化界面设置：点击菜单 发行->H5 在当下项目下的unpackage/dist/build/h5目录找到出的资源...

原创 android安卓端嵌入web页面后，echart图变模糊的处理办法

myChart = echarts.init(document.getElementById(domId),null,{devicePixelRatio:4});在初始化echart时将 devicePixelRatio:2 传入，如果还是大屏项目，可以尝试devicePixelRatio设置为3，4，5，等等都尝试下...

原创 android安卓端嵌入h5页面后样式失效的兼容问题

flex弹性布局space-evenly 失效，// justify-content: space-evenly ;可以替代为justify-content: space-between;&:before,&:after { content: ''; display: block;}

转载 es6新特性

原作者链接：https://www.cnblogs.com/fangsmile/p/7081194.html#autoid-0-2-8-0ES6 简介新特性1. let、constlet 定义的变量不会被变量提升，const 定义的常量不能被修改，let 和 const 都是块级作用域ES6前，js 是没有块级作用域 {} 的概念的。（有函数作用域、全局作用域、eval作用域）...

原创 如何居中一个绝对定位且未知宽高的div

注意：4个位置必须填

原创 利用mapstate在computed中将vuex中的数据读出

数据在state中的话数据在getters中

原创 vue中2级路由跳转不成功的一个原因

2级路由有具体的路径时前面不加斜杠/

原创 在vue中书写样式却没有效果的一个原因

在vue组件中，在style标签上添加scoped属性，以表示它的样式作用于当下的模块，很好的实现了样式私有化的目的，这是一个非常好的机制。在实际业务中我们往往会对公共组件样式做细微的调整，如果添加了scoped属性，那么样式将会变得不易修改。如何解决，最简单办法是：混用本地和全局样式更多解决办法参考：https://vue-loader-v14.vuejs.org/zh-cn/featu...

转载 关于vue的UI框架选型

转载 js编码技巧

1. 三元操作符当你想在一行代码中写一个if..else语句时，这是一个很好的节省代码的方式。普通写法：JavaScript 代码:const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is lesser'; }简写：JavaScrip...

原创 js原始类型调用api时的过程

js原始类型调用api时的过程时原始类型本身不具备有任何功能，举例子var n = 345.455；（n是原始类型）n.toFixed(2) = 345.46;首先用tpyeOf 判断n的类型，是number，引擎会创建Number包装类型对象，然后new Number(n).toFixed(2)=345.46,接着释放 new Number(n)...

转载 如何利用jquery分别为鼠标左右键添加响应事件

$('body').mousedown(function(e){if(e.button === 0) {console.log('鼠标左键点击')}if(e.button === 2) {console.log('鼠标右键点击')}})

转载 onLoad 和 onShow的区别

onLoad: 页面加载一个页面只会调用一次。接收页面参数 可以获取wx.navigateTo和wx.redirectTo及&lt;navigator/&gt;中的 query。 （通俗点就是 你编辑好代码后 点击保存 这时候整个程序加载 这个页面也会加载 就会跑这里的函数 只要页面加载 就会跑）onShow: 页面显示每次打开页面都会调用一次。（页面加载好之后 你切到其他页面 再回来 显...

原创 phpstudy需设置的3个地方

1.站点域名管理  2.http.conf   3.vhost-conf

转载 单行和多行文字溢出显示省略号

单行一般加这个三个属性即可overflow:hidden;text-overflow: ellipsis;white-space: nowrap; 多行需加下面属性display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;text-overf...

原创 小程序tabbar被选中时文字不显示了

在app.json定义Tabbar文字选中态和非选中态颜色时我用了英文例如black、orange。在模拟器没事，但是在真机一定要用色值，例如#ffffff

原创 小程序如何跳转携带对象参数

原创 小程序表单提交

转载 微信小程序的五种跳转方式

//只能跳转到tabBar配置页面wx.switchTab({  url: '/pages/index/index',}); //返回上一级页面（delta：返回的页面数，如果 delta 大于现有页面数，则返回到首页，默认值为1）wx.navigateBack({  delta: 2}) //关闭当前页面，跳转到应用内的某个页面wx.redirectTo({  url: ...

原创 关于vertical-align: middle;如何实现的问题

1，父元素要设置display：inline-block2，子元素设置vertical-align: middle; 注意：子元素为浮动元素的话会有问题后补上：1) 图片没使用float（文字为行内元素）：图片元素需加上vertical-align:middle（此语句对float元素无效），然后通过使用margin-top（不加上先前语句使用此语句会使图片文字一块移动）进一步...

转载 小程序通过background-image设置背景图片

微信小程序通过background-image设置背景：只支持线上图片和base64图片，不支持本地图片；base64图片设置步骤如下：1.在WXSS中使用以上文本：background-image: url("data:image/png;base64,iVBORw0KGgo=...");注意：为了是背景图片自适应宽高，可以做如下设置：background-repeat:no-re...

原创 小程序清除button默认样式

必须加这两项button::after{border: none;}button{background-color: #fff;}

转载 小程序中view和block标签的差别

用在block中可以渲染一个包含多节点的结构块。比如：&lt;block wx:for="{{[1, 2, 3]}}"&gt; &lt;view&gt; {{index}}: &lt;/view&gt; &lt;view&gt; {{item}} &lt;/view&gt;&lt;/block&gt;用在view中只能应用单个节点。比如：&lt;view wx

原创 小程序如何通过绑定事件传参和触发事件如何获取参数，注意data-name中的name里面有大写或者烤串命名方式会被转换为小写

原创 用teplate标签封装小程序中多次复用的html代码

先用tempalte标签封装好要复用的html代码，然后在另一个文件引入此模板，然后调用模板，注意无法封装对应的js文件，而且css文件也需要引入模板对应的css文件   注意：（&lt;improt  src=""   /&gt;  此处要有闭合斜杆号 ）...