- 博客(21)
- 资源 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 微信小程序——image图片组件宽高自适应方法(可详细了!)
微信小程序——images图片组件宽高自适应方法前言:第一次做小程序的时候使用了image图片组件,src引用一张图片后,给图片的样式设置了width:100%,发现图片变形了~~~,我想要的效果是,图片在父级中的宽是占据父级元素的100%,高度自动适应,按照html中的图片在浏览器中默认显示逻辑应该是,图片宽度为图片的100%宽度像素,高度自适应,所以这种显示逻辑并不会造成图片变形,思虑片刻...
2020-03-12 14:37:16
38165
2
原创 微信公众号H5在手机上分享功能不生效
在代码里配置了分享功能updateAppMessageShareData和updateTimelineShareData,在开发者工具里看log都是成功的,通过手机打开H5链接后,分享的功能不生效,分享出去的是一个链接地址。这是因为微信有个规定,通过链接直接打开的页面,分享配置都无法生效,可能是为了防止某些不好的网站传播。
2023-11-09 09:19:04
838
原创 application/x-www-form-urlencoded 格式发送数据时,加号被转成空格的问题
这个中间的空格正常的应该是一个加号,但是本地查看的时候都是带着的,只要一发送接口请求,就变成了空格,会导致后台接收的数据不匹配。接口数据发送前,使用encodeURIComponent 方法加密一下即可。
2023-01-13 11:01:23
1221
1
原创 axios 接口请求失败导致页面卡死问题
这个问题的主要原因是因为调用axios的时候没有写catch方法,导致页面卡死Axios({ ...config}).then(res=>{ //这里处理正确返回}).catch(error=>{ //这里处理错误情况,如果不处理也必须写上catch方法})...
2021-12-23 16:09:12
2697
原创 react——解决react 执行npx create-react-app 报错
按照react官方提供的npx create-react-app 方法创建项目时,发生以下错误提示:在网上查了好多资料,需要是用brew安装几个软件包才能解决此问题,react官方也没有给出这个解决的提示,糟心,首先brew是mac上的一个软件包管理工具,也是需要先安装的,安装方法如下:1、打开终端工具,输入以下命令:/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"然后按照
2021-09-22 14:57:08
1476
原创 mac系统更新后vscode 的git 无法使用问题
mac系统更新后vscode 的git 无法使用问题最新发现只要系统更新以后打开vscode就会提示无法找到git,“GitLens was unable to find Git. Please make sure Git is installed. Also ensure that Git is either in the PATH, or that ‘git.path’ is pointed to its installed location.”这个问题是因为系统更新以后会自动删除xcode,所以咱
2021-02-16 11:08:10
3038
2
原创 js——new Function 一个可以随时动态执行字符串js代码的神器
"new Function" 语法语法创建函数的语法:let func = new Function ([arg1, arg2, ...argN], functionBody);该函数是通过使用参数 arg1…argN 和给定的 functionBody 创建的。下面这个例子可以帮助你理解创建语法。这是一个带有两个参数的函数:let sum = new Function('a', 'b', 'return a + b');alert( sum(1, 2) ); // 3这里有一个没有参
2020-09-18 15:36:54
3982
原创 微信小程序——原生小程序即时通信IM demo,包含聊天、表情、语音、图片、会话列表功能
前言:最近项目需求要在小程序中添加一个即时通信IM的功能,本来想自己开发一个…评估了一下团队实力后,并不允许,所以找了一个IM第三方框架,采用的是腾讯云的即时通信IM,但是目前腾讯云IM的小程序SDK并没有包含UI,因此就需要自己来开发页面样式和交互,腾讯云IM自己也提供了一个deom,但是使用mpvue框架写的。。。网上是一片骂声。。。我也没有使用他的demo,自已用小程序原生写了一套,因为网上用原生写的deom很少,特此将小弟写的分享出来,各位大佬轻点喷~~点击**下载源码**跑通demo四部曲:
2020-08-27 09:59:35
3969
3
原创 微信小程序——使用npm构建开发流程
第一步:在小程序项目目录中打开终端命令行工具,输入以下命令,这个命令在官方文档中是没有写的,这里补一下,执行这个命令后就会在项目中创建一个package.json配置文件npm init第二步:使用npm install xxx 安装自己所需要的包,例如:npm install --save-dev weui-miniprogram第三步:在小程序开发者工具中 ’本地设置‘ 中打开 ’使用npm模块‘ 选项第四步:在小程序开发者工具中选择顶部菜单 ’工具‘ ——’构建npm‘
2020-08-14 11:21:00
1645
原创 nuxt——nuxt页面中mounted、created、watch执行两遍的问题
前言:在开发中偶然检查Network请求的时候发现,在页面中created钩子函数中请求了一个接口,但是页面这个页面加载的时候,接口会连续请求两边,然后我就排查是否有其他地方调用了同样的接口,检查了好几遍后发现并没有,WTF,然后我在created中打印了一下,惊奇的发现。。。created会执行两次打印。。。WTF、WTF、WTF,小朋友你是否有很多问号???,然后试了下,不光created会执行两遍,mounted也行,就连watch里面监听的也会,握草(草是一种植物),此处省略我咔咔排查了一个小时各
2020-07-06 16:49:40
5218
3
原创 nuxt——让store持久化,刷新页面不清除store
前言:我们有时候在项目中储存的store数据只要一刷新页面,数据就被清空了,在其他页面加载的时候就获取不到数据了,但是咱们又没有办法控制用户不允许刷新页面,所以咱们来解决了它,解决思路就是利用浏览器的本地存储,localStorage或者sessionStorage,监听页面要离开或者刷新前,将store储存到本地,下次进入页面的时候取出来重新赋值给store就可以了,代码开发步骤如下:第一步:我们在plugins文件中建立一个store-cache.js文件,在store-cache.js中添加以下
2020-07-04 16:12:11
3758
2
原创 nuxt——使用pm2进行nuxt项目的进程守护(超简单还详细!!!)
前言:因为nuxt项目是运行在于服务器端的项目,所以就必须启动对应的服务才能访问到网站,就类似与我们本地开发的时候使用终端命令行执行npm run dev一样,使用过npm run dev的童鞋都知道如果在运行中的时候讲命令行工具关闭或者结束进程,咱们的网站就访问不了了,同样在服务器端也存在这种问题,比如服务器中断了,都会导致网站无法访问,所以这个时候咱们就需要使用pm2来做一个进程守护,具体添加pm2的流程及配置见下文:一、使用pm2之前我们需要先进行安装pm2包,在我们本地开发也好,或者在服务器上操
2020-06-24 16:48:05
4307
1
原创 vue-awesome-swiper插件如何使用swiper原生的方法
前言:vue-awesome-swiper是swiper在vue中可以使用npm安装的一个包工具,里面的配置及使用方法都和原生的swiper是一模一样的,完全可以按照官方api进行开发,今天主要是说一下在vue中如何使用原生提供的一些方法。在vue中想要使用swiper的方法,直接调用是会报错的,因为获取不到swiper的原始对象,swiper是作为一个组件,然后引入到页面中的,所以我们想要使用它的原始方法,就需要使用vue中父组件调用子组件数据的方法(给子组件添加ref属性)第一步,在swiper组
2020-06-10 16:16:42
628
原创 vue——常用的第三方插件安装合集(可详细了!持续更新)
前言:本文将会给各位客官列出vue常用的一些第三方插件推荐和安装方法及项目中的调用及使用方法,如果有遗漏没有写的好用的插件欢迎各位客官评论,本文将持续更新插件序列表:Axios(官方推荐的ajax数据请求的插件)Vue-Router(vue路由管理插件)Vuex(vue数据中心化状态管理插件)Less(css预处理插件)Sass(css预处理插件)Element-Ui(饿了么ui...
2020-03-20 11:15:06
6033
原创 nuxt.js——搭建nuxt项目(可详细了!)
前言:nuxt.js是基于vue的一套可实现SSR服务端渲染的前端框架,所以要使用nuxt.js,前提是需要会vue,因为nuxt.js开发规则和vue相同,只是在vue的基础上扩展了一些功能。本节教程题纲:安装node环境和vue-cli基于vue安装nuxt本地运行nuxt教程正文:安装node环境和vue-cli:node.js可通过node官网进行下载安装,详细的可以...
2020-03-19 14:03:43
5624
原创 vue——项目文件目录解读(可详细了!)
.|-- build // 项目构建(webpack)相关代码| |-- build.js // 生产环境构建代码| |-- check-version.js // 检查node、npm等版本| |-- dev-client.js ...
2020-03-18 15:10:36
567
原创 vue——搭建vue-cli脚手架(可详细了!)
本节教程目录:下载安装node.js环境安装cnpm淘宝镜像使用npm安装vue-cli包创建初始化vue项目本地运行vue项目教程正文:1.下载安装node.js环境——首先我们要知道vue是需要依赖node.js环境来进行包的安装和运行,下载node.js可以通过node.js下载网址进行下载,根据个人电脑系统进行下载版本:下载完成以后点击安装,如果不懂node.js的安装...
2020-03-18 14:44:55
877
微信小程序——原生小程序即时通信IM demo,包含聊天、表情、语音、图片、会话列表功能
2020-08-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人