- 博客(37)
- 收藏
- 关注
RSS订阅原创 【next】Extra attributes from the server: mpa-version,mpa-extension-id
layout下面的标签添加。
2024-04-11 16:03:04
203
原创 vue2.7 jsx 搬迁vue3.0 jsx项目的一些点
最近公司在做低代码开发，由于公司做saas开发，搬迁了一个vue3.0的项目，vue3.0基本是ts+tsx+native开发，这边用了js+vue2.7 componentsAPI +jsx+el，下面写一些遇到的jsx使用点。
2023-06-02 14:54:53
291
原创 mongoDB配置本地数据库
下载 地址官网下载地址然后打开终端 open /usr/local把下载放在里面 mkdir data和log文件夹然后配置环境变量输入输入open -e .bash_profile 或者 vi ./.bash_profilePATH中加入"MONGODBHOME/bin:MONGODB_HOME/bin:MONGODBHOME/bin:PATH"然后执行： source .bash_profile 使修改生效。遇到了修改错误的情况 出现 sudo: mongod: command
2021-09-18 16:25:33
528
原创 vue3+typescript 3种获取dom元素的方式
第一种 getCurrentInstance() 这种较为麻烦<span ref="numberGrow" :data-time="time" class="number-grow" :data-value="value" >0</span >import { defineComponent, onMounted, getCurrentInstance } from 'vue'//填 any暂时没找到解决方案，
2021-08-17 15:15:35
3971
原创 typescript ts对document.activeElement.blur()的定义
if (document.activeElement instanceof HTMLElement) {document.activeElement.blur()}
2021-08-17 14:15:44
1467
转载 vue3 mapState、mapGetters、mapMutations、mapActions
转载的https://blog.csdn.net/weixin_40461134?spm=1001.2101.3001.5343
2021-08-06 11:04:42
538
原创 typescript 定时器的定义和Nodejs 未定义的解决方法
参考网上的解决方法 可以设置type interValueProps = NodeJS.Timer | nulllet Timer:interValueProps = setInterval(....但写上去报了 eslint 错误 ‘NodeJS’ 未定义 ‘NodeJS’ is not defined.eslint查了一下 有两种方法1. @typescript-eslint/parser@4导致这个问题。（相关提交：4d7265a）将其降级到 v3@typescript-eslint/
2021-08-04 09:14:23
2177
原创 vue3 数字滚动递增特效插件
vue2 很多都不好用，也不带ts，自己就随便写了一个<template> <div class="number-grow-warp"> <span ref="numberGrow" :data-time="time" class="number-grow" :data-value="value" >0</span > </div></template&g
2021-08-03 17:34:13
1480
原创 uniapp textarea在部分子组件内弹框placeholder-class placeholder-style 无效的问题
也是挺坑的。初始化的时候设置一个变量为false，打开的时候，给变量设置一个定时器即可
2021-07-08 10:12:59
1166
2
原创 vue3 setup里获取query params路由携带的参数
import { useRoute } from "vue-router";setup(){ const router = useRouter(); console.log(router); 通过router.meta里的参数获取}
2020-09-30 17:25:42
16396
8
原创 vue3 v-model的使用(多个 v-model 绑定)
//父组件setup(props) { const msg = ref("msg"); const foo = ref('123') return{ foo,msg }}<!--父组件--!>{{modelValue}} {{msg}} <HelloWorld v-model:foo="modelValue" v-model:message="msg"></HelloWorld> <!--子组件--!> <input
2020-09-30 17:23:27
8643
原创 provide / inject的使用
provide / inject和props相似，不过前者是直接在父组件定义provide，在任意层级的子组件定义props//父组件 provide() { return { indexM: this, //实例 可直接使用 selectByCorpIds: this.selectByCorpIds, //方法 可直接调用 state: this.state, //对象 //可同时改变父子组件值 getcount: this.counts //
2020-09-14 11:07:57
332
原创 Vue observable
observable官方用法// <el-button type="primary" @click="onSave">{{state.count}}</el-button>this.state = Vue.observable({ count: 0 });state: nullonSave() { this.state.count++; ------- 这样创造对象，好像可以避免$set的使用或者在vuex进行对象式响应...
2020-09-14 10:02:53
128
原创 vuex 的 model mapActions persistedState的基础使用
vuex vue的状态管理器//一般分为 state getter mutation action创建model创建一个login文件// stateconst state = { number: 10, }const getters = { number: (state) => state.number}// n为传递的参数const mutations = { add(state, n) { state.number += n },}// ac
2020-09-07 17:02:35
195
原创 vue-cli3 webpack build多个环境的方法
首先在根目录下 创建.env.env.development.env.production在packjson创建 "build": "vue-cli-service build --mode production", "build:alpha": "vue-cli-service build --mode development", // 在.env.development 写入NODE_ENV = "development"VUE_APP_URL = "alpha"
2020-07-30 17:45:29
563
原创 filter的使用
html<div> {{ 02 || leaveTypeFilter }}</div> //事假 filters: { leaveTypeFilter(val) { const obj = { "01": "年假", "02": "事假", "03": "病假", "04": "调休", "05": "产假", "06": "陪产假",
2020-07-24 15:31:39
75
原创 前端AES加密
cnpm install crypto-jsimport CryptoJS from 'crypto-js/crypto-js'// 默认的 KEY 与 iv 如果没有给// const KEY = CryptoJS.enc.Utf8.parse("23ae5617g4hbfc8d");const KEY = CryptoJS.enc.Utf8.parse("12345678abcdefgh");const IV = CryptoJS.enc.Utf8.parse('');/** * AES
2020-07-24 14:25:21
449
原创 react通信的几种方式
父组件向子组件通信父组件向子组件传递 props，子组件得到props然后进行相应的处理调用方法同理 this.props.methods子组件向父组件传递参数子组件用父组件的方法，把值传递过去子父父元素用子元素的方法。通过ref获取父...
2020-07-20 15:36:00
173
原创 网易云音视频多人通话webRTC的实现（接）。
vue写的首先index.html进行引入在页面进行初始化mounted或者created进行初始化首先初始化nim官网上有一堆api 复制就可以了在onsyncdone 函数下 初始化 webRTC 具体看文档即可这里具体是单人点对点通话用的，多人用不到，多人用到下面的在nmi上又一个oncustomsysmsg 收到自定义通知以获取到后台所需要的sessionid（房间号） 和别的参数（userid等），和后台进行商量，我拿到数据如下后面就简单了 加入房间打开摄像头
2020-05-19 14:28:29
720
原创 react umi传入外部js
新建html5模版新建 src/pages/document.ejs写入你所需要传入的js即可<!doctype html> Your App
2020-05-14 14:29:08
4614
原创 各类封装整合
/** * 防抖函数 */export const debounce = (handler, delay) => { var timer = null; return function () { var _self = this, _arg = arguments; clearTimeout(timer); timer =...
2020-01-17 17:09:02
149
原创 防抖函数（多少秒执行一次）
/** * 防抖函数 */export const debounce = (handler, delay) => { var timer = null; return function () { var _self = this, _arg = arguments; clearTimeout(timer); timer =...
2020-01-17 17:08:04
1102
原创 localstroage封装
/** * 获取localStorage */export const getStore = name => { if (!name) return; return window.localStorage.getItem(name);}/** * 删除localStorage */export const removeStore = name => {...
2020-01-17 17:06:50
148
原创 日期
/** * 转换日期格式 * @param format可以为 / ~ '' - 等字符或字符串 */export const transDate = (value, format) => { if (!value) { return '' } let time = new Date(value); let year = time.ge...
2020-01-17 17:06:10
83
原创 js手机号 身份证 数字各种正则校验
/** * 手机号码校验 * 返回值: true/false */export const mobileCheck = value => { let reg = /^1[0-9][0-9]{9}$/; let result = reg.test(value); return result}/** * 电话号码校验 * 返回值: true/false...
2020-01-17 17:04:28
295
原创 将字符串转换为金额
/** * 将 字符串/数字 转成 金额格式 * @param cash 要转换的金额(String 或 Number) * @param thousand 可选 是否使用千分位(默认false) * @param fixed 可选 保留小数位数 默认2位 四舍五入 * @param round 可选 对于小数位数超过部分 是否四舍五入 false则末尾去除 默认false */ex...
2020-01-17 16:59:56
1413
原创 日期对象转换成日期
/** * 将 日期对象/日期time数值 格式化为 字符串 形式 日期对象转换为 2010-10-21 * @param date 要格式化的 日期对象/日期time数值 * @param fmt 格式化形式 默认 年-月-日 时:分:秒 */function formatDate(date, fmt) { date = date == undefined ? new D...
2019-12-13 10:56:56
327
原创 hash和history的区别
hash模式地址栏url中的#符号，hash虽然出现在url中，但不会被http请求，对后端没有影响，因此改变hash值不会重新加载页面，history模式利用了HTML5的新增的pushState()和replaceState()方法，都会应用于浏览器的历史技术栈，在当前已有的back，go，forward基础上提供了对历史记录修改的功能，当执行修改时，虽然改变了当前的url，但浏览器不会...
2019-11-25 23:24:03
79
1
原创 融云直播聊天室弹幕表情功能
//老板要求加入表情功能 看下文档emoji(){ var RongIMEmoji = RongIMLib.RongIMEmoji; var config = { size: 18, url: '//cdn.ronghub.com/emojis-hd.png?replace', // 传入服务器路径 /...
2019-09-18 17:42:54
807
原创 微信浏览器禁止上下拖动
document.body.addEventListener('touchmove', function(evt) { //In this case, the default behavior is scrolling the body, which //would result in an overflow. Since we don't want that, w...
2019-09-12 16:17:21
873
原创 小程序保存图片到本地（封装）
function getsttingImage(url){ return new Promise((reslove,reject)=>{ if(url){ wx.showLoading({ title: '保存中', mask:true }) wx.getSetting({ ...
2019-09-06 11:06:26
220
转载 forEach()和map()的区别和理解 (转载)
最近公司要求做 视频直播功能 附带聊天室 今天就来记录一下首先引进所需要的Js融云技术文档https://www.rongcloud.cn/docs/web.html#prepare由于融云的封装使用的是jquery 所以这里也用到了jquery,原本使用单html写的，但是因为跨域问题，所以选择了vue，融云直播所需要的参数// 从后端接口获取 var appInfo...
2019-09-04 00:07:16
165
原创 抖音评论功能简单实现 （小程序版）
最近要写一个短视频直播小程序 记录一下评论功能的实现首先接口返回部分原先评论列表接口（第一种 返回一级分类。 第二种传一级分类id 返回二级分类数据）is_child_comment 是否展示更多评论secondList 二级分类列表点击评论列表接口 会返回二级评论的idwxml部分 <scroll-view scroll-y style="height: 64...
2019-08-30 15:42:26
8373
5
原创 小程序保存视频到本地（封装）
function getVideoStting(url) { return new Promise((reslove, reject) => { if (url) { wx.showLoading({ title: '保存中', mask: true }) wx.getSetting({ succ...
2019-08-30 11:38:11
5598
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人