PHP技术,网站开发,PHP,PHP学习,Python学习,PHP开发,人工智能,大数据服务

文档归类:前端设计

axios取消请求2019-05-29

摘抄自网络,地址久了没找到。axios:axios.interceptors.request.use(config => {     config.cancelToken = new axios.CancelToken( cancel => {              window.__axiosPromiseArr.push({cancel})         }) }发送请求前:window.__axiosPromiseArr.forEach((ele, index) => {     ele.cancel()     delete window.__axiosPromiseArr[index] })使用场景根据输入关键词keyup模糊查询数据vue项目查询人员列表,因为通过keyup触发请求,所以输入一个字母就会去请求一次,请求很多,严重对网络造成影响。所以就在请求前加了一个取消前面的请求。...
此文被围观620 分类: 前端设计 标签:  ···

css、js压缩方法,yuicompressor压缩2019-03-28

css压缩java -jar yuicompressor-2.4.8.jar --type css --charset utf-8 -v common.css > packed.cssjs压缩java -jar yuicompressor-2.4.8.jar --type js --charset utf-8 -v bootstrap.js > packed.jsyuicompressor下载地址:https://github.com/yui/yuicompressor ...
此文被围观661 分类: 前端设计 标签:  ···

js计算某个点是否在多边形范围内2019-03-23

点击不同区域触发不同事件,其中E1-E5与E6-E7是不规则,理论是上一个四边形旋转后的效果。W1-W5与N1-N5规则图形好判断触发点是否在其中。这张图原大小是580*518的尺寸所以在建立canvas的时候设置了一个宽度与高度,其次这是手机页面的图像,要考虑到不同手机尺寸的情况。#cvs {     max-width: 100%;     height: auto; }var cvs = document.getElementById('cvs'); var img = new Image(); img.src = "images/item.png"; img.onload = function () {     var ctx = cvs.getContext('2d');     ctx.drawImage(this, 0, 0) } //多边形的各个点位置 var polygon = [     [374, ...
此文被围观802 分类: 前端设计 标签:  ··

es6转成es52018-11-22

vue 不兼容IE11解决 方法,将es6转换成es5,在线转换地址:https://babeljs.io/repl/ 单页面或者web-view 尽量不要用es6进行代码开发,用了也没事找个网址进行es6转es5参考页面:https://blog.csdn.net/dx18520548758/article/details/80265470...
此文被围观1038 分类: 前端设计 标签:  ····

scorm课件分析2018-11-06

scorm目前长见版本是1.2   2004两个版本。相应的api差异是LMS前缀。function Scorm2004(){     function LMSInitializeMethod(parameter){         console.info("Initialize", parameter)         return "true";     }          function LMSFinishMethod(parameter){         console.log(parameter)         return "true";     }          ...
此文被围观901 分类: 前端设计 标签:  ··

vue页面未加载完成页面乱码解决2018-11-02

在项目里面使用的是web vue页面刷新的时候,页面出现未编译的乱码,解决vue页面加载未完成乱码vue手册中也有提到过v-cloakhttps://vuejs.org/v2/api/#v-cloak 示例:[v-cloak] {display: none;}<div v-cloak>{{ message }}</div>v-cloak 编译结束后才会显示,就不会显示没编译的内容了参考页面:https://shuibo.me/index.php/archives/182/ ...
此文被围观1016 分类: 前端设计 标签:  ··

js文件下载,downloadjs插件2018-10-08

使用插件downloadjs,官网地址:http://danml.com/使用方法:https://github.com/rndme/downloadvue中使用:var x = new XMLHttpRequest() x.open("GET", sUrl, true) x.responseType = 'blob' var _this = this x.onload=function(e){     download(x.response, _this.title, mimeType ) } x.send()sUrl为文件地址,mimeType文件类型,因为我的业务是有多种文件类型,所以在前文加了判断。js文件下载,download.js,解决新窗口打开文件的问题。...
此文被围观1140 分类: 前端设计 标签:  ····

js监听返回事件2018-10-08

js监听页面返回事件"pushState" in window.history && (          window.history.pushState({              title: document.title,              url: location.href          }, document.title, location.href),              setTimeout(function () {            ...
此文被围观781 分类: 前端设计 标签:  ··

输入平方米符号小技巧2018-10-08

经常在前端可能需要输入平方米,每次都要去用输入法里面的特殊字符来生成,下面的方法太好了:先输入m,再按住 alt 键(不松开),然后按数字键0178,再松开 alt 键,那个平方2就出来了。(0178是数字区的才可以)。...
此文被围观1796 分类: 前端设计 标签:  ··

cordova打开文件插件,cordova-plugin-file-opener22018-10-08

如何用:cordova plugin add cordova-plugin-file-opener2可能会出现如下错误:com.android.ide.common.process.ProcessException: Failed to execute aapt at com.android.builder.core.AndroidBuilder.processResources(AndroidBuilder.java:796) at com.android.build.gradle.tasks.ProcessAndroidResources.invokeAaptForSplit(ProcessAndroidResources.java:551) at com.android.build.gradle.tasks.ProcessAndroidResources.doFullTaskAction(ProcessAndroidResources.java:285)建议使用:cordova plugin add https://github.com/JuanjoPP/cordova-plugin-file-opener2使用方法:var target="/sdcard/Download/ionic.apk"; cordova.plugins.fileOpener2.open(target, 'application/vnd.android.package-archive');参考:http...
此文被围观1317 分类: 前端设计 标签:  ··

cordova项目clone2017-08-31

前面用cordova编写了一个绿绿果园的android项目,并提交到git上现在需要在新的电脑上clone一份代码继续开发步骤如下:1、添加android平台cordova platforms add android在这个过程中,cordova会自动将config.xml中的插件一并安装2、复制H5页面到www下面3、运行cordova run android这里需要注意提交到git的文件,相应目录结构请查看: https://github.com/adophper/llguoyuan-app ...
此文被围观809 分类: 前端设计 标签:  ····

安装app报错:signatures do not match the previously installed version; ignoring!2017-08-22

安装app报错:signatures do not match the previously installed version; ignoring!解决办法:adb uninstall "com.pepperrn" 手动通过包名来清理app。 然后再安装就正常了参考资料:https://segmentfault.com/a/1190000005698689  signatures do not match the previously installed version; ignoring!...
此文被围观3120 分类: 前端设计 标签:  ···

vue背景图片报包不显示2017-08-13

vue的配置文件里面webpack.base.conf.js有这样一段代码:{         test: /.(png|jpe?g|gif|svg)(?.*)?$/,         loader: 'url-loader',         options: {           limit: 10000,           name: utils.assetsPath('img/[name].[hash:7].[ext]')         }       }vue意思是大于10KB的图片会转存到img文件夹下面,小于这个值的就会转成base64但在页面中我们用的背景图片大于10KB,放在assets的images下面,css中写的是background-image...
此文被围观1305 分类: 前端设计 标签:  ····

© Copyright 2011-2019 adophper.com. All Rights Reserved.
读图网科技 版权所有。蜀ICP备12031064号