- 博客(29)
- 问答 (3)
- 收藏
- 关注
原创 vue2 H5原生input标签实现拍照功能、web端实现上传图片功能,以及实现图片预览功能和修改上传图片原生样式
我做的项目是H5嵌套小程序。要实现的功能是拍照功能,且,在未调用接口前有预览功能。
2024-05-07 17:12:55
747
原创 vue中实现聊天的功能,vue2+vant;聊天界面滚动条始终在底部,H5中自己写一个聊天
在本地演示,所以使用的mock数据,真实环境的聊天需要接入websocket服务。界面里也加了两个按钮,用于模拟两个角色发消息。 因为我是在H5项目里,所以UI基于vant。通过路由后面传递不同参数?user=1【1-查勘员,2-车主】,展示的界面也会略微不同。最下面会有效果截图,可自行查看。 data.js因为我把初始聊天的数据单独抽离出来了,你们可以根据自身情况,是否抽离。 css因为vant是基于less,所以我用的样式处理器是less、less-lo
2024-04-25 14:06:52
1072
原创 web端腾讯云之TRTC SDK,H5嵌入trtc,小程序嵌入H5-trtc 在本地泡通的教程这一篇足够
T —— Tencent 腾讯R-T —— Real-Time 实时的C —— Communication 传播 / 交流 / 通信实时音视频(TRTC)是腾讯云提供的一套低延时、高质量的音视频通讯服务,致力于为腾讯云客户提供稳定、可靠和低成本的音视频传输能力。该服务由一套遍布全球的音视频传输网络和一组终端SDK 组成,您可以在本页面下载到涵盖目前主流客户端平台和热门框架的 实时音视频(TRTC) SDK。引用自官网。
2024-04-22 16:45:22
360
原创 小程序官方提供的小程序版本号对比的方法、比较两个版本号的方法、获取当前小程序的版本号
compareVersion(‘1.11.0’, ‘1.11.0’) // => 0 // 0表示1.11.0和1.11.0是同一个版本。compareVersion(‘1.11.0’, ‘1.99.0’) // => -1 // -1表示1.11.0比 1.99.0要老。compareVersion(‘1.11.0’, ‘1.9.9’) // => 1 // 1表示 1.11.0比1.9.9要新。
2024-04-19 14:11:29
731
原创 一文讲清楚vue项目中有vue.config.js文件还是webpack相关配置的config文件夹的问题、vue-cli版本相关问题
事情是这样的,领导发过来一份react版本的项目,让我对比比较下vue项目的目录结构,旨在整理一份通用的项目结构。然后我拿到项目,第一眼就看到这个很明显的差异,这个项目有config文件夹。而vue项目,因为之前有学习vue3,所以本地vue-cli版本早已经是高版本的,创建的项目也都是只含有vue.config.js的文件。记得早期开发vue项目的时候,明明也是config文件显示定义webpack相关的配置的。而是分享给前端的朋友,一起学习、进步,有什么不对的,也希望你们加以指正。
2024-04-19 10:56:03
220
2
原创 一个发生在地铁上的笑话
因为我的侧前方站了位胖嘟嘟的女生,我就下意识以为她也是要下车的,因为我借过的时候看她没动,我这样以为也是很自然的。我是本着客气礼让,一直嘴里说着:走呀,走呀,快走呀。噗~~,我其实已经笑出声了😂,然而那时候我已经成功下地铁了。我猜想那胖嘟嘟定然也是和我一样笑出声了的。因为我站在靠里偏门口一点的位置,要出去还是有几步路要走的。所以当大喇叭吆喝下一站是哪的时候,我就准备着往前走了。好不容易跨过山海来到地铁出口的门前。早高峰,好不容易挤上地铁找到一个可以落脚的地,浏览个新闻啥的,很快到站了。
2024-04-18 17:38:25
200
原创 一文讲清楚公众平台服务号、订阅号、企业微信以及小程序之间的区别
3、企业微信:是一个面向企业级市场的产品,是一个独立的APP好用的基础办公沟通工具,拥有最基础和最实用的功能服务,专门提供给企业使用的IM产品。(适用于企业、政府、事业单位或其他组织);2、服务号:主要偏于服务交互(类似银行,114,提供服务查询),认证前后都是每个月可群发4条消息;1、订阅号:主要偏于为用户传达资讯(类似报纸杂志),认证前后都是每天只可以群发一条消息;2)如果想用公众号获得更多的功能,例如开通微信支付,建议可以选择服务号;4)订阅号不支持变更为服务号,同样,服务号也不可变更成订阅号。
2024-04-18 16:26:21
552
原创 更正、疑惑vue、vue-cli版本相关的问题
昨天因为调研IM-h5的demo,要求@vue/cli 版本在 5.0.0 以上,我估计是我的版本应该是没达到,于是就重新安装了下。中关于补充查看vue、vue-cli版本相关的内容。有人知道这是为什么吗?
2024-04-18 11:11:13
184
原创 讲个笑话哈哈哈哈哈哈哈连续上班6天的打工人娱乐下
我正要侧身走出去,他要走进,这时候又来了一男的。他俩认识,只听后来新来这男的说着,“我来洗手”。重点来了,第一个男的笑着、不可思议的边说:“你在这洗手啊”,边用手指着饮水机出热水的口说。那时候他已经在接水了,接的是热水。刚去茶水放节水,朋友一男同事也去。本来很平常的一件事,怎么也不会把这件事和笑话联系在一起吧。我就遇到了,在这个连续上了六天班的下午。巧的在于我节好水准备离开的时候,他走过来节水,奇怪的是,他在门口其前前后后徘徊了大概有5到6秒的时间。这还算正常,不是很奇怪。我当时就有点忍不住,差点笑出声。
2024-04-12 16:14:55
162
原创 vue项目中设置alias别名相关的问题,以及设置别名后引入文件路径没有输入提示以及vue-cli3以上以下的区别vue项目目录介绍
但是我的项目里没有这样设置依然可以用,而且用别名的时候也有响应的提示了。网上很多说,前者是查看vue版本,后者是查看vue-cli版本。我实际操作下来,两个都是查看vue版本的。我记得之前的项目没有这个配置,而且要用@别名的话,要在vue.config.js中显示定义的。今天看项目,突然间发现,现在初始化一个vue项目,根目录会多一个文件jsconfig.js。这个是曲线想知道vue-cli版本的方法,我还没get到怎么直接查看其版本的。它会显示所有有关vue的包的所有版本和依赖关系。也是很强/*捂脸笑。
2024-04-12 14:36:30
423
原创 新手小白上手微信小程序这一篇就够了白话讲解小程序入门常用标签、语法对比vue 第一篇
因为小程序的渲染层和逻辑层分别在两个线程中运行,所以setData传递数据实际是一个异步的过程,所以setData的第二个参数是一个callback回调,在这次setData对界面渲染完毕后触发。构造器必须写在项目根目录的app.js里,App实例是单例对象,在其他JS脚本中可以使用宿主环境提供的 getApp() 来获取程序实例。可以这样修改data中的数据。2.由于setData是需要两个线程的一些通信消耗,为了提高性能,每次设置的数据不应超过1024kB。是无法改变页面的状态的,还会造成数据不一致。
2024-04-11 13:30:26
781
1
原创 js对象设置动态属性vue项目es6解构赋值赋默认值
我之前在一个方法中,遍历某对象或者数组,用到里面的项的内容的时候,都是直接用item.获取;以此记录下,也希望能帮助到和我一样的码友们。有不正确的或者更好的方式欢迎指正~项的某属性可能不存在但要给它设置默认值的情况,我直接都是上面这种写法。js文件中导出一个对象;其中对象的属性是动态拼接的。一下子直接定义的时候定义成一个动态拼接属性给搞懵了。
2024-04-10 16:26:58
162
1
原创 一文搞懂API、REST、REST API、RESTful API的区别
废话不多说,直接上干货:API是一段应用程序与另一段应用程序相互“交流”的方式(协议)。REST是一种架构的概念。REST API是使用REST风格的HTTP接口。RESTful API则是这种架构设计原则或者规范的一种具体实现方式
2024-04-08 11:14:17
991
原创 Json-server搭建及使用案例及过程中遇到的问题
JSON-Server 是一个 Node 模块,运行 Express 服务器,你可以指定一个 json 文件作为 api 的数据源。可以对json文件、js脚本生成的json数据、远程json数据进行restful风格的增删改查操作,通过指定一个json文件作为api数据源,可以进行分页、排序、关联查询、范围查询等各种查询操作,是一套完整的模拟 REST API 接口。写的很全,可以参考这个。
2024-04-07 15:02:11
1033
6
原创 前端封装通用js并发布到npm
npm login 登录npmnpm publish 发布webpack打包文件:若不希望压缩代码,可省略此步骤。修改,添加打包命令:创建npm忽略文件 .npmignore。根据具体情况控制文件:ending。
2024-04-07 13:47:32
450
1
原创 初次学习typescript笔记
初始tyscripttypescript是微软于 2012年发布的。最好用vscode开发,因为它也是微软开发的,对TS有很好的支持。TS其实是JS的超集。也就是说TS是建立在JS的基础之上的,最后都会转换成js运行。首先,运行TS需要node环境,故本地需要安装node,node -v查看是否安装成功;其次,全局安装TS其次,创建.ts文件,先用 tsc index.ts 对其进行编译,编译成功会生成index.js,然后 node index.js 运行该文件即可。这样比较麻烦,每次都要编译
2021-05-13 19:10:42
137
8
原创 满满干货之数组的some和every用法和moment用法
arr.some(item => item !== null) 判断数组中是否含有满足某条件的元素,即为真(true)arr.every(item => ) 数组中每个元素都满足某条件才为真(true)Moment.js-时间控件好用。 常用两个方法:moment().sutract(7,‘days’) moment().add(7, ‘days’)做一个 讨好自己,不忘初心 的程序媛...
2021-03-29 18:28:48
64
原创 记录下项目中常用js和函数,以及vue的常用方法
异步函数 async function fun1() {}默认返回一个promise对象,也可自定义返回一个promise对象幂函数 2**3 //8arr.includes() 判断数组是否含有某元素可判断NaN,[NaN].includes(NaN) // true注意 [NaN].indexof(NaN) // -1数字不区分正负,即,[-0].includes(0) // true [-0].includes(+0) // true ,同indexofObjec..
2021-03-24 19:08:26
59
1
原创 记录下项目经常用到的类型判断
判断number num === +num判断string str === str+’’判断boolean bol === !! bol 。项目中,也常用这种取双否(!!)来强转正布尔类型
2020-12-21 19:06:53
92
原创 原型链继承相关prototype
原型链-由相互关联的原型组成的链状结构;其中有三种部分组成:构造函数 实例 原型对象。特点:构造函数才有prototype;实例才有__proto__构造函数是Function的实例,且构造函数的prototype是Object的一个实例Function.prototype等于Function.protoObject.prototype.__proto__等于null模拟newfunction Animal() {this.name = ‘mike’;}Animal.prototyp
2020-12-17 17:25:12
71
1
原创 《富爸爸穷爸爸》所感所想
前言之前一直听朋友还有各个大V推荐此书,一直没看。今天看此书过半,感觉很是欣慰。书里讲的一些事实,我竟然已经有此体会,前不久还和朋友说起过。下面就大概说下看此书的记忆、所感所想。具体如下1. 资产和负债资产-放入你口袋里钱的东西,比如:理财等增值性物质负债-从你口袋里拿出钱的东西,比如:房子带来的房贷,车贷2. 潜意识、来自老一辈潜移默化的思想想尽一切 省钱想尽一切 赚钱3. 看待问题的角度,或者说遇到问题的解决态度比如买一个目前经济能力承受不起的东西A:‘这个东西这么贵,我肯定是承
2020-12-16 10:44:15
102
4
原创 webpack的基础用法用法
webpack是一个现代JavaScript应用程序的静态资源打包器。有四个核心模块:entry 入口output 输出module loader因为webpack只识别JavaScript、json文件。对于其他类型的文件,就需要使用对应的loader将其处理成webpack识别的类型module: {rules: [{test: 正则匹配某个或某些文件应该被其对应loader转换成js文件,use: 指定用哪个loader转换}]}plugins 插件可用于执行范围更广的
2020-12-14 19:03:35
58
1
原创 数组循环的方法
所感所想:进行数据判断的时候,除了for、foreach、filter还有includs、some、find;各种判断之后,判断数据存在除了用if判断外,还有一种更简洁的就是||。比如:arr || [] ? arr.length条件执行不同的逻辑的时候,单条。除了if{}就是直接写在if上。比如:isFlag && arr.length > 0 && this.getFun()一个方法做一件事;避免方法里套太多逻辑。尽量都抽离出来,调用。方便复用、排查问题
2020-12-09 19:01:01
41
原创 provide/inject、extends、educe、map用法
因为每个产品条线或者说每个条线下面的产品不一样,展示的内容、排版、字段规则都不一样,但又有一些相似之处;每个小模块的页面也就各取所需的拼装起来。当时看完的心情就很有成就感,也迈迈对这位大佬的逻辑思维能力肃然起敬。之前只是知道他玩魔方贼溜,万万没想到。但是更开心的是自己一点点的也能够理清楚。下面来梳理下,今天看到的之前少有用到的知识点。公司接下来要做的工作主要改动点,是在公司一位大佬写的代码上做迭代。之前的我一位把项目主流程还有一些关键的组件撸一遍就欧克了,万万没想到。,看来其中一个小块的逻辑,收益良多。
2020-12-08 17:37:43
106
原创 浏览器输入url到页面渲染的过程
浏览器输入url浏览器在发送http请求之前,会依次在浏览缓存、系统缓存、路由器缓存中查找,若存在,则直接显示页面。若无则继续执行以下操作通过域名解析即dns解析,获取对应的ip、端口浏览器向ip对应的服务器发起tcp连接,和服务器建立三次握手握手成功后,浏览器向服务器发送http请求及数据请求包服务器处理请求,返回数据给浏览器浏览器接受到服务器的响应读取页面内容,浏览器渲染,解析html源码渲染dom树,解析css样式、js交互10.浏览器和服务器进行交互11.发送ajax获取数据.
2020-12-07 16:09:51
58
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人