谢阳光Zzz-CSDN博客

原创微信小程序：写出一个canvas生成的圆形进度条

circle.wxml<view class='container'> <view class='progress_box'>  <canvas class="progress_bg" canvas-id="canvasProgressbg" />  <ca

2020-07-20 14:00:59 493

原创微信小程序：列表拖拽排序的简单实现

index.wxml:<view class="index">  <scroll-view class="scroll-list" scroll-y style="height: {{windowHeight - bottomH...

2020-03-11 16:32:28 3073

原创 Javascript 生成带DOM复制到剪贴板的内容

createCopy(id) { var text = document.getElementById(id); if (document.body.createTextRange) { var range = document.body.createTextRange(); range.moveToElementText(t...

2020-03-06 13:48:44 578

原创微信小程序：解决saveimagetophotosalbum:fail invalid file type问题

解决方法：在downloadFile中设置filePath，而不要使用默认的，然后 saveImageToPhotosAlbum使用filePath即可完美解决！不需要设置content-type等信息。

2020-01-02 17:27:48 7739 1

原创 react-dnd 最简单易懂的列表排序

import React, { Component } from 'react'import { DndProvider, DragSource, DropTarget } from 'react-dnd'import HTML5Backend from 'react-dnd-html5-backend'// 被拖拽的项const source = { // 卡片开始被拖拽时触发 ...

2019-12-13 17:58:44 2361 1

原创 React：实现create-react-app + antd 按需加载配置

因为在网上找了很久都没有解决，最后却发现在官网就有！实在是太坑了，记录一下，免费浪费大家的时间这样就好了啊！！！！当前百度搜到的配置方法都是基于create-react-app 1.x 和 2.x的但是现在create-react-app 已经更新到3.x了网上那些方法既麻烦又无效按照antd官网解决就完事了...

2019-11-26 10:20:18 240

原创微信小程序(uniApp)：scroll-view横向滚动实现点击元素滚动到页面中间的效果

wxml:<scroll-view class="scroll" scroll-x='true' scroll-with-animation :scroll-left='scrollLeft'> <view v-for="(item, index) in tabsList" :key='item.id' :class="[{active: currentIn...

2019-11-23 00:00:15 3929 2

原创微信小程序(uniApp)：自定义头部

wxml<view class='header-wrap' :style="{height: navHeight + 'px', paddingTop: statusBarHeight + 'px'}"> <view class="header-title"> {{headerData.title}} </view></view...

2019-11-22 23:50:26 2312

原创 Javascript：实现普通字符和转义字符的互相转换

方法一：通过正则表达式进行替换1，HTML 标签的转义方法//HTML标签转义（ < -----> <）function html2Escape(sHtml) { return sHtml.replace(/[<>&"]/g,function(c){ return {'<':'<','>':'>','...

2019-09-20 11:34:17 2866

原创 Javascript：对象深浅拷贝/复制/克隆实例代码

浅拷贝：Object.prototype.num = 1let obj = { name: 'xxx', age: 18, thing: { pen: 1, car: 2 }}let obj1 = {}clone(obj, obj1)function clone(origin, target){ var target = target || ...

2019-08-28 12:00:32 136

原创 Javascript：基于instanceof的问题封装typeof解决类型判断问题

1.先说instanceof的问题：当我们使用iframe的时候，浏览器的顶层对象和iframe不一致，所以使用instanceof判断时因为Object的构造函数不同导致instanceof判断失效。2.解决方法：自己封装一个myTypeOf函数，并且使用Object.prototype.toString去解决问题function myTypeOf(val){ let type = ...

2019-08-28 10:21:29 405

原创微信小程序：解决gif图片只渲染一次的问题

问题描述：加载本地gif时，就算image重新渲染了，gif也会保持在终点的状态，不会重新播放解决方案：把本地gif的路径换成线上的，然后在最后加上时间戳即可解决方案缺陷：可能会造成卡顿，但目前尚未找到更好的解决方案...

2019-08-23 09:52:45 7640

原创 VUE:使用EventBus进行跨组件的通讯

// event-bus.jsimport Vue from 'vue'export default new Vue()// A.js 触发事件import EventBus from '../global/eventBus'EventBus.$emit('test', 'hhhh')// B.js 接受事件import EventBus from '../global/even...

2019-07-31 14:42:38 203

转载微信小程序：防止滚动穿透

1.如果弹出层没有滚动事件，就直接在蒙板上加// .wxmlcatchtouchmove="move" // .wxssmove:function(){};2.如果弹出层有滚动事件，那么在弹出层出现的时候给底部的containerView加上一个class 消失的时候移除// .wxml<view class="{{showSearchView?'tripList_root'...

2019-07-29 13:44:40 1255 1

转载 Vue: 解决打包后element-ui图标字体不显示的问题

在build/utils.js下找到if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../' }) } else { return ['vue-style-lo...

2019-06-24 09:48:48 6017

原创 Vue:解决“此图片来自微信公众平台未经允许不可引用”问题的方法

问题描述;因为微信给自己的图片都加上了图片防盗链接，只要是直接从公众号文章里复制的文章都会显示如下图所示的情况解决方法：在index.html的head中加上<meta name="referrer" content="never">此时，问题便可完美解决！...

2019-06-19 12:26:10 6555

转载 Vue: npm run build 打包时遇到 Cannot read property 'compilation' of undefined 问题解决方法

在打包的时候报：TypeError: Cannot read property ‘compilation’ of undefined 错误。（这里需要强调一下，安装环境的使用一定要-save-dev或者是-save，否则欲哭无泪啊）很明显，这是node一些包的版本对应不上的问题。。。1、首先定位到uglifyjs-webpack-plugin中的index.js文件中，将项目中的该包升级或...

2019-06-17 15:48:09 11667

原创微信小程序：web-view上传音乐

<!DOCTYPE html><html> <head> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <script src="h...

2019-05-31 12:07:01 1114

转载奇淫技巧：使用Jquery+CSS修改 input type=file 的样式

1、重写一个新的样式2、将默认样式设置display:none;，即设为不可见3、在js里调用：当点击新样式的时候，调用这个input的点击事件html<div class="head-img"> <img src="./imgs/王小波.jpg" id="my-img"> <input type="file" id="im...

2019-05-31 10:48:04 744

原创微信小程序：下载视频、图片文件

下载视频、图片（saveImageToPhotosAlbum）:download(e){ const index = e.currentTarget.dataset.index const url = this.data.album[index].v_url wx.downloadFile({ url: url, success: function...

2019-05-28 15:47:13 5179

转载微信小程序：更改数组或对象中的某一个值

1、更改数组中的值paraList: [ {txt:'123',chose:false}, {txt:'1234',chose:false}]let choseChange = "paraList[" + index + "].chose"this.setData({ [choseChange]: true, numList: numList})可以改变数组中某一个特...

2019-05-28 11:26:42 4955

原创 Vue：用promise封装各种axios请求

1.封装get请求httpGet: function(url, params){ params.appName = appName params.token = localStorage.getItem('token') return new Promise((resolve, reject) => { axios.get(url, {params})....

2019-05-22 09:21:11 899

转载微信小程序：父组件执行子组件的方法

当父组件引用了子组件的时候，会遇到父组件执行子组件的方法，比如下拉刷新上拉加载等事件只有在页面中才能检测到，但是获取数据的方法在子组件，这时就可以执行子组件方法。思路很简单，类似于vue中给子组件加ref执行子组件方法道理一样，这里是给子组件加一个属性： id=“子组件名称”,比如：然后在父组件对应的方法中直接this.selectComponent("#list").getList(...

2019-05-16 16:15:37 4606

qq_32654773的博客