weixin_38984353的博客

原创 微信小程序 图片自适应高度 宽度 完美适配原生或者uniapp

查了一下百度看到网上图片高度自适应的解决方案 基本是靠JS获取图片的宽度进行按比例计算得出图片高度。不是很符合我的需求，于是我脑瓜子一转 想到一种新的解决方案 不用JS计算也能完美解决。我写了一个组件，直接导入可以使用。

原创 微信小程序 踩坑记录

1.动态更新 picker 下拉框打开后的数据 使用picker-view 配合 picker-view-column 使用。2.scroll-view 内 input 光标错位问题，再获取焦点时禁用滚动条，失去焦点后再放开。------------------------------踩坑持续更新。

原创 vue 项目的请求路径 从http转换成https

在index.html 文件中添加标签即可解决。

原创 js 数据校验正则

【代码】js 数据校验正则。

原创 npm i 报错

使用命令 npm config set proxy false。请使用 npm cache clean --force。再使用 npm cache clean。如出现这个则说NPM版本过高 需要降。再出现 npm i 就可以勒。

原创 微信小程序 自定义纵向轮播图

小程序轮播组件虽然支持纵向滚动，但是效果不满足客户老板需求，没法又只能自己改造了。

原创 微信小程序 日历区间选择组件

有项目需求需要一个日历区间的选择器，发现vant 或者其他的日历区间选择组件不是很满足需求，于是自己改造一个；

原创 2023年，推荐10个让你事半功倍的CSS在线生产力工具

"CSS Grid Generator" 是一个在线工具, 可以帮助用户在线创建和设计CSS Grid布局. 用户可以使用该工具来设置网格的行和列，设置网格线的间隔以及定义网格项目的大小和位置。这个工具同时也支持预览，你可以在实时预览中查看效果，并可以直接复制和粘贴生成的CSS代码到你的项目中使用。您可以在网站上浏览预定义的动画类型和查看它们的效果，并可以使用这些动画类型来自定义您的动画。用户可以将生成的代码复制并粘贴到自己的 CSS 样式表中，以在自己的网站上使用该渐变效果。从上面的列表中可以看出。

原创 微信小程序 自定义GIF tabbar 底部导航栏

因为GIF展示会有缓存影响，需要发GIF放到服务器上 并且在后缀加上随机数或者时间戳进行展示。有开发问题可以咨询我喔 wx: ai_002。1.新建tabbar组件。2. wxml组件代码。

原创 npm 安装报错（npm ERR! code EPERM npm ERR! syscall mkdir npm ERR! path C:\Program Files\nodejs\node_ca

①将c盘AppData同级下后缀名为.npmrc的文件删除，但是删除后node.js全局配置会自动恢复至C盘，不使用这种方法。.js的文件夹(我的文件夹是Node) -右键-属性-安全，给每一个用户都完全控制的权限。

原创 vue 使用vuex实现消息通知提示

2.更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。这个回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数,在通过mutation更新数据的时候, 有可能我们希望携带一些额外的参数，你可以向 store.commit 传入额外的参数。因为你可能这个铃铛数量的改变是多个页面影响的。4.接下来vuex的工作都准备好了，接下来在你需要操作的页面，我是在mian.js 调用action的方法。至此利用vuex进行实时刷新的消息通知数量的功能已完成。

转载 36个JavaScript实用函数

36个JavaScript实用函数

原创 vue 2.6 新建全局提示框组件

1.新建提示框组件文件 bl-tips.vue。有问题或者开发需求 请联系 ai_002。2.新建导入js文件 tips.js。3.在全局mian.js 中引入。

原创 vue 2.6 keep-alive 不生效问题记录点

include和exclude 是vue 2.1之后的版本才有的。router.js 中的name和vue组件的name需要保持一致。需要每层都要加上keep-alive。

转载 Vue 页面高亮显示代码块

Vue 页面可以基于 vue-prism-editor 实现高亮显示代码块，支持 Vue 2.x 和 Vue 3.x。

原创 滚动条导致html2canvas截图不全的问题

滚动条导致html2canvas截图不全的问题

原创 vue 2.6.11 移动端项目 px转rem

px转rem postcss-pxtorem

原创 ThinkPHP 5 访问出现No input file specified

这个是配置环境时出现的问题修改配置就可以解决 在面板或者 htaccess 文件中修改将默认的RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]修改成RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1]或RewriteRule ^(.*)$ index.php?/$1 [QSA,PT,L]问题可以解决...

原创 fatal: unable to access ‘https://github.com/PanJiaChen/vue-element-admin.git/‘: OpenSSL SSL_read: Co

将git clone https://github.com/PanJiaChen/vue-element-admin.git中的https改为git即可。例：git clone git://github.com/PanJiaChen/vue-element-admin.git

原创 gnvm 管理node版本

1、卸载现有node，重新安装12.0.0以下（不含）版本的node，这个方法不够灵活，这里采用下面这种方法2、通过gnvm进行node版本的切换2.1、下载gnvm： gnvm的git地址 gnvm下载地址:32-bit | 64-bit Github2.2、将gnvm.exe文件放到node的安装目录下（我这里是装在D盘nodejs目录下）然后查看gnvm是否可用gnvm version 上面信息显示gvnm已经可以被识别，即存在。...

原创 js 进阶篇 代码等级提升

一、条件语句 1，使用 Array.includes 来处理多重 || 条件 // ----- 一般 ------ if (fruit == 'apple' || fruit == 'strawberry' || fruit == 'banana' ) { console.log('red'); }//-----...

原创 js 事件委托深入浅出

JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？事件委托到底是一个什么原理：有三个同事预计会在同一天收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台代为签收。现实当中，我们大都采用委托的方案（公司也不会容忍那么多员工站在门口就为了等快递）。前台收到快递后，她会判断收件人是谁，然后...

原创 JS事件委托的概念和作用

一、写在前头接到某厂电话问什么是事件代理的时候,一开始说addEventListener,然后他说直接绑定新的元素不会报dom不存在的错误吗？然后我就混乱了,我印象中这个方法是可以绑定新节点的。后面才知道,原来他要考察的是事件委托(代理)的原理,他指的是未来还不清楚会创建多少个节点,所以没办法实现给他们注册事件。二、事件委托(事件代理)的作用?为了方便理解,我先把事件委托的作用写...

转载 centos7开启ssh服务

下shell下载方式 请参考：https://blog.csdn.net/weixin_40928253/article/details/80621724xshell使用教程请参考：https://blog.csdn.net/Hanani_Jia/article/details/78732033开启ssh服务需要root权限，先用root账户登陆先检查有没有安装ssh服务：rpm -q...

原创 微信小程序 app.js 操作 页面js方法

由于在全局app.js监听蓝牙返回数据，所以在app.js页面调用当前页面方法来改变页面显示状态；

原创 Vue面试题 70道题目及答案

Vue面试题 Vue.js介绍 Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API Vue.js是一个构建数据驱动的Web界面的库。 Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项...

转载 扫普通链接二维码打开小程序

本文主要介绍扫普通链接二维码打开小程序，　　详情请看官方文档https://mp.weixin.qq.com/debug/wxadoc/introduction/qrcode.html配置普通链接二维码规则生成二维码　　访问https://cli.im/url，将https://test.com/linkcode?id=1_2生成二维码图片小程序接收参数...

原创 微信小程序 蓝牙的使用

1 一般使用蓝牙功能肯定是想连接某一个蓝牙设备，所以需要知道这个蓝牙设备的名称，一般来说都是扫描二维码连接，那么当你扫描这个设备二维码的时候，就需要去初始化你手机上的蓝牙模块了/** * 初始化蓝牙设备 */ initBlue:function(){ var that = this; wx.openBluetoothAdapter({//调用微信小程...

原创 centos7 安装mongodb

centos7 安装mongodb1、下载安装包 1 curl-O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.2.12.tgz　 2、解压 1 tar-zxvf mongodb-linux-x86_64-3.2.12.tgz 3、移动...

转载 css 图片剪裁居中

列表显示图片的时候，一般设置图片宽度自适应，那么高度就会根据图片本身的宽高比等比缩放，那么问题来了，多张图片的宽高比可能本身并不相同，那么造成图片宽度一样，高度不一样，显示不好看，不协调。css属性object-fit就可以实现实现代码：注意：只是简单的用pc做了个demo，如果移动端都是话，单位使用rem。img{display:block;width:100%;heigth...

转载 互联网人的恶梦是加班？不，是饥荒！

原创 npm安装教程 集成npm webpack vue-cli

一、使用之前，我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）开始：...

原创 一个“alert” 引发的血案

　0在还没有掌握全部证据之前就下结论会犯严重的错误，会使判断带有偏见。——《血字的研究》　　“齐识，路老板又来邮件了。”白娜一脸无耐地说。　　“一定没好事吧？”齐识回头看了一眼，手依旧在快速敲着代码，并没有停。　　“你刚从泰国回来？”齐识说到。　　“你怎么知道？”白娜瞪着眼睛一头雾水。她清明假期去泰国玩这件事，并没有告诉任何同事。　　“你脸明显比节前黑了，说明去了热带地...

原创 一个故事 让你看懂“区块链”

区块链是比特币的底层技术和基础架构，本质上是一个去中心化的数据库。区块链是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一次比特币网络交易的信息，用于验证其信息的有效性（防伪）并生成下一个区块。狭义来讲，区块链是一种按照时间顺序将数据区块以顺序相连的方式组合成的一种链式数据结构，并以密码学方式保证的不可篡改和不可伪造的分布式账本。　　以上定义摘自百度百科。很多菜鸟朋友看完这...

原创 微信小程序中this指向作用域问题this.setData is not a function报错

在微信小程序中我们一般通过以下方式来修改data中的数据this.setData({ index1: e.detail.value })比如在函数里面修改数据bindFaChange1: function (e) { this.setData({ index1: e.detail.value }) }但是当我们通过wx.re...

原创 微信小程序 推送模板教程 附源码

无聊的时候 玩一下小功能踩踩坑 首先模板推送 需要准备一些材料准备材料：1）公众号|小程序，添加选择的模板消息，2）在设置>开发设置页面，开通消息模板功能；如： 如果还没模板素材的 请新建一个 根据自己的需求去 模板库里面选择 记住自己选的内容  等会的定义参数时需要用到注意：因为调用微信发送模板的接口是：https://api.weixin.qq.com/cgi-bin/m...

原创 php redis 扩展 常用方法

下面的例子都是基于php-redis这个扩展的。1，connect描述：实例连接到一个Redis.参数：host: string，port: int返回值：BOOL 成功返回：TRUE;失败返回：FALSE示例：<?php  $redis = new redis();  $result = $redis->connect('127.0.0.1', 6379);  va...

原创 mpvue 踩坑之src数据绑定出错

src实现数据绑定稍不留神就不成功。假定value.src是绑定的数据。 常见错误写法1：<img src="value.src">1错误之处在于： 1.属性值数据绑定应该用v-bind，应该写成v-bind:src="" 2.直接用引号"value.src"会报错，取不到值。常见错误写法2：<img src="{{value.src}}">1常见错误写法3：&lt

原创 vue 导入element-ui css报错解决方法

组件使用参照官网http://element.eleme.io/#/zh-CN/component/quickstart在 main.js 中写入以下内容：123456import Vue from 'vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-default/index.css'import App fro...

原创 WEB前端 vue学习 vue-router讲解router.push

router.push(location)除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。当你...