- 博客(60)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 wangEditor富文本编辑器
今天看了下文档，记录下。。。html：<div id="editorBox"></div><button onclick="confirm()">确定</button><div id="content"></div>js内容： var E = window.wangEditor var editor = new E('#editorBox') //实例化文本编辑器//1）上传服务器获取网络链接 edi
2020-07-13 16:05:37
282
原创 （归纳整理） -常用的公共方法1-获取url传参
//传入参数名，获取值（用于已知参数名的情况）function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = decodeURI(window.location.search.substr(1)).match(reg); if (r != null){ return unescape(r[2]); }.
2020-07-09 10:06:24
400
原创 企业微信自建页面开发调用JS-SDK api的一些问题
先来看下企业微信的文档1）可信域名，域名在你创建的应用里面配置（点击应用管理-点开你的应用）设置可信域名即可，跟微信公众号开发是一样的，需要放置一个.txt的校验文件在域名下面；2）引入js文件（一定要是这个文件，不能是微信公众号里面的文件地址）：http://res.wx.qq.com/open/js/jweixin-1.2.0.js3）api注册，要把你使用的api 全部放在jsApiList里面开发调试过程中，debug:true ,这样在调试过程中报错就会提示出.
2020-06-20 16:28:37
1883
1
原创 企业微信自建页面如何用工具调试
首先需要成为企业微信的管理员，然后才有权限调试（不然微信开发工具里一直提示无权限/未绑定开发者）绑定流程先添加成为管理者（我的企业——>权限管理）成为管理者后，自己扫码登录企业微信，找到（我的企业——>微信插件），拉到最下面勾选开发工具接下来就是下载微信开发工具，可以直接到微信公众号官网下载微信开发工具下载链接然后直接打开工具即可调试网页了...
2020-06-20 15:52:28
918
原创 阻止事件穿透的多个方法，总有一个能解决你的问题
<div class="outBox" @click.stop="toDetail"> 最外层box <div class="middleBox"> 中间的box <div class="insetBox" @click.stop="toMes"> 最里面的box--点击跳转 </div> </div></div>在实际开发中，有时候在事件后面加stop修饰符，并不管用；那么我们可以通过给里面的box.
2020-06-11 15:57:00
4794
原创 vue打包后的文件部署非根目录下，踩坑。。。
vue项目需要放在例如 文件下面http://xxx.com/address1/address2/test正常把打包的文件放在服务器上面路径，文件引入路径全部报错；搞了很久，各种问题；最后的解决办法：assetsPublicPath:'/' 改成assetsPublicPath:'./'...
2020-06-01 16:58:03
1707
原创 最近遇到一个坑，swiper分页器不显示，swiper不能正常拖动切换
第一个坑：vue中用swiper，swiper数据需动态渲染，那么也会出现标题的情况，不能拖动附代码如下：<div id="app"> <!-- Swiper --> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item,index) in list"><img
2020-05-29 16:23:51
10606
4
原创 https域名的网页，报文件引入错误
经常会遇到，其实就是一个简单的常识；可能在开发的时候需要引入外部的js文件，例如在开发网页需要用到微信api，那么需要引入下面js 文件<script src="http://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>微信提供了http 和 https 的地址可以引入；一般我们开发的时候，可能就直接引入了http的文件，开发调试过程中也一切正常；正式发布上线后，发现会莫名报错，提示"http://res2
2020-05-29 15:48:06
589
原创 H5页面实现微信分享功能及踩坑历程
看了官网，写的也挺简单的，也在网上搜索了一些demo，然后开始写；我理解的误区；我一直以为可以跟app分享一样，有个分享按钮点击触发分享；搜索了很多博客，得到结论，前几年好像是可以通过按钮引导分享，但是微信后来禁用了，只能在网页右上角点击分享；相信很多人看到这，跟我有一样的想法，那还要分享接口有什么用，微信网页本身自带了微信分享功能；还是有用的，可以自定义编辑分享内容（例如标题，内容，图片等）开始回归正题；第一步JSSDK引入，我用的最新sdk文件<script s..
2020-05-18 15:11:30
3333
3
原创 smartgit 19.1版本需要许可证的解决办法
第一种方式：步骤1：window+R打开运行，输入%APPDATA%\syntevo\SmartGit\步骤2：删除setting.xml就行了，再重新打开smartgit正常以上方式即可解决，但是19.1版本没有setting.xml文件第一步：同上第二步：进入对应的版本目录，比如19.1，然后删除preferences.yml文件，即可再使用30天。...
2019-12-23 17:02:12
5382
2
原创 青花瓷抓包工具如何对Android手机https请求抓包及华为手机安装Charles证书方法详解！
网上搜索了很多文档，这两篇是写的比较全面的，整个流程看完，你就会安装使用了！参考：windows下使用Charles工具如何对android手机https请求进行抓包参考：Android安装Charles证书（华为手机测试）用其他手机试过可以，但是荣耀8 手机上出现乱码的情况，以上方法步骤都试过，还是未能解决乱码！如下图↓↓如果有碰到一样问题的大牛解决了这个问题，麻烦留言告...
2019-12-03 15:15:16
4054
原创 Vue实现在前端导出Excel
之前也看过导出订单项目，但是一直没有实现过，最近刚好有需求要做这个功能！也去网上看了一些博客，参考了2个比较详细的，最后实现了效果第一步：安装依赖（三个步骤缺一不可）npm install file-saver --savenpm install xlsx --savenpm install script-loader --save-devtips：之前少了第三步骤，后...
2019-11-26 11:33:35
577
转载 小程序 canvas绘制多行文字多余的省略号表示
下面这个方法是返回有几行：/** * canvas绘图相关，把文字转化成只能行数，多余显示省略号 * ctx: 当前的canvas * text: 文本 * contentWidth: 文本最大宽度 * lineNumber: 显示几行 */function transformContentToMultiLineText(ctx, text, contentWidth, lin...
2019-11-07 15:29:41
1023
原创 关于小程序服务器域名配置的一些坑
最近在开发小程序上，遇到了很多坑，记录下来希望对跟我一样踩坑的小白有所帮助！！！服务器域名配置一个月有5次修改机会，机会用完了只能等下个月1号；服务器域名配置有request合法域名 ，socket合法域名，uploadFile合法域名，downloadFile合法域名request合法域名 ：请求域名，项目里面所有调用后台接口用到的域名都要在这里提前配置；socket合法域名 ...
2019-08-20 11:10:47
7449
1
原创 微信小程序保存多图到系统相册
utils目录下download.js 文件//保存图片到相册export const writePhotosAlbum = (successFun, failFun) => { wx.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { wx...
2019-07-23 17:46:21
509
原创 禁止移动端设备默认缩放
我们写移动端网页开发的时候肯定会碰到这个问题，在网页端，页面是可以缩放的，这个是默认的行为。想要禁止这种默认行为在项目中添加如下代码：我的vue项目，在index.html添加一行meta标签<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sc...
2019-07-19 10:18:05
532
2
原创 小程序swiper实现订单列表
实现如图效果，点击切换，拖动切换的效果。。。视图层WXML:<view class="swiper-tab"> <view wx:for="{{navTab}}" wx:key="{{index}}" class="swiper-tab-list {{currentTab==index ? 'on_pdd' : ''}}" data-current="{{ind...
2019-07-18 14:24:36
3085
3
转载 vue自定义指令，比onerror更优雅的方式实现当图片加载失败时使用默认图，提供三种方法
一、常规方法解决我们都知道，img标签支持onerror事件，在装载文档或图像的过程中如果发生了错误，就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。例如这样使用：<img src="images/logo.png" "javascript:this.src='images/logoError.png';">当图片不存在时，将触发 on...
2019-06-27 19:34:22
417
转载 如何用JS判断页面在那个浏览器打开——微信、微博
//如何用JS判断页面在那个浏览器打开——微信、微博。var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE...
2019-06-26 18:50:30
1040
转载 前端面试题篇之二
1、active-class是哪个组件的属性？嵌套路由怎么定义？答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？答：在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id3、vue-router有哪几种导航钩子？ 答：三种，一...
2019-06-19 10:34:42
124
转载 前端面试题篇之一
2019前端面试题汇总（主要为Vue）前端 面试 vue.js javascript23.2k 次阅读 · 读完需要 24 分钟433毕业之后就在一直合肥小公司工作，没有老司机、没有技术氛围，在技术的道路上我只能独自摸索。老板也只会画饼充饥，前途一片迷茫看不到任何希望。于是乎，我果断辞职，在新年开工之际来到杭州，这里的互联网公司应该是合肥的几十倍吧...
2019-06-19 10:32:14
156
原创 小程序获取手机平台isAndroid，isiOS还是PC
我的需求是，当用户点击app分享的小程序卡片信息进入小程序，如果是苹果手机，显示返回app按钮；安卓手机，不显示返回按钮（不知道为什么app分享的消息卡片，安卓手机返回不了app，网上搜索了很多，都行不通，有实现的欢迎留言！！！）data: { isAndroid:false, isiOS:false}onLoad: function (options) { w...
2019-04-22 15:18:47
2214
1
转载 小程序首页onLoad为异步，调用app.js中的全局参数的解决方案。
一，先说一下遇到的问题：小程序卡片进入小程序后，为了携带app.js中一些参数去做请求动作,但是由于异步原因，造成发起请求时候，参数信息还未获取到但请求已经发出去。我想要的是app.js全局参数拿到之后，再携带参数去进行接口请求；二， 解决方案：在app.js的中定义一个回调函数：// app.jsglobalData: { params:null}reque...
2019-04-22 15:11:04
2789
转载 vuex 实现vue中多个组件之间数据同步以及数据共享
http://pan.baidu.com/s/1hrJfpli demo下载地址前言 在一些项目中有很多数据状态之间要实现数据共享状态共享，例如购物车的数据、用户的登录状态等等。vue父元素是可以通过props向子元素传递参数，子元素也可以通用smit向父元素传递参数。但是像购物车这种在项目中多个位置的引用时就会变得很麻烦。例如项目中使用了三个购物车的组件，那么当其中一个组件的值发生改...
2019-04-18 18:41:40
1203
原创 网页运行环境判断
5+环境下判断方法： 返回是否在5+基座中运行navigator.userAgent.indexOf("Html5Plus")>-1 返回是否为流应用navigator.userAgent.indexOf("StreamApp")>-1 Android环境下判断方法： 返回是否为安卓手机navigator.userAgent.in...
2019-04-17 16:52:47
927
转载 Javascript 之 ES7 新特性详解
ES7+ES8前言本篇文章主要介绍ES7+ES8的一些新功能，并结合ES6的一些API做出了相应的比较。ES71.Array.prototype.includes()includes()作用,是查找一个值在不在数组里,若是存在则返回true,不存在返回false.1.基本用法：['a', 'b', 'c'].includes('a') // true['...
2019-04-11 15:05:52
614
转载 git本地分支和远程分支如何关联
转自原文地址https://www.jianshu.com/p/d2fc2e212d1a一、如何把本地新建分支同步到远程分支上（注：该分支在远程上没有）？二、又如何在本地把远程分支上新建分支同步到本地（本地没有该分支）？1.其实在从远程分支分出来的分支都是跟踪分支（track）,当对该分支进行push和pull时，如果该分支和远程分支同名git会知道推送到远程哪个分支，从哪个远程分支同步...
2019-04-10 14:50:28
612
原创 微信小程序使用wxParse富文本组件解析html
项目中遇到一个需求，就是请求后台接口，返回文本，文本内容html格式的。小程序本身是不解析html的。然后去网上找了下，发现了一个很实用的富文本解析器wxParse，用法也是很简单！！！话不多说，直接上代码index.wxml内容：<import src="../../../wxParse/wxParse.wxml"/> //引入文件<view class="wxP...
2019-04-09 10:26:04
405
原创 获取图片本身的宽高以及渲染网页后的宽高
有时候我们会碰到设置一个背景图片，但是又想完整的渲染，导致不同的屏幕宽度下，高度不一致；那么就需要知道背景图实际渲染的高度，然后在动态给容器设置高度；获取图片的本身的像素：var img = new Image();img.src = document.getElementById('bgImg').src ;alert('本身width:'+img.width+',本身height...
2019-04-08 15:27:59
750
原创 判断移动端手机类型
1.在很多时候我们需要判断当前是PC端还是移动端，根据不同的场景做出不同的反应；2.判断移动端是安卓还是ios等等；//获取当前浏览器代理var ua =navigator.userAgent.toLowerCase();1》if(ua.indexOf('windows')>=0){ console.log('pc端'); //处理逻辑}2》var age...
2019-04-08 15:22:00
296
转载 微信小程序获取unionid走过的坑--手把手教你获取
小程序能够获取到unionid的前提1.小程序必须绑定在微信开放平台上，不绑定是没有的（PS：绑定开放平台需要开发者资质认证，认证收费的奥）2.需要微信用户授权小程序具体的代码实现（我在index.js的onLoad中实现的）encryptedData的解密：模仿 官网给的例子中的 Node 的demo，使用 CryptoJS实现纯 js 下解密用户信（网上大部分都是用的java服务器...
2019-03-16 16:05:23
3016
1
转载 vue刷新token方法
这是在网上找到比较简单易懂的方法，大家可以借鉴Vue刷新token，判断token是否过期、失效的最简便的方法Vue刷新token，判断token是否过期
2019-03-16 15:39:24
2403
原创 vue2.0 父子组件通信传值
父组件：<my-productlist :dataArr="productListData" @childEvent = 'toDetail'></my-productlist><script> import myProductlist from '../components/productList.vue'; export defau...
2019-03-15 14:42:23
137
原创 vue 路由跳转及传参的多种方式及注意事项
vue的跳转方式如下：第一种：<router-link tag="a" :to="{name:'测试页',params:{id:1}}">点击跳转(name)</router-link>第二种：<router-link tag="a" :to="{path:'./test',query:{id:1}}">点击跳转(path)&
2019-03-15 11:21:41
980
1
原创 vue中一个标签中动态添加class
<div :class='["tabItem",index==id?"active_tabItem":"",index==2? "share_tabItem" : ""]' @click="changeTabbar(index)" v-for="(item,index) in tabBar" :key="index">{{
2019-03-14 16:05:11
3052
原创 git常用命令
第一次提交代码前，需从线上clone下来$ git clone 你的线上仓库地址看状态$ git status添加代码$ git add-A提交代码备注（根据你的实际情况备注）$ git commit -m"2018/11/6 第一次提交"如果未注册个人信息，需先注册，执行以下命令git config --global use...
2019-02-22 10:11:56
173
转载 滚动条与元素尺寸距离顶部的高度
查看滚动条的滚动距离js中有两套方法可以查看当前滚动条的滚动距离。第一套是这样的：window.pageXOffset/window.pageYOffset这个方法可以查看滚动条的横轴和纵轴的滚动距离，但是很遗憾的是IE8以及以下的版本不兼容。因此针对于IE，我们就需要有第二套方法：document.body.scrollLeft/doucment.body.scrollT...
2019-01-14 18:16:20
2794
1
转载 小程序获取元素距离顶部的高度
给元素加一个id然后使用wx.createSelectorQuery().select('#the-id').boundingClientRect(function(rect){ rect.id // 节点的ID rect.dataset // 节点的dataset rect.left // 节点的左边界坐标 rect.ri...
2019-01-12 10:45:29
21258
1
转载 微信小程序开发——设置默认图片、错误加载图片
wxml：<image src='{{imgArr[index]==""?defaultImg:imgList[index]}}' binderror="errorFunction" data-errorimg="{{index}}" />说明： imgList: 图片数据源列表，需要在data中定义初始数据，或者从接口动态获取数据；errorFunction...
2019-01-05 11:39:51
9979
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人