前端_李嘉豪

如何搭建一个vue3.0基础项目？一、我们要确保vue/cli版本在4.5.0以上，才能更好的支持3.0//安装最新vue/cliyarn global add @vue/cli //或npm install -g @vue/cli用vue -V查看安装的版本号检验是都成功安装。二、通过vue/cli3创建我们的第一个项目vue create your-project ? Please pick a preset: (Use arrow keys) default (babel

mqtt是什么？MQTT是一个轻量级传输协议，它被设计用于轻量级的发布/订阅式消息传输，MQTT协议针对低带宽网络，低计算能力的设备，做了特殊的优化。是一种简单、稳定、开放、轻量级易于实现的消息协议，在物联网的应用下的信息采集，工业控制，智能家居等方面具有广泛的适用性。谁发布，谁订阅？MQTT服务器类似一个公告栏，里面张贴了各种广告。张三跑过来说，凡是涉及足球的（/public/TEST/Soccer）的都发给自己（订阅）第二天，李四过来贴广告了，主题是（/public/TEST/Socc

html2canvas使用时，有一种场景，我们截图的时候有些元素我们不需要保留，所以文档中就提到了一个属性。html2canvas文档https://www.pianshen.com/article/641826799/文档上写清楚了 ignoreElements可以遍历元素删除匹配的元素，接下来就讲一下两种使用方式。使用方式一<div class="btn">点击截图</div> <div id="targetDom" class="main">

CharlesCharles是一个HTTP代理/ HTTP监视器/反向代理，它使开发人员能够查看他们的机器与Internet之间的所有HTTP和SSL / HTTPS通信。这包括请求、响应和HTTP报头(其中包含cookie和缓存信息)。Charles的常用功能 抓包 修改网络请求参数和响应结果 重定向网络请求 模拟慢速网络，2g、3g、4gCharles官网地址https://www.charlesproxy.com/功能使用抓包开启http抓包Proxy -> m

公众号的code其实前后端都可以获取这个可以根据实际情况去决定第一步：用户同意授权，获取codelet appurl = document.URL;let encodeUrl = encodeURIComponent(appurl)let url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + base.wxAppID + '&redirect_uri=' + encodeUrl + '&respons

一、设置代理第一个我们设置为*代表抓区所有433代表我们可以抓https协议的接口二、下载配置证书地址: https://www.charlesproxy.com/documentation/additional/legacy-ssl-proxying/下载过证书之后,请选择始终信任三、开始抓包我们直接用电脑打开我们想请求的页面即可以上我们就可以实现我们要的功能了喜欢上方小程序,需要源码的,私信小编留下邮箱。...

平时我们想将本地代码提交并生成git项目,以下几个步骤即可完成步骤一:如果本地代码里有以关联仓库,我们 command+sheft+.查看隐藏文件并删除git文件.步骤二:删除git文件之后,我们执行 git init 初始化本地项目,你会发现又出现一个git文件夹.步骤三:初始化之后,我们执行 git remote add origin xxxxxx(远程仓库地址) 创建远程仓库并建立关联.步骤四:建立好关联之后,其实就跟我们平时提交代码的操作一样了git add .git commit

horizontal-tb：水平方向自上而下的书写方式。vertical-rl：垂直方向自右而左的书写方式。vertical-lr：垂直方向内内容从上到下，水平方向从左到右。sideways-rl：内容垂直方向从上到下排列。使用方法div { writing-mode: vertical-rl;}<div> <p>同在屋檐下，</p> <p>惟有偶遇。</p> <p>犹如白驹过隙，</p>

为了方便广大的开发者，特此统计了网上诸多的免费API，为您收集免费的接口服务，做一个API的搬运工，以后会每月定时更新新的接口。有些接口来自第三方，在第三方注册就可以成为他们的会员，免费使用他们的部分接口。地址: https://github.com/fangzesheng/free-api喜欢上方小程序,需要源码的,私信小编留下邮箱。...

onShareAppMessage是实现微信小程序分享功能的方法Page({ //分享页面 onShareAppMessage: function () { var that = this; return { title: '分享页面', path: '/pages/index/index?id='+that.data.id, } }})title:是我们分享出去页面的标题,path:是我们分享页面的路径,平时我们分享是会遇见一些问题

小编也是最近遇到得一个坑，因为换了台电脑，从新拉下来得代码install就报错npm run dev 也会报错如下小编也是百度好久终于知道了问题得所在，是因为node-sass版本较低找不到node-sass里得一个文件，那么解决办法就来了，先把node_modules包给删除了，然后在项目目录下cmd 把node-sass给配置一下最新版本npm i node-sass -D 配置好以后我再在进行cnpm install 这样项目配置下来就不报错了接下来直接运行项目 npm run d

需求是这样的A=>B页面,在B页面修改A页面data里的数据首先我们要使用 pgetCurrentPages() 方法获取当前页面栈,数组中第一个元素为首页，最后一个元素为当前页面A页面数据Page({ data: { name:'张三' },})B页面修改let pages = getCurrentPages();//当前页面let prevPage = pages[pages.length - 2];//上一页面console.log(prevPage)prev

秒数格式化为分秒num 秒数return {string} 分秒function formatSeconds (value){ var secondTime = parseInt(value); // 秒 var minuteTime = 0; // 分 var hourTime = 0; // 小时 if (secondTime > 60) { minuteTime = parseInt(secondTime / 60); secondTime = pars

效果:直接使用小程序的swiper组件就可以实现我们要的效果,但是我们注意swiper的高度问题,这是一个坑!先贴上代码<view class="swiper-box"> <swiper current="{{currentNum}}" bindchange='onChange' style='height:{{Hei}}' previousMargin="60rpx" nextMargin="60rpx"> <swiper-i

1,使用keep-alive标签<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view></keep-alive><router-view v-if="!$route.meta.keepAlive"></router-view>2,router配置缓存页面开关 { // 模板列表 path: 'temp

直接上代码了 <van-uploader :file-list="fileList" multiple result-type="file" :after-read="handleUpload" /> methods: { async handleUpload(event) { this.$loading.open('上传中') let { ro