- 博客(46)
- 收藏
- 关注
RSS订阅原创 uniapp websocket的使用和封装
在uniapp中socket分为两种形式，第一种适用于只有一个socket链接，第二种适用于多个socket链接。这里以socketTask为列子封装。
2023-12-19 11:13:03
3896
原创 uniapp app端选取（上传）多种类型文件
创建一个hybrid，来搞的选取文件，这种可以兼容多端，但是返回的还是一个blob不知道可以不可以在里面通过 new File来搞，
2023-11-02 18:44:37
3194
原创 uniapp使用@microsoft/signalr（报错“ReferenceError: require is not defined“）
后台老哥要用微软的signalr，总结了一些经验和问题。
2023-09-07 11:42:02
2870
原创 uniapp 封装自定义导航栏
我这里直接把全部代码扔上去了，主要思路就是flex布局,然后中间的模块通过定位居中，这样就不会被胶囊影响到，导航栏高度就等于状态栏+胶囊高度，APP的就是状态栏+自己给个固定高度。这里胶囊宽度我是直接用windowWidth减去left。主要用到两个，设备系统信息和胶囊按钮信息。
2023-08-28 18:56:13
673
原创 2023 面试题vue2、vue3篇（持续更新）
对象在栈中存储的都是地址，函数的作用就是属性私有化，保证组件修改自身属性时不会影响其他复用组件。
2023-03-10 10:15:49
1497
原创 2023 面试题js、es6篇（持续更新）
闭包是指能够访问另一个函数作用域中的变量的一个函数。在js中，只有函数内部的子函数才能访问局部变量， 所以闭包可以理解成 “定义在一个函数内部的函数”。任何变量都存在于某个执行上下文中（也称为作用域）。这个上下文（作用域）决定了变量的生命周期，以及它们可以访问代码的哪些部分。1、执行上下文分为：全局上下文、 函数上下文、 块级上下文2、代码执行流每进入一个新上下文，都会创建一个作用域链，用于搜索变量和函数。
2023-03-09 20:48:45
913
1
原创 vue透传 Attributes，$attrs
这时候我们想在外面使用input的的属性在vue2中，需要在子组件添加一个v-bind=“$attrs”，而在vue3中则不需要，我们可以直接使用我们可以看到，属性、class、style和id，都会被接收。
2023-02-14 17:09:34
428
原创 Vue3中的defineProps、defineEmits、defineExpose（记录）
子组件暴露自己的属性或事件（或理解为触发子组件事件）用于子组件触发父组件事件，可通过参数传值。用于子组件接收父组件的值。
2022-11-24 17:10:18
672
1
原创 前端请求出现 net::ERR_BLOCKED_BY_CLIENT
多为图片请求，找一下浏览器是否有第三方拦截插件，一般是被作为广告拦截给拦截掉了。
2022-11-07 15:35:03
466
1
原创 uniApp tabbar页面通过浏览器或物理按键返回至首页
window.history.pushState(null, null, ); window.addEventListener("popstate", function() { uni.switchTab({ url: '/pages/home/index' }); }, false)
2022-05-16 10:30:08
1157
3
原创 uniApp使用GoogleMap规划多个目的地路线
背景：项目中需要导航至多个目标网点，并规划路线这里搞出来了两种方案，一种内嵌式，一种通过链接跳转内嵌式，通过web-view<template> <web-view :src='src'></web-view></template><script> export default { data() { return { src: '../../static/map.html' } }, onLoad(
2022-05-15 12:20:04
1448
1
原创 nvm的基本使用
标题nvm是一个版本管理工具，可以方便的切换node版本下载地址一般选择手动安装，下载nvm-setup.zip就好了注意下载前删除之前已经安装的node，使用默认路径就好，更改的话会有莫名奇妙的错然后找到小黑框nvm ls available 查看current：为当前最新的版本LTS：为稳定版本然后我们可以安装多个nvm install +版本号通过nvm ls来查看当前版本，*为当前版本通过 nvm use +版本号来切换，完事了但是不知道为什么，这必须要通过管理员来
2022-05-06 16:58:57
798
1
原创 uniApp h5项目通过命令行打包，并生成指定路径、文件名称
需求：想要自动化部署uni项目，平常的uni项目是通过可视化构建，导致我们的自动部署成了半自动，非常不爽，于是就找到了下面这种方法首先，用hb新建一个项目然后，通过cli新建一个项目文档vue create -p dcloudio/uni-preset-vue my-project可以先运行下cli的项目，可能会有一些问题，Error: Cannot find module ‘webpack/lib/RuleSet‘这种报错，两种可能性1、降低cli版本npm uninstall -g
2022-05-06 16:57:45
10605
6
原创 uniApp获取当前页面标题
let pages = getCurrentPages();//页面示例 let page = pages[pages.length - 1];//当前页面实例 let currentPageTitle = page.$holder.navigationBarTitleText;//当前页面标题
2022-04-26 10:48:01
3489
2
原创 vue3 简单封装GoogleMap组件
关于支持vue3的GoogleMap，暂时推荐两种vue3-google-mapvue3 google maps大家有较好的推荐欢迎交流我这里选用的第二种npm install -S @fawmi/vue-google-maps然后再main中引入// google-mapimport VueGoogleMaps from '@fawmi/vue-google-maps'app.use(VueGoogleMaps, { load: { key: 你的Google map ke
2022-04-13 16:49:53
2124
1
原创 ElementPlus 表格默认选中失效
背景：需要标签和table选中做联动proxy.$nextTick(() => {checkStationTable.value.toggleRowSelection(item, undefined)}）同样为table绑定ref，首次进去为undefined，我们就判断一手他的length，正常来说上面这种就可以了，然鹅我这并不管用，然后用了uni中的终极办法，setTimeout,就OK了if (checkStationTable.value.length != 0) {
2022-03-23 10:47:38
1351
原创 ElementPlus table内select选择后导致当行的CheckBox选中消失
背景：在table内select选中后，绑定当前行的值，select的选择会导致所有的选中消失 v-model="scope.row.checkUserUid"解决：为table绑定ref，为select绑定选中事件，每次选中触发checkStationTable.value.toggleRowSelection()...
2022-03-23 10:04:43
801
原创 Element plus 部分组件组件数据更新，页面没有更新
最近用到了Tabs 标签页 <el-tabs ref="tabs" v-model="data.activeName" type="card" class="demo-tabs" @tab-click="checkTab" > <el-tab-pane v-for="item in statusList" :key="item.value" :name="item.value"> <
2022-03-18 13:47:44
1244
1
原创 记录常用数组对象处理
记录两个网址1loc30secondsofcode数组对象保留指定属性let objArr= [ { id: 1, time: 1, txt: 1 }, { id: 1, time: 1, txt: 1 }, { id: 1, time: 1, txt: 1 } ] let newArr = data.objArr.map((item) =
2022-02-17 15:10:46
152
原创 vue 实现语音播报
近日又遇到一个需求，需要语音播报，举例：扫码枪扫描条形码，滴~入库成功我这里使用的是speak-tts，传送门npm install speak-tts封装为全局方法import Speech from 'speak-tts'const speech = new Speech() // will throw an exception if not browser supportedif (speech.hasBrowserSupport()) { // returns a boolean
2022-01-03 11:09:11
2129
原创 vue 实现静默打印、打印预览
近日遇到需求，需要实现静默打印，经过多方百度，发现了露肚皮（Lodop）这个第三方，官网demo。我们新建一个print文件将他做成组件引入print.js//==本JS是加载Lodop插件及CLodop服务的综合示例，可直接使用，建议看懂后融进自己页面程序==var CreatedOKLodopObject, CLodopIsLocal, CLodopJsState//==判断是否需要CLodop(那些不支持插件的浏览器):==export function needCLodop() {
2022-01-03 10:53:02
7153
原创 快速删除node_modules文件夹
快速删除node_modules文件夹解决方法：使用npm的一个名为rimraf的模块进行删除官方描述：The UNIX command rm -rf for node，即node环境下模拟unix或者linux下的rm -rf（强制删除命令）安装（推荐全局安装）npm install -g rimraf使用：rimraf node_modules...
2021-12-08 11:07:03
494
原创 初探vue3--setup
初探vue3–setup（作为记录，不正确的地方欢迎指出）这里使用的是Vite构建的项目npm init @vitejs/app后面跟着指示操作就OK了。vue3中专门为组件提供的新属性.它为我们使用vue3的Composition API 新特新提供了统一的入口.之前定义的data,methods等都统一放入setup中实现。（Composition API没有深入了解过，我理解为vue中的很多功能拆分成了一个一个的hook，然后将他们组合起来便形成了vue3的composition api
2021-11-16 15:30:48
1509
原创 uni-App打包ios后白屏
打包后白屏原因众多，大部分是因为某个地方阻塞，若初始界面就白屏可以从main.js开始排查。而我这是因为国际化的原因let locale ;if(uni.getSystemInfoSync().language == "zh-CN"||uni.getSystemInfoSync().language == "zh-CN"){ locale = 'zh'}else{ lo...
2021-11-08 14:12:13
3478
原创 "export 'createI18n' was not found in 'vue-i18n'
我这原因是因为在vue3使用i18n版本不够初始化使用了cnpm iInstall fail! Error: [vue-i18n@9.2.0-beta.17 › @intlify/core-base@9.2.0-beta.17] Can't find package @intlify/core-base's version: 9.2.0-beta.17这时候需要用npm ins...
2021-11-04 20:56:25
2836
原创 Install fail! SyntaxError: Unexpected end of JSON input
害，回家加班初始化项目cnpm i 却出现这种错误：Install fail! SyntaxError: Unexpected end of JSON input (file:xxxx\node_modules_is-fullwidth-code-point@2.0.0@is-fullwidth-code-point\package.json)一顿百度之后cnpm cache cle...
2021-11-04 20:12:39
411
原创 i18n无法动态改变
data是一次性生产的，你这么写只能是在 data 初始化的时候拿到这些被国际化的值，并不能响应变化。官方的解决办法是，建议我们将表达式写到computed属性里，不要写到data里。可以写在data中，作为原数据，当新数据过来可以更新数据且不影响i18n的更新```computed: {statusArrN() { return this.statusArr...
2021-10-31 21:49:55
868
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人