![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 55
MR_ZC君
这个作者很懒,什么都没留下…
展开
-
在Vue项目中使用微信js-sdk
第一步、安装jssdk的库npm install weixin-js-sdk -S第二部、挂载到全局jssdk后续可能会在项目的多个页面中使用到,这里为了方便使用把它挂载到Vue的原型上import Vue from "vue"import jssdk from "weixin-js-sdk"//将sdk挂载到原型Vue.prototype.$wx = jssdk//如果有使用开放标签需要在此次设置,忽略vue的警告Vue.config.ignoredElements = ['wx-op原创 2021-05-18 23:44:56 · 4364 阅读 · 0 评论 -
vue打包上线的一些优化操作
最近在研究关于vue打包上线的一些东西,整理记录一下1、代码压缩在上线时对代码进行压缩,可以减少文件体积,文件加载速度更快,用户体验更好,同时压缩后的代码可读性变差,如果比较在意别人看你的源码,这个是很有必要的具体实现安装uglify-js-plugin插件npm i uglify-js-plugin -S -D配置插件在项目根目录下创建vue.config.js// 代码压缩插件const UglifyJsPlugin = require('uglify-js-plugin')mod原创 2021-03-26 15:51:42 · 277 阅读 · 0 评论 -
【Vue-仿照element-ui自己动手封装ui组件】—— alert、confirm 弹窗
概述很久之前就一直想要自己搭建一个个人博客,但下班回家的我只想做条咸鱼,这两天周末闲着没事干有想起了这件事,但从何下手?看了一下主流的几个ui框架挺好看的但大家都在用没有新鲜感,于是决定自己试着做一套试试水平有限,用到的方法、代码实现、风格等可能比较初级,仅作为学习分享,如有大佬路过还请多多指教实现alert和comfirm先看效果如图需求分析1、要能自定义弹窗标题、消息文本,弹窗按钮文本2、要支持全局的函数式调用,一处引入随从调用3、弹窗组件要有比较高的权重,覆盖在顶层却不能像普通组件一原创 2021-03-08 00:28:18 · 2326 阅读 · 1 评论 -
微信H5页面在iOS下自动播放音频
问题描述最近在做一个h5的婚礼请帖,其中有一个需求是在用户打开页面后自动播放背景音乐,第一时间想到的是在钩子函数中触发播放,比如在mounte中触发播放,但此方法在安卓和pc端可以播放换到ios就不行了解决方案监听"WeixinJSBridgeReady"事件,在事件触发后调用播放 document.addEventListener( "WeixinJSBridgeReady", function () { //播放 audio.play()原创 2021-01-31 21:06:20 · 600 阅读 · 1 评论 -
解决微信内置浏览器无法动态更新title的问题
1、问题描述最近在做微信网页开发遇到一个bug,在移动端动态改变title,但浏览器标题并未改变,开始以为是没有设置成功当在控制到打印,window.title 输出的结果是已经修改了2、问题成因在一番搜索后找到了具体成因以下引用原文内容由于微信浏览器只在页面首次加载时初始化了标题title,之后就没有再监听 window.title的change事件。所以这里修改了title后,立即创建一个请求,加载一个空的iframe,由于加载后立即就移除,也不会对页面造成影响,但这样微信浏览器上的titl转载 2021-01-31 13:34:14 · 1199 阅读 · 0 评论 -
mpvue关闭eslint
mpvue关闭eslint在项目根目录 > build > webpack.base.conf.js把下面这段内容注释掉module: { rules: [ // { // test: /\.(js|vue)$/, // loader: 'eslint-loader', // enforce: 'pre', // include: [resolve('src'), resolve('test')],原创 2021-01-23 17:26:47 · 289 阅读 · 0 评论 -
在vue项目中使用prismjs(网页代码高亮插件)
在vue项目中使用prismjs什么是prismjsprismjs是一款代码高亮美化插件,在一些技术博客类的网站中需要展示代码时,可以使用它类似与markdown的代码块,官网链接:https://prismjs.com/index.html怎么使用1、安装插件//安装prismjs 插件npm install prismjs -S//安装prismjs的编译器插件npm install babel-plugin-prismjs -D2、配置插件在项目下找到babel.config原创 2020-10-18 21:05:18 · 7830 阅读 · 4 评论 -
git 的初始化和常用命令
git 的初始化和常用命令使用前配置在使用齐纳需要先配置提交者的邮箱和名字git config --global user.name "自己的用记名"git config --global user.email "自己的正确的邮箱"查看配置信息git config --listgit使用的相关命令1、创建git仓库在需要用git管理的文件夹下执行git init2、文件提交到暂存区把fileName1.text和fileName2.txt添加到暂存区git add fil原创 2020-10-03 23:54:32 · 1414 阅读 · 0 评论