前端
前端
淡忘_cx
热爱技术的普通人
展开
-
【腾讯IM前端使用】uni.app开发微信小程序直播间 - 登录进群和匿名进群(匿名进群不可发言)
【代码】【腾讯IM前端使用】uni.app开发微信小程序直播间 - 登录进群和匿名进群(匿名进群不可发言)原创 2023-02-09 17:20:52 · 549 阅读 · 0 评论 -
网站,小程序一键设置成灰色样式
【代码】网站,小程序一键灰色样式。原创 2022-12-01 10:05:43 · 277 阅读 · 0 评论 -
JS对URL进行编码和解码
【代码】JS对URL进行编码和解码。原创 2022-10-21 15:09:48 · 408 阅读 · 0 评论 -
生成安卓证书【适用uni.app】
开发版 SHA1:是指在开发调试时,从 Android Studio 或者 Eclipse 中直接运行的APP在打包时使用了开发工具默认的开发版(debug)签名文件,开发版签名文件对应有唯一的 SHA1。发布版 SHA1:是指在提交测试或发布时,APP 签名打包过程中选择的指定签名文件,一般此签名文件为开发者或者开发团队持有,与具体的开发工具无关,发布版签名文件同样也对应有唯一的 SHA1。在 AndroidStudio 中的 Terminal 中使用 keytool 命令获取。发布版 SHA1。原创 2022-10-17 10:22:11 · 389 阅读 · 0 评论 -
生成android 证书
开发版 SHA1:是指在开发调试时,从 Android Studio 或者 Eclipse 中直接运行的APP在打包时使用了开发工具默认的开发版(debug)签名文件,开发版签名文件对应有唯一的 SHA1。发布版 SHA1:是指在提交测试或发布时,APP 签名打包过程中选择的指定签名文件,一般此签名文件为开发者或者开发团队持有,与具体的开发工具无关,发布版签名文件同样也对应有唯一的 SHA1。在 AndroidStudio 中的 Terminal 中使用 keytool 命令获取。发布版 SHA1。原创 2022-10-17 10:17:37 · 2524 阅读 · 0 评论 -
uni.app流量主激励视频调用(示例为抖音小程序)
为了保证不重复调用广告组件,我们在全局app.vue文件引入,赋值到公共实例上app.vue文件<script> import * as config from '@/utils/config.js' //引入全局实例 export default { // onLaunch: function () { // console.log("App Launch"); // }, // onShow: function () { // console.log("A原创 2022-05-05 13:35:19 · 2556 阅读 · 0 评论 -
前端常用正则
前端常用正则[{名字: '火车车次',正则: /^[GCDZTSPKXLY1-9]\d{1,4}$/,示例: ['G1868', 'D102', 'D9', 'Z5', 'Z24', 'Z17']},{名字: '手机机身码(IMEI)',正则: /^\d{15,17}$/,示例: ['123456789012345', '1234567890123456', '12345678901234567']},{名字: '必须带端口号的网址(或ip)',正则: /^((ht|f)tps?原创 2022-02-22 14:30:27 · 534 阅读 · 0 评论 -
pinia 简介与简单使用
Pinia 是什么?Pinia 是一个用于 Vue 的状态管理库,类似 Vuex, 是 Vue 的另一种状态管理方案Pinia 支持 Vue2 和 Vue3常见问题关于该项目和可能问题的几点说明:问:这是否取代了Vuex,是它的继任者吗?答:不,或者至少这不是主要意图问:动态模块呢?答:动态模块不是安全的类型,因此我们允许创建不同的商店,可以在任何地方导入Pinia 优势符合直觉,易于学习极轻, 仅有 1 KB模块化设计,便于拆分状态安装 Piniayarn add pinia@原创 2022-02-09 17:37:47 · 1701 阅读 · 0 评论 -
tinymce 富文本自定义上传图片接口,并设置图片宽度(100%)解决小程序适配问题
组件<template> <div class="editor"> <TinymceEditor v-model="myValue" :init="completeSetting" :disabled="disabled" /> </div></template><script setup>import { goodsAlbumFilesUploadImage } from '@/api/com原创 2022-01-25 11:08:26 · 3081 阅读 · 0 评论 -
微信扫码登录非静默登录方式
第一步引入微信js <script type='text/javascript' src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>调出微信二微码 // 从微信的开发文档不难看出回调域名需要经过encodeURIComponent处理 var obj = new WxLogin({ self_redirect: false, // 扫码后默认重新打开的原创 2021-12-31 09:59:29 · 482 阅读 · 0 评论 -
vue3获取url后面参数
获取url参数例如http:www.fyi.com?a=321&b=yui方法let a = router.currentRoute.value.query.alet b = router.currentRoute.value.query.b原创 2021-12-31 09:55:20 · 3281 阅读 · 0 评论 -
vue3,vue2使用clipboard进行复制
1.安装依赖npm install --save vue-clipboard32.使用 <van-button square text="复制" type="success" class="delete-button" @click='clickBtn(value)'/>vue3<script>import { defineComponent } from '@vue/composition-api'import useClipboard from 'vue-cl原创 2021-12-09 09:23:43 · 2613 阅读 · 1 评论 -
Vue 获取自定义时间范围 今天,昨天,一个月,仨月等,时间处理
moment.js是一款现在对时间处理的强大的函数,如果没有安装的话先执行npm install moment<template> <a-select @change="changeRecent"> <a-select-option value="3"> 近 3 天 </a-select-option> <a-select-option value="7"> 近 1 周 </a原创 2021-12-07 17:40:29 · 722 阅读 · 0 评论 -
根据窗口大小设置宽高
高(宽换个属性即可):style="{height: myHeight}"data() { return { myHeight: (window.innerHeight - 200) + 'px' } }, mounted() { // 注:window.onresize只能在项目内触发1次 window.onresize = function windowResize() {原创 2021-10-11 16:01:00 · 170 阅读 · 0 评论 -
微信服务号一键登录
getCode () { // 非静默授权,第一次有弹框 this.code = '' var local = window.location.href // 获取页面url var appid = 'wxefd7' this.code = this.getUrlCode().code // 截取code if (th原创 2021-09-17 22:56:59 · 266 阅读 · 0 评论 -
windows下搭建vue项目环境加创建项目超详细小白步骤!
1. 第一步安装node.js官网:https://nodejs.org/zh-cn/2.下载好按步骤安装“推荐都默认”3.点开运行调用出cdm输入node -v npm -v 出现版本号就是安装完成了注意不要乱升级npm 以免造成问题 下面是官方对应的版本,安装node.js自带npmhttps://nodejs.org/zh-cn/download/releases/为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/输入:npm in原创 2021-06-08 14:26:20 · 18901 阅读 · 0 评论 -
如何在uni-app使用vuex如何将vuex模块化!
一、使用vuex由于uni-app已经内置了vuex,所以只要正确引入就好了。1、在项目的根目录下,创建一个名为store的文件夹然后在该文件夹下创建一个index.js的js文件2、在该js文件下定义公共的数据以及方法函数,并且把它导出import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: {}, mutations: {}, acti原创 2021-05-18 15:50:33 · 19137 阅读 · 0 评论 -
项目上线流程
第一步文件底部创建下面文件夹:vue.config.jsmodule.exports = {publicPatb:'./xxx'}备注1. npm run build 打包代码2.把代码给后端3后端把前端代码放入后盾工程4.后端重启服务*容易出现问题的就是下面的配置...原创 2021-02-25 20:39:44 · 18363 阅读 · 0 评论 -
前端常用获取后端请求方法(request·axios)
1.uni-app request请求uni.request({ url: 'http://localhost/myUniApp/php/login.php', //仅为示例,并非真实接口地址。 data: {//参数 rawData: rawData, code: loginRes.code }, header: { 'custom-header': 'hello' //自定义请求头信息 }, method:'POS原创 2021-02-25 07:19:15 · 20233 阅读 · 1 评论 -
对接后端登录接口封装(参考)
前端<template> <div class="wrapper"> <img class="wrapper__img" src='http://xx/user.png' /> <div class="wrapper__input"> <input class="wrapper__input__content" placeholder="用户名" v-model="user原创 2021-02-23 11:35:45 · 18561 阅读 · 0 评论 -
调用后台数据并封装接口(附近店铺为例)
前台<template> <div class="nearby"> <h3 class="nearby__title">附近店铺</h3> <div class="nearby__item" v-for="item in nearbyList" :key="item._id" > <img :src="item.imgUrl" class="nearby__item原创 2021-02-23 11:28:01 · 133 阅读 · 0 评论 -
axios.post-前后端对接参考(登录)
<template> <div class="wrapper"> <img class="wrapper__img" src="http://x'x'x.png"/> <div class="wrapper__input"> <input class="wrapper__input__content" placeholder="用户名" v-model="data.usern原创 2021-02-22 15:54:50 · 656 阅读 · 0 评论 -
vue数组创建与遍历组件模块
例子:<template> <div class="docker"> <div v-for="(item, index) in dockerList" :class="{'docker__item': true, 'docker__item--active': index === 0}" class="docker__item " :key="item.icon" > <div cla原创 2021-02-20 17:57:53 · 18666 阅读 · 0 评论 -
Reacr生命周期函数,流程图和知识总结。
关系流程图总结1.声明周期函数是根据组件来说的,不管是父组件还是子组件他们里面都有自己的生命周期函数。2.当组件第一次渲染的时候叫”Mounting”叫做挂载过程,依次执行”componentWillMount","render” ,”componentDidMount”。挂载流程就结束了。3.如果改变了父组件就会执行图“states”下函数。4.当子组件接收函数发生变化会多执行一个生命周期函数”componentWillReceiveProps”5.当一个组件被移除时候会执行”compone原创 2021-01-21 19:37:01 · 18412 阅读 · 0 评论