- 博客(20)
- 收藏
- 关注
RSS订阅原创 uniapp长按实现图片保存
html部分代码：<image src='https://ykrj.icu/files/bxshdt_1.jpg' class="tui-activity-img" mode="widthFix" @longtap="savePosterPath(url)"></image>js端代码savePosterPath(url) { uni.downloadFile({ url, success: (resFile) => { .
2021-03-02 14:51:02
3456
2
原创 uniapp 点击图片实现图片浏览
使用uni.previewImage (） 实现current： 当前浏览图片路径urls： 当前浏览的图片数组注意：图片必须是以http:// https:// 开头的网络图片 而不是本地图片或者base64图片代码如下：previewImage: function(e) { let imgArr = []; imgArr.push("https://ykrj.icu/files/bxshdt_1.jpg"); uni.previewImage({...
2021-03-02 14:43:54
2909
原创 uni-app图片 设置浏览功能 实现双指放大缩小 拖动移动
首先，点击触发图片浏览界面在浏览界面去实现图片移动和放缩图片设置双指放大缩小这个功能相对来说比较简单的，是用于官方文档的路径(组件->视图容器->movable-area)，movable-area可以做双指放大缩小，并且放大的同时可以左右移动图片(页面)，至于怎么做呢？用HBuilder X编辑器创建个uni-app项目html代码<template> <view> <view class="uni-paddin.
2021-03-02 14:37:38
4924
3
原创 uniapp 微信小程序 兼容适配 android 与 ios
通过uni.getSystemInfoSync().platform进行判断，并在相应界面做不同处理switch (uni.getSystemInfoSync().platform) { case 'android': break; case 'ios': break;}
2021-03-02 14:33:46
3355
原创 JSON.parse 与 JSON.stringify 使用与区别
1.JSON.parse(“要转换的数组bai”du) 。2.JSON.stringify(“要转化的数组”)。3.首先，两个方zhi法的用法是有差别的。dao①.JSON.stringify是从一个对象中zhuan解析出字符串。②.JSON.parse是从一个字符串中解析出json(键值对)。4.所以在使用的时候如果参数不对应，就不能正确转换。一.JSON.parse()【从一个字符串中解析出json对象】例子：1.//定义一个字符串，var data='{"name...
2021-02-20 14:29:20
101
原创 canvas html2canvas 当前界面截屏
html2canvas.js 网上找注意：截屏只是针对于当前选中html 且当前可视区域的截图，如果截图区域过长，超出可视区域，可以选择运用分页方式截取当前页，最后几张图片拼成一张长图<template> <view class="boxw" style="overflow: hidden;"> <view class="ctns ctns1" id="ctns1" style="width: 100%;height: 100%" v-show="dialo..
2021-02-08 13:11:39
361
原创 uniapp h5端手写板签字版
<template> <view class=""> <!-- <button @tap="createCanvas" v-show="!showCanvas">签名</button> --> <!-- <image id='signatureImg' :src='signImage' v-show="!showCanvas"></image> --> <!-- <view class.
2021-02-08 13:06:41
855
2
原创 uniapp 路由跳转失效
部分时候 uni.navigateTo 失效uni.navigateTo({ url: '../location/location?data='});解决uni.switchTab({ url: '/pages/index/index'})
2020-11-28 20:48:56
4351
原创 原生手写开关
.switch-box { float: right; width: 80px; height: 32px; font-size: 14px; line-height: 32px; } .switch-box div { f...
2019-12-19 18:45:48
213
原创 json格式数据下载为excel方法，其中数字格式下载后排序正常
/* * @file 下载功能 * @author whyme23@163.com*/const jsonToExcelConvertor = (jsonData, ShowLabel, fileName) => { if (!jsonData) { return; } var excel = '<table>'; //...
2019-12-05 19:01:10
152
原创 axios 封装 get、post请求方法备份
首先引入axios使用axios封装get、post 方法，包括封装post请求发送header方法在具体使用时根据需要作适当调整即可import axios from 'axios';const REQUEST_QUIET_HEADER_NAME = 'Request';axios.interceptors.response.use( function (res) { ...
2019-11-12 10:33:54
198
原创 create-react-app添加less支持
create-react-app添加less支持（1） 添加less支持a.暴露webpack配置文件npm run ejectyarn add less less-loader（2）webpack.config.js中添加less配置const lessRegex = /\.(less)$/;const lessModuleRegex = /\.module\.less$/...
2019-11-08 19:50:39
365
原创 对象转为数组方法
// 定义一个对象var data = [{ "online_question": "3", "question": "120", "bug": "14", "cover": "62%", }]; var dataArr = []; // 用于Array.from() [].slice.call() 等方法失效的情况下 ...
2019-11-04 10:58:14
261
原创 iframe 去掉滚动条
function reinitIframe(){ var iframe = document.getElementById("report_id"); try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight =...
2019-10-30 15:06:33
191
原创 js 将某一个链接、数值等内容复制到剪切板方法封装
@复制到剪切板方法``let link = document.createElement(“input”);document.body.appendChild(link);link.value = this.state.url;link.select();document.execCommand(“Copy”);document.body.removeChild(link);...
2019-10-18 15:50:18
525
原创 json 数据 下载为.csv表格方法封装
@下载方法封装/* * @file 下载功能 * @author whyme23@163.com*/const jsonToExcelConvertor = (jsonData, title, fileName) => { if (!jsonData) { return; } var str = ''; for (var i in...
2019-10-18 15:38:40
138
原创 React 状态管理 state props 区别简介
state是局部的，只能被组件自身控制、保存、修改的状态管理props是让组件的父组件（外部）传入参数来控制、保存和修改状态，而自身并无法控制、修改，只能通过外部重传的方式改变状态，否则会报错项目中，推荐用props来管理状态，尽量少地写有state组件4.demo:class HelloWorld extends Component { constructor() { s...
2019-09-16 17:14:35
157
原创 使用 moment.js 获取本周、上周、上月、上季度时间段，超全
在需要你进行日期处理的地方，必然少不了moment.js的使用，moment.js是基于node的时间处理插件，通过巧妙使用moment.js能够快速获取预期时间！下载及引用// 下载 使用node下载npm install moment// 引用1var moment = require('moment');// 引用2import moment from 'moment';各...
2019-08-11 21:35:40
3536
原创 前端实现iframe响应式布局，让网页等比例缩放
在项目开发中，有一种业务场景，很让人头疼，如何实现iframe响应式布局？简单说， 就是有这样一个需求，在一个小的页面下嵌套另一个网页，并且让所嵌套的网页以缩小的形式呈现，这种情况下应该怎么实现？初用iframe是下面的效果<div class="box"> <iframe width="600" heig...
2019-07-29 15:29:57
8499
原创 程序员必备技巧：上传项目到GitHub
正确使用GitHub，你不止需要会下载，更需要会上传第一步：注册账号直接邮箱注册，非常简单哦，此步骤可忽略！第二步：上传GitHub1.进入github首页，点击Start a project，开始创建一个项目2.点击Start a project 后进入该界面，填写项目名称、进行项目描述、选择public或private、点击创建第三步：开始上传本地要上传的项目按照git的提示进...
2019-06-05 16:05:29
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人