那片枫叶~

原创 window.open打开别人项目页面不成功的限制

通过window.open打开不成功，前面是接口，后面拼接页面地址的方式，open后面要加上,‘foo’, ‘noopener=yes,noreferrer=yes’, 两个参数才行。

原创 elment-table实现行滚动效果

通过获取dom ，来控制表格滚动。

原创 谷歌地图maker点击事件和传参

【代码】谷歌地图maker点击事件和传参。

原创 文件相关JS操作系列

【代码】文件相关操作系列。

原创 国际化处理Avue或者elment-ui表格的列宽问题

主要用于处理国际化多语言，文字长度导致表格宽度变形问题。

原创 生成二维码qrcode

生成二维码qrcode。

原创 谷歌地图多个maker标记点击显示当前信息弹窗infowindow

2、然后创建好maker后，监听点击事件，谷歌地图的maker标记没有对应的字段存放的，可以通过原型绑定，以下方法的创建对象，都是自定义封装，只需看对应方式。3、infowindow弹窗的设置，踩坑多次，不懂其他的以下是验证的关键，自己测试，只有html字符串才能实现，不懂在vue遇到什么坑。1、初始化好谷歌地图后，再创建一个infowindow对象，下面是自己封装的方法。

原创 谷歌地图搜索功能的bug

1、当页面结构复杂，具体原因不知道，主要会导致pac-container 搜索列表容器跑到body，不会显示在input下，解决方案有一个：手动强制修改。以下是谷歌地图的搜索功能的js代码。

原创 搜索历史的js

【代码】搜索历史的js。

原创 处理富文本系列问题

【代码】处理富文本格式化。

原创 vue2通过mixins混入继承第三方组件修改属性

原创 vue路由的介绍和技巧系列

【代码】vue路由的操作系列。

原创 uniapp的标签点击css高亮

view标签高亮设置

原创 CSS热点光波效果

CSS热点光波效果。

原创 uniapp的webview和H5相互通讯

uniapp的webview和H5相互通讯

原创 JS随机模糊掉字符串中的内容

/***随机模糊掉字符串中的内容*string 要模糊掉的字符串*@num 保留几个正常字符，默认1个*/funtion replaceStr(num=1){ let strArr = string.split(''),arrNum= strArr.length,newArr= new Array(arrNum).fill('x') for(let i=0;i < numm;i++){ j = Math.floor(Math.random()*arrNum); ne

原创 commit之后，想要撤销commit方法

commit之后，想要撤销commit方法记录一些git的操作：写完代码之后，我们一般这样做：1、git add . //添加所有文件2、git commit -m “本功能全部完成”△、执行完commit后，想撤回commit，怎么办？△、这样凉拌：git reset --soft HEAD^这样就成功的撤销了你的commit注意，仅仅是撤回commit操作，您写的代码仍然保留。HEAD^的意思是上一个版本，也可以写成HEAD~1如果你进行了2次commit，想都撤回，可以使用

原创 uniapp小程序分享转发功能

1、当前页面使用转发按钮<button type="default" open-type="share" @ShareAppMessage="onShareAppMessage()" class="share-btn">转发</button>data(){return{ //设置默认的分享参数 share:{ title:'活动分享', path:'/pageB/activityDetail/activityDetail/?id='+this.id,

原创 elment的input价格正则计算

1、限制正数，且保留两位小数 <el-input v-model="scope.row.receiveQty" size="mini" placeholder="请输入" oninput="value=value.replace(/^\D*(\d{0,9}(?:\.\d{0,2})?).*$/g,'$1')" /> //οninput="value=value.replace(/^\D*(\d{0,9}(?:\.\d{0,2})?).*$/g,'$1')"这个测试过，万金油

原创 纯 CSS 实现十个还不错的 Loading 效果

为保证运行正常，咱先规定下：* { box-sizing: border-box;}1. 平滑加载<div class="progress-1"></div>.progress-1 { width:120px; height:20px; background: linear-gradient(#000 0 0) 0/0% no-repeat #ddd; animation:p1 2s infinite linear;}@keyfram

原创 CSS实现伪类元素，通过data-自定义属性

1、通过自定义属性实现伪类元素的动态赋值如下图：通过attr() 和 data-xxx 实现

原创 JS 数字取整数方式

1、parseInt(number)var num1 = parseInt("2015nov"), //2015 num2 = parseInt(""), //NaN num3 = parseInt("0xA"), //10(十六进制) num4 = parseInt(20.15), //20 num5 = parseInt(-20.15), //-20 num6 = parseInt("070"); //56(八进制数)2、~~numbe

原创 uniapp实现商品详情锚点定位效果

1、直接复制粘贴引入uniapp页面如果缺少什么css 自己补充就好了，做个笔记，内容过少的情况，tab选项不是百分百的切换到最后一个，没想好怎么优化<template> <view class="page"> <!-- 顶部选卡 --> <view class="scroll-row d-flex justify-between border-top position-fixed top-0" style="height: 80rpx;backg

原创 vuex的使用介绍

vue使用vuex状态管理

原创 uniapp计算剩余高度相关的坑

1、通过 uni.getSystemInfo获取系统信息这里用到了windowHeight，如果页面当前存在原生导航栏和原生tabbar底部栏，这里获取的数据是扣除了这两部分的，反之，如果自定义导航栏了，则是全部屏幕的高度，created() { // 获取可视区域的高度 uni.getSystemInfo({ success: res => { //460是rpx ，顶部元素的高度 // 因为获取的高度是px，设置的是upx ，需要转换

原创 uniapp计算scroll-view的剩余高度

1、主要计算滚动组件的高度，避免屏幕出现滚动条，需求如下 <scroll-view :scroll-top="scrollTop" :style="{ height: scrollHeight}"scroll-y="true" enable-back-to-top > <slot></slot> </scroll-view><script>// windowHeight ：不包含NavigationBa.

原创 uniapp引入animate.css

1、引入下载css文件，在uniapp的App.vue引入@import ‘/common/style/animate.css’;https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css//使用：前缀+动画名<view class="animated fadeInDown">666</view>...

原创 JS高级用法系列

数组扁平化处理Array.prototype.flat = function () { const result = this.map((item) => { if (Array.isArray(item)) { return item.flat(); } else { return [item]; } }); return [].concat(...result);};Array.prototype.flat2 = function

原创 vue使用elment的弹窗里面调用AMap.Autocomplete提示失效

使用AMap.Autocomplete提示失效

原创 vue使用高德地图的搜索地址和拖拽选址

vue使用高德地图拖拽选址

原创 git 学习系列

1、仓库地址切换，重新上传项目git remote set-url origin URL(URL替换成仓库的地址)git push

原创 elment-ui的上传组件图片不回显

1、elment的上传组件的坑： file-list=“fileList”两种情况：1、直接在页面调用Upload 上传组件，根据官网来2、在对话弹窗使用Upload 上传组件 (个人经历踩坑了！！！！！)在对话框el-dialog 使用上传组件，个人知识技术比较菜，解释不一样正确，有问题的地方多谢指点。坑所在：因为对话框是变量控制显示隐藏的，我的需求是编辑功能，获取后端数据url，回显图片，数据重构成官网demo的数据结构 ，依旧不行，后面在点击显示弹窗的时候，调用了this.next

原创 原生小程序常用的API系列

1、小程序更新App({ onLaunch: function () { //小程序更新; const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 }) updateManager.onUpdateReady(function () { wx.showModal({

原创 小程序实现购物车商品飞入效果-贝塞尔曲线动画

小程序实现购物车抛物线效果，贝塞尔曲线动画效果

原创 JS小技巧系列

积累一些实用的小技巧1、表单页面防止浏览器自动填充密码<!-- 用于防止浏览器自动填充密码 --> <input type="password" clearable hidden autocomplete="new-password" style="display: none" />

原创 小程序使用Vant Weapp的坑系列

后面有新的坑，会慢慢增加1、vant图标组件不渲染的坑原因在于自己在css页面字体font-family影响了

原创 CSS样式积累

css样式积累，各种常用的css属性修改

原创 IOS安装包免上架商店手机安装

1、html页面 <a href="itms-services://?action=download-manifest&url=https://118.89.162.85:88/ios.plist">ios下载安装</a><a href="itms-services://?action=download-manifest&url=https://域名/路径/下载标准文件.plist">2、下载标准文件.plist 内容：<plist v

原创 vue项目引入echart地图和使用public文件的json数据

vue项目引入echart地图和使用public文件的json数据最近是要做一个echart地图，然后看了社区别人的例子，发现都是要请求一条接口。获取全国的json数据，设置给map，我是vue项目，axios设置了过滤不想再写一次，所以去官网的demo复制network的json文件，然后对于怎么使用public下的文件和 复制network的数据踩坑了，在这做下笔记，本人是菜鸟一个。。。1、先说下network复制json数据，我是从network 复制links地址再去浏览器下载，一开始我是

原创 高德地图部分组件无效和key无效问题

高德地图部分组件无效问题1、比如"AMap.Scale", “AMap.ToolBar”, 这两个，当我版本切换成2.0的时候就加载不出来，我也没在官网哪里能看到限制了，如果是默认1.4.15版本就没事。，加载出来，具体我也不晓得。我是用高德2.0官网推荐的加载方式：npm i @amap/amap-jsapi-loader --saveimport AMapLoader from '@amap/amap-jsapi-loader';AMapLoader.load({ "key":