wanxchao-CSDN博客

原创 axios&jquery -上传本地文件

1、axios上传的是二进制文件需要设置传输类型（form-data）注意服务器接受的文件格式// html<input type='file'/>//jslet fileObj = document.getElementById("file").files[0]let formData = new FormData() formData.append('...

2020-03-30 16:43:22 443 1

原创 pdf.js的使用

iframe在不使用插件的情况下，在线预览 PDF、PPT、Word 文件，大都可以直接使用 iframe 标签来嵌套，且提供的工具也相当丰富（上下页切换、全屏、下载、跳转到指定页数等），需要注意的是，在全屏模式下，展示的内容不能进行复制，且展示的最大高度是等于当前文档内容的高度（如果文档内容高度小于当前窗口的高度，那么多余的部分会以黑色背景铺满剩余的空间）。优点：操作简单，一个标签即可解...

2020-03-25 23:12:56 1118 1

翻译 react-native-elements 报错 unnrecognized font family 'FontAwesome'

项目版本：react：'16.9.0'react-native：'0.61.3'react-native-elements： '^1.2.7'Xcode：10.2.1问题描述：最近使用 Xcode 对 react-native 进行开发时，在其使用第三方UI框架 react-native-elements 中的 Check 组件时，控制台报如下错误unnrecognized fo...

2019-11-06 22:28:29 540

原创正则筛选图片url（js）

采用String的match方法来匹配指定的值demovar doc = '测试内容的地方官https://img1.doubanio.com/view/photo/sqxs/public/p2557905918.webp'var img =doc.match(/(https:\/\/\S+)/ig)返回值（数组）["https://img1.doubanio.com/vie...

2019-10-08 18:27:03 1407

转载 cnzz统计代码被谷歌浏览器拦截警告

前一段时间在使用CNZZ统计代码的时候，Chrome浏览器控制台弹出一段警告，提示如下A parser-blocking, cross site (i.e. different eTLD+1) script, http://s96.cnzz.com/z_stat.php?id=1234567890&show=pic2, is invoked via document.write. Th...

2019-07-25 17:32:15 1409

转载 react-native xcode打包的app和本地运行不一致

一、问题本地代码修改之后进行打包，发现Xcode打包之后和本地的不一致，经过其他小伙伴的提醒，最后发现是因为没有bundle导致用的还是上一次打包的代码，所以会看不到本次的更新，但是回想过去打包流程，除了第一次创建项目的时候有bundle过一次，其他时候打包基本都没有执行bundle，也不知道为何这次就出现这个，至少从这事情看来react-native这块知识还需要好好补习一下才可以。在项目根...

2019-07-17 17:40:10 515

翻译 react-native :app:preReleaseBuild > Resolve dependencies of :app:releaseCompileClasspath > maven-met

react-native打包的时候一直卡在:app:preReleaseBuild > Resolve dependencies of :app:releaseCompileClasspath > maven-metadata.xml尝试解决办法一、打包过程种有看到会加载一些Google文件，所以尝试打开了VPN，但是最后却报错Error:Could not res...

2019-06-11 10:19:52 2949

原创 clipboard 插件的使用（浏览器的复制粘贴功能）

#兼容性一、npm 下载npm install clipboard --save二、导入组件import Clipboard from 'clipboard'三、使用<button ref="copy" :data-clipboard-text="content" @click="copyLink">复制</button><...

2019-05-09 10:00:45 6471

原创小程序文档预览、文件缓存

一、技术摘要文件下载（wx.downloadFile）文档预览（wx.openDocument）文件本地存储（wx.saveFile）获取本地存储的文件（wx.getSavedFileList）文档分享（ios暂不支持，Android需要借助第三方文档工具）二、文件下载使用文件下载功能需要先在微信后台进行下载域名配置，具体操作请移步官方文档，下载文件时，需要调用wx.do...

2018-12-08 17:37:51 4302

转载 js复制、粘贴到浏览器（原生、IE不兼容）

一、最近有需求需要复制图片（Ctrl+C）到浏览器进行粘贴（Ctrl+V）然后进行粘贴的内容上传到服务器，因以前上传文件都是通过插件来进行实现，所以并没有做过多的学习，以下代码是基于其他网友文章中提供的内容，主要代码也已经做了部分的注释，如果不满足需求，大可以在主要的API进行拓展。二、完整代码&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt...

2018-11-12 11:27:26 2330

原创小程序异步登录解决方案

wx.login()小程序上面获取openid必须通过前端wx.login()方法来获取code，后台通过前端传递过来的code向微信请求以获取openid、session_key等关键信息，后端也可以通过code来进行用户登录业务开发，wx.login()异步请求在平常的登录开发中，一般都是把登录封装到app.js中的onLaunch中（登录开发方式不唯一），用户每次冷打开都会进行用户登录...

2018-11-02 17:22:05 4854 4

转载 css-点击按钮实现水滴动画

平常在使用APP的时候，当用户点击某个按钮的时候，按钮会出现水滴的效果，原生APP开发的时候，会提供相关的动画，如果在PC端或者H5的时候想实现这个效果，也可以找一些相关的库来进行开发，但是为了某一个小小的交互而引入外部的JS和CSS，始终感觉不划算，自己如果用css+js来进行开发，可能体验和开发会更加方便。一、CSS&lt;style&gt; .btn { display: b...

2018-10-23 22:07:59 3283

原创 js-this

一、this对象- this是JavaScript的一个关键字- 在函数运行的时候会自动创建一个this对象，并且this对象只能在函数内部使用- this是函数运行的环境对象- 函数作为普通的方法调用，this指向全局- 函数作为对象的方法调用，this指向当前对象二、this的值this在不同的函数中运行，其对应的值也不同1 普通的函数调用var name = 'window_this';...

2018-07-08 09:40:22 200

原创微信小程序-侧边栏-获取用户选中的值

侧边栏是APP中很常见的一种功能，最近公司的微信小程序项目刚好需要侧边栏这个功能，抱着能自己写就自己写的工作态度，所以决定用基础一些技术来完成此功能。一、WXML<view class='body'> <view class="leftBox '{{leftView?'leftActive':''}}'" bindtap='getLeft' data-item="1">...

2018-06-24 11:04:03 1280

原创微信小程序-radio(自定义)

小程序官方本提供了该组件的使用，但是扩展性不太好，为了防止和CheckBox混淆,所以单独剔分出来一、HTML<view wx:for="{{radio}}" wx:key="{{*this}}" class="checkbox '{{item.checked?'checkedActive':''}}'" data-id="{{index}}" bindtap='getradio'>...

2018-06-21 08:21:35 7512 5

原创微信小程序-checkbox(自定义)

小程序官方本提供了该组件的使用，但是扩展性不太好，所以就自己捣鼓捣鼓从新自定义写了一个类似的功能一、HTML<view wx:for="{{items}}" wx:key="{{*this}}" data-id="{{index}}" class="checkbox {{item.checked?'checkedActive':''}}" bindtap='userCheck'> ...

2018-06-20 22:38:48 7116 2

转载 ionic emulate android(打包出现的问题总结)

最近公司开发手机 APP需要使用到Android来进行开发,但是最后一步手机运行的时候,出现各种问题,以下是在网上收集的各种方法,希望能帮助到大家1 Android启动http://blog.csdn.net/abcjennifer/article/details/422416312avd模拟器解锁 http://blog.chinaunix.net/uid-20416869-

2017-07-12 17:32:00 1119

原创 Manifest merger failed : uses-sdk:minSdkVersion 16 cannot be sma

1 在ionic2 打包时，突然报了一堆错误（在此之前就是引入了其他的库）也网上看了很多方法，结果都差强人意，在此把解决办法发布出来，希望能帮助大家问题的原因就是当前引入的库版本和主项目版本号对应不上，2 解决办法最后重新启动项目，打包成功

2017-06-29 13:58:36 3618 3

WANG_CA的博客