- 博客(24)
- 收藏
- 关注
转载 echarts中关于自定义legend图例文字
formatter有两种形式:模板回调函数模板使用字符串模板,模板变量为图例名称 {name}formatter: 'Legend {name}'回调函数formatter: function (name) { return 'Legend ' + name;}我们在返回时可以对name进行修改,从而返回我们需要的值,初步改动是这样:var data = [ ...
2019-11-30 09:27:52 2782
转载 单击页面出现不同颜色小爱心
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript">//鼠标点击出现...
2019-11-29 10:06:42 205
原创 nginx--(日常笔记)
在nginx找到nginx.conf进行修改D:\nginx\nginx-1.15.10\confserver {//修改默认端口 listen 8088; server_name localhost; #charset koi8-r; #access_log logs/host.access.log m...
2019-11-28 17:14:58 139
原创 phpStudy2018安装完成之后,Apache刚启动就关闭
1 防火墙问题 查找是否是防火墙的问题,2 端口占用问题 查看是否是迅雷占用了80端口3 通过apache的命令行查看报错, 在Apache的bin目录下,键入httpd.exe 命令,系统报错:然后按照报错路劲 和行数 去修改...
2019-11-27 15:33:53 204
转载 VUE 复制内容至剪切板(两种使用方法)
复制内容至剪切板使用的是插件’vue-clipboard2’,通过官方文档会发现共有两种使用方式。第一种方式与大多数文章类似,只粘贴代码:<template> <div class="container"> <input type="text" v-model="message"> <button type="button" ...
2019-11-23 16:03:20 1022
转载 vue-clipboard2(vue剪切板功能)
安装npm install --save vue-clipboard2在main.js中引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)例如:<span>{{invitationCode}}</span><img src="../../static/img/d1.png"...
2019-11-23 15:49:06 479
转载 在H5页面中禁止微信分享转发按钮-mugeda
在H5页面中禁止微信分享转发按钮(mugeda)在页面脚本中插入以下代码方法一: 加一段js代码document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu');});方法二:设置微信jssdkwx.config({...
2019-11-22 14:50:42 1069 1
转载 vue h5移动端禁止缩放
安卓在index.html里面写<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">ios在APP.vue里面写<script>window.onload = function() { docume...
2019-11-21 15:14:01 518
转载 Vue项目中,防止页面被缩放和放大
现在vue的脚手架生成项目之后我们会发现index.html页面中。在head标签中,我们会看到meta标签中有一条显示是<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">但是我们发现这条语句中只是让user-scalable=0,这是不让用户进行缩放。可以...
2019-11-21 15:12:31 3721
原创 在npm发布js库 可能会遇到的一些报错信息
1.npm publish 时报 401原因:你没登录或者需要重新登录,使用 npm longin 命令登录一次就行了2.npm publish 时报 403原因:你之前切换到了淘宝镜像源( https://registry.npm.taobao.org/ ),所以你登录到的是cnpm,你需要将源切换到npm再登录然后再提交,以下是相关操作1.查看当前源npm config get ...
2019-11-21 09:46:50 333
转载 如何将js库发布到npm
如何将js库发布到npm前言:我们使用 npm install xxxx 命令的时候会在 node_modules 部署代码库供我们使用,比如我们想在一个项目中使用VUE框架,那么我们需要在项目根文件下载输入命令(如:npm install vue --save)下载这个库以供使用,那么这些代码库是如何上传到npm供我们使用呢?下面来看一下具体步骤:如果是第一次使用,需要在npm官网注册一...
2019-11-21 09:40:35 952
转载 vue 调用微信分享 遇到的问题
1.安装cnpm install weixin-js-sdk --save-dev2.新建一个share.js,与main.js放在同一层级(我只是偷懒,方便调用)import wx from 'weixin-js-sdk'exports.install = function (Vue, options) { Vue.prototype.shareList = function (...
2019-11-20 17:15:14 566
转载 Module build failed: TypeError: this.getResolve is not a function at Object.loader (vue里sass问题)
Module build failed: TypeError: this.getResolve is not a function at Object.loader解决方法和原因如下当我在vue页面使用scss使用到scss时候就会报错运行scss的依赖都安装好了原因其实很简单sass-loader版本有问题 换成7.0.0版本就好在webpack.json中重新改一下版本,然...
2019-11-20 11:59:26 155
转载 js全屏操作之判断全屏
判断浏览器是否支持requestFullscreen首先是一段判断浏览器是否支持h5全屏api(requestFullscreen)的代码,如下 /** * [isFullscreenEnabled 判断全屏模式是否是可用] * @return [支持则返回true,不支持返回false] */ functio...
2019-11-14 16:30:40 1766
原创 requestFullScreen元素全屏显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #box{ width: 200px; height:200px; background: red...
2019-11-14 16:21:25 1039 1
转载 vue项目实现路由按需加载(路由懒加载)的3种方式
1. vue异步组件技术vue-router配置路由,使用vue的异步组件技术,可以实现按需加载。但是,这种情况下一个组件生成一个js文件。举例如下:{ path: '/promisedemo', name: 'PromiseDemo', component: resolve => require(['../co...
2019-11-12 14:10:21 1851 1
转载 window的location对象详解
window.location 对象不仅可以获得当前页面的地址 (URL),还能够将浏览器重定向到新的页面。在谷歌中搜索关键词"google",打开chrome的调试工具,在Console一栏中输入window.location,出现如下图所示(包含location的多个属性):接下来以http://www.myurl.com:8866/test?id=123&username=x...
2019-11-12 13:17:19 476
原创 vue里调用支付宝
let htmls = res.data.result.result const div = document.createElement('div'); div.innerHTML = htmls; document...
2019-11-11 17:22:07 1082
转载 vue(hash路由) 微信内浏览器进行支付宝支付,解决在浏览器中打开后,#后面的链接被截取的问题
<template> <div class="isWenxin-mask"> <div class="in-weixin" v-if="isWeixin"> <div class="not-pay" v-if="!payStatus"> <div class="weixin-tip"> ...
2019-11-11 17:20:13 813
转载 vue.js中微信公众号中支付宝支付失败bug解决办法
微信公众号中调用支付宝支付需要在浏览器中打开支付链接然后调用支付才可以。具体方法:1、文件2、我们使用的是post方法提交。下面是在vue.js中使用的方法总结1、创建alipay页面路由,调起浏览器支付提示页面。(样式太多,省略)<template> <div> <div class="J-weixin-tip weixin-tip" ...
2019-11-11 17:16:21 598
转载 Vue项目中微信公众号调用支付宝接口被屏蔽的解决方案(全)
支付宝官网给出了常规的解决方案,链接如下:https://docs.open.alipay.com/203/105285/一、添加alipay.vue页面需要将alipay.htm转换成一个vue页面,具体如下:<template> <div> <div class="J-weixin-tip weixin-tip" ref="myWei...
2019-11-11 17:13:33 1460 2
原创 vue项目--favicon设置以及动态修改favicon(浏览器顶部小图标)
动态更新favicon之前需要有一个默认的favicon。项目里会有一个static文件夹或者其它文件夹,存放静态文件。favicon图片放到该文件夹下。然后再index.html中添加:vue-cli2.0<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">vue-cli3.0...
2019-11-07 14:09:56 7353 5
转载 解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
Vue项目运行npm run build后会生成一个dist文件夹,我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面,这个index就是最后单页面的最终文件。问题一:我在打包完成后,打开index.html文件发现地址并没有携带路由。这样的话页面就是空白了,因为没有组件被添加到页面中。打开F12会看到一堆的红色failed请求。打...
2019-11-07 13:31:09 2557 1
原创 动态设置vue项目的浏览器标题
router.beforeEach((to, from, next) => { /* 路由发生变化修改页面title */ if (to.meta.title) { document.title = to.meta.title } next()})to.meta.title是我在路由里设置的每个页面的标题document.title 设置标题...
2019-11-07 13:19:18 528
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人