MR_ZC君-CSDN博客

原创在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 4294

原创 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 267

原创【Vue-仿照element-ui自己动手封装ui组件】—— alert、confirm 弹窗

概述很久之前就一直想要自己搭建一个个人博客，但下班回家的我只想做条咸鱼，这两天周末闲着没事干有想起了这件事，但从何下手？看了一下主流的几个ui框架挺好看的但大家都在用没有新鲜感，于是决定自己试着做一套试试水平有限，用到的方法、代码实现、风格等可能比较初级，仅作为学习分享，如有大佬路过还请多多指教实现alert和comfirm先看效果如图需求分析1、要能自定义弹窗标题、消息文本，弹窗按钮文本2、要支持全局的函数式调用，一处引入随从调用3、弹窗组件要有比较高的权重，覆盖在顶层却不能像普通组件一

2021-03-08 00:28:18 2254 1

原创微信H5页面在iOS下自动播放音频

问题描述最近在做一个h5的婚礼请帖，其中有一个需求是在用户打开页面后自动播放背景音乐，第一时间想到的是在钩子函数中触发播放，比如在mounte中触发播放，但此方法在安卓和pc端可以播放换到ios就不行了解决方案监听"WeixinJSBridgeReady"事件，在事件触发后调用播放 document.addEventListener( "WeixinJSBridgeReady", function () { //播放 audio.play()

2021-01-31 21:06:20 588 1

转载解决微信内置浏览器无法动态更新title的问题

1、问题描述最近在做微信网页开发遇到一个bug,在移动端动态改变title，但浏览器标题并未改变，开始以为是没有设置成功当在控制到打印，window.title 输出的结果是已经修改了2、问题成因在一番搜索后找到了具体成因以下引用原文内容由于微信浏览器只在页面首次加载时初始化了标题title，之后就没有再监听 window.title的change事件。所以这里修改了title后，立即创建一个请求，加载一个空的iframe，由于加载后立即就移除，也不会对页面造成影响，但这样微信浏览器上的titl

2021-01-31 13:34:14 1157

原创 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 283

原创在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 7691 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 1378

转载 textarea标签内容为（英文或数字不自动换行）的解决方法

textarea 显示一串英文时不会发生换行。以下是两种解决方法：1、限制textarea的大小width 设置为 00px （不要设置为00%）cols 设置为 30+ （也有类似效果）2、设置cssword-break:break-all; word-wrap:break-word; 强制换行，以单词为分解。word-break:break-all; 强制换行以最后一个单词...

2020-10-03 23:41:16 1356

原创 linux下启动node服务出现events.js:167 throw er； // Unhandled ‘error‘ event 的解决方法

linux下启动node服务出现events.js:167 throw er; // Unhandled ‘error’ event 的解决方法pi@raspberrypi:~/ftp/files/node_nmusic $ node index.js events.js:167 throw er; // Unhandled 'error' event ^Error: listen EACCES 0.0.0.0:80 at Server.setupListenHand

2020-10-01 01:23:54 1203 1

原创 Ubuntu上安装mysql数据库

安装命令sudo apt-get installmysql-serversudo apt-get install mysql-clientsudo apt-get install libmysqlclient-dev安装完成输入sudo netstat -tap | grep mysql如图证明安装完成

2020-09-23 20:55:09 54

原创 Node express的简单使用

Node express的简单使用（笔记）第一步，安装express模块：npm install express --save第二步，引入模块const express = require("express")第三步，创建实例const app = express();第四部，处理url请求//拦截处理"/"的get请求app.get("/",(req,res)=>{ //res.send可以解释：对象,字符串，布尔类型，布尔，HTML片段会会自动解析 res.send("

2020-09-21 18:02:16 489 1

qq_33625873的博客