自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

转载 Vue在main.js之前单独引用某个依赖如(element-ui)

引用Vue并实例化import Vue from 'vue';const v = new Vue();引用// token失效登录过期,强制跳转至登录页axios.interceptors.response.use( response =>{ // token失效登录过期,强制跳转至登录页 if(response.dat...

2019-08-02 11:38:00 555

转载 svg入门学习回顾

0 参考链接:阮一峰SVG图像入门教程 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>svg</title> 6 <s...

2019-07-29 15:06:00 143

转载 解决微信h5原生ios虚拟键返回不刷新问题

1 if (isIos()) { 2 let isPageHide = false; 3 window.addEventListener('pageshow', function () { 4 if (isPageHide) { 5 window....

2019-06-03 16:02:00 399

转载 浏览器宽高

1 document.body.clientWidth; //网页可见区域宽(body) 2 3 document.body.clientHeight; //网页可见区域高(body) 4 5 document.body.offsetWidth; //网页可见区域宽(body),包括border、margin等 6 ...

2019-05-08 17:38:00 243

转载 使用tinymce富文本

1.tinymce入门参考https://www.tiny.cloud/docs/general-configuration-guide/basic-setup/2.tinymce安装选项https://www.tiny.cloud/docs/general-configuration-guide/advanced-install/3.tinymce汉化包下载https:/...

2019-04-29 18:43:00 254

转载 grid布局学习二之子元素(项目)

1 /* grid-column-start属性:左边框所在的垂直网格线 2 grid-column-end属性:右边框所在的垂直网格线 3 grid-row-start属性:上边框所在的水平网格线 4 grid-row-end属性:下边框所在的水平网格线 5 使用这四个属性,如果产生了项目的重叠,则使用z-index属性指定项目的...

2019-04-23 16:31:00 256

转载 grid布局笔记学习一之父元素(容器)

HTML代码: 1 <div id="box"> 2 <div class="lbox box1" style="background: #F2211A;">1</div> 3 <div class="lbox box2" style="background: #909399;">2</div&gt...

2019-04-23 15:35:00 150

转载 文件上传下载

  图片下载 1 axios({ 2 method: 'get', 3 url: url, 4 responseType: 'arraybuffer' 5 }).then( res=>{ 6 // conso...

2019-04-11 11:59:00 58

转载 前端批量压缩下载

 import axios from 'axios' import JSZip from 'jszip'  //打包压缩必备,参考链接https://stuk.github.io/jszip/ import FileSaver from 'file-saver'  //文件保存至本地,参考链接https://github.com/eligrey/FileSaver.j...

2019-04-11 11:41:00 128

转载 云开发后续2

1 // 上传文件 2 // wx.cloud.uploadFile({ 3 // cloudPath:'xuanyu.jpg', 4 // filePath:'/images/xianyu.jpg', 5 // success: res=>{ 6 // console.log(res...

2019-02-28 17:52:00 82

转载 小程序云开发

1 // 云开发 2 // 初始化 3 wx.cloud.init() 4 const db = wx.cloud.database() 5 6 // 插入数据 7 // db.collection('user').add({ 8 // data: { 9 // ...

2019-02-27 15:19:00 81

转载 优化版小程序canvas,增加失败逻辑,及完善文字

wxml<view class="shareBox" style="backgound:{{isShow ? '#000' : '#fff'}}" wx:if="{{isShow && canvasList}}"> <canvas canvas-id="firstCanvas" class="canvas myCanvas" style...

2019-01-17 18:34:00 124

转载 js截取字符串方法整理slice(), substr(), substring(), split()

substr(start,length)stringObject.substr(start,length)//start,截取起始下标,-1 指字符串最后一个字符,-2 指倒数第二个字符开始//length,截取长度 可选substring(start,stop)stringObject.substring(start,stop)//start...

2019-01-14 15:59:00 115

转载 完善版封装canvas分享组件

import regeneratorRuntime from "../../../lib/regenerator-runtime/runtime";let ctx = false, crown = 0, widFit = 0 // ctx canvas对象, crown生成图的宽高比, widFit当然布局下与需生成图寛比, heiFit高度比Component({ /*...

2019-01-14 15:26:00 191

转载 canvas制作完美适配分享海报

基于mpvue实现的1080*1900小程序海报html1 <canvas class="canvas" :style="'width:'+windowWidth+'px;height:'+windowWidth/(1080/1900)+'px;'" canvas-id="firstCanvas"></canvas>js 1 co...

2018-12-28 15:21:00 191

转载 es6新增Math方法

Math.trunc() 用于去除一个数的小数部分,只返回整数部分Math.trunc(4.1) // 4Math.trunc(4.9) // 4Math.trunc(-4.1) // -4Math.trunc(-4.9) // -4Math.trunc(-0.1234) // -0Math.trunc('123.456') // 123Math.trunc...

2018-10-10 15:06:00 92

转载 跨域解决方案

jsonp:只支持GET,不支持POST请求,不安全XSSpostMessage:配合使用iframe,需要兼容IE6、7、8、9document.domain:仅限于同一域名下的子域cors:需要后台配合进行相关的设置websocket:需要后台配合修改协议,不兼容,需要使用scoket.ioproxy:使用代理去避开跨域请求,需要修改nginx、apach...

2018-10-09 14:29:00 58

转载 小程序自定义排序

引用模板<block wx:for="{{list}}" wx:key='index'>  <template is="swiper" data="{{imgUrls}}" wx:if="{{list[index]=='swiper'}}" />  <template is="about" data="{{about}}" wx:if="{{...

2018-05-17 17:57:00 518

转载 今天刚好闲着,来一份小技巧,防止后面忘了又难受了

varworktype = 's_item['+ 1+ '].s_item_class';  this.setData({    [worktype]:res.data  })  有的时候我们要做一些特殊的操作改变某个对象中的某个属性值而正常的如   this.setData({    list [i].count  }...

2018-04-09 16:12:00 51

转载 最说句废话也是很重要的!

开发好小程序项目后,一定要真机测试!!!转载于:https://www.cnblogs.com/jay-sans/p/8532740.html

2018-03-09 11:05:00 49

转载 下拉刷新加上拉载在更多

我来说说我开发一般用的上拉加载更多及下拉刷新:先说下拉刷新onPullDownRefresh: 下拉刷新监听用户下拉刷新事件。需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。  (当然网上还有一些方法可以借鉴下)...

2018-03-09 11:03:00 77

转载 微信官方域名接口请求,必须要通过后台请求接口

前端测试的时候可以请求,当要上线要适配后台请求接口,切记!官方域名:https://mp.weixin.qq.com转载于:https://www.cnblogs.com/jay-sans/p/8532579.html

2018-03-09 10:40:00 358

转载 小程序的生命周期函数(钩子函数)

生命周期函数onLoad: 页面加载一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow: 页面显示每次打开页面都会调用一次。onReady: 页面初次渲染完成一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。对界面的设置如wx.setNavigati...

2018-03-09 10:36:00 794

转载 说下页面跳转,以防自己忘了记录下

navigateTo,redirectTo只能打开非 tabBar 页面。switchTab只能打开 tabBar 页面。reLaunch可以打开任意页面。navigateTo页面跳转带返回键,其他的不带。转载于:https://www.cnblogs.com/jay-sans/p/8532517.html...

2018-03-09 10:33:00 74

转载 微信小程序hidden

首先hidden默认在display:block;情况下是会默认生效的;but在很多时候只在初始值下有效,在data下声明 flag:true;方法中:无效,所以尽量不要使用hidden这个属性,完全可以用wx:if代替转载于:https://www.cnblogs.com/jay-sans/p/8439290.html...

2018-02-10 17:47:00 110

转载 第一个bug

话不多说自己遇到的第一个小程序bug需要渲染渲染多重元素,这个没什么。but当你要获取这个大样式的id进行各种操作时,你需要每一个子节点都加上data-=“”属性这样就很麻烦了,所以需要希望小程序能出个子级能直接获取父级的值不那么麻烦。(如果有的话希望各位大佬多多教导下)转载于:https://www.cnblogs.com/jay-sans/p/8425257.h...

2018-02-07 09:56:00 100

转载 这是自己的第一篇博客。恩是的!

很激动!转载于:https://www.cnblogs.com/jay-sans/p/8420990.html

2018-02-06 10:09:00 66

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除