vue
LingRuiBin
我自飞扬临天下
展开
-
小程序流量主运营攻略
很多人都知道小程序是有广告的,每次打开时候,就能看到一个倒计时广告。进入页面后,还会看到视频广告,隔一会,也有一个弹窗广告。这些广告,都是微信平台推送的,对于小程序的所有者来说,这就是一笔收入来源。那么,如何去获得这些收入来源了,请看正文小程序运营的方法很多,主要是找对方式,这样效益才会最大化。原创 2023-03-01 12:18:42 · 1721 阅读 · 0 评论 -
vue控制一个页面只能播放一个音频或视频
控制一个音视频播放原创 2023-02-03 18:53:30 · 889 阅读 · 0 评论 -
js常用工具类
//获取url上的参数function getQueryString(name) {let reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”, “i”);let r = window.location.search.substr(1).match(reg);if (r != null) return unescape(r[2]);return null;}原创 2022-02-25 15:41:52 · 284 阅读 · 0 评论 -
vue项目使用history模式,打包部署到服务器根目录与二级目录的方法,防止刷新白屏404
版本介绍:vue:3.0vue-router:4.0路由模式:historyhistory模式优点:在用户看页面时,地址栏不会有 # 号,不仅美观,还对seo有很大作用一、部署到根目录这个方式比较简单,和你正常打包配置方式一模一样。打包时,vue.config.js中配置publicPath=’/'即可nginx配置:location / { try_files $uri $uri/ /index.html; }二、部署到服务器二级目录打包注意:publicPath对应服务器上的二原创 2021-09-27 12:33:44 · 1158 阅读 · 0 评论 -
nginx初入门笔记 ---二级域名访问页面
在了解了nginx后,我想要用二级域名访问页面。原配置如下: server { listen 8083; server_name api.lingding.site; root /usr/share/nginx/html; # Load configuration files for the default server block. include /etc/nginx/default.原创 2020-09-25 11:35:55 · 594 阅读 · 0 评论 -
使用calc()计算宽高错误
有时候会遇到calc()计算后的结果转为百分比。如cacl(100% - 580px) 会变为calc(-480%)。这种错误出现在less中使用。因为less的计算方式与calc有冲突。解决方案:calc(~“100% - 580px”)...原创 2018-11-19 17:37:41 · 2309 阅读 · 2 评论 -
点击按钮复制文字
此项目中使用的是clipboard.js 。官网:clipboard.js。项目使用的是vue方式引入:一、 npm install clipboard --save二、在自己需要的文件里引入import Clipboard from ‘clipboard’;三、按钮绑定点击事件 copyLink() { let _this = this; va...原创 2018-11-07 16:58:42 · 325 阅读 · 0 评论 -
vue 鼠标右击事件
使用@contextmenu.prevent即可原创 2018-10-24 17:30:01 · 28813 阅读 · 0 评论 -
百度地图定位后保存图片
百度地图提供的方法:http://api.map.baidu.com/staticimage/v2?ak=XXXyour_key&mcode=666666&center=116.403874,39.914888&width=300&height=200&zoom=11原创 2018-07-19 11:53:23 · 7729 阅读 · 0 评论 -
vue简单引入使用less
首先安装less与less-loadernpm install less less-loader其次配置loader。在base.config.js中新增rules{ test: /\.less$/, loader: "style-loader!css-loader!less-loader", },再次使用:<st...原创 2018-05-15 17:01:36 · 4697 阅读 · 0 评论 -
vue build 后资源路径不对
vue 打包后资源路径不对,本质是配置错误。在index.js中,要分开配置build 与dev时的路径。 图上是我的资源目录,图下是我的配置文件dev 下,不需改动配置,run dev 即可。 build时,将assetsPublicPath 的路径换成服务器上对应的根目录。 如我的项目在服务器上路径为XXx.hive.cn/vue/ 。直接访问XXx.hive.cn/vue/index.原创 2017-10-14 15:03:53 · 9831 阅读 · 0 评论 -
vue使用px2rem
做移动端时,适配 是必须的。使用rem单位,可在不同屏幕上完美显示相同的布局。px2rem 插件方便的将px单位转为了rem。 px2rem 地址:https://www.npmjs.com/package/px2rem 使用方式: 1、安装 npm install px2rem-loader 或者 cnpm install px2rem-loader 2、vue中配置 在bui原创 2017-09-14 10:58:10 · 22563 阅读 · 7 评论 -
Vue title 动态设置
为了使app或者微信等能够获得vue应用的标题,使用插件 vue-wechat-title 。 使用方式:npm install vue-wechat-title –save 在main.js中,设置全局使用 : Vue.use(require(‘vue-wechat-title’)); 页面的title 为固定时,可在app.vue中配置: 而动态设置title 时, 在需要原创 2017-09-05 17:36:08 · 1189 阅读 · 0 评论