小5聊的博客

有一段时间没有动过小程序代码了，大概三个月没动过了，今天在整理代码的时候，在开发工具上是可以调用成功API接口，但是线上的小程序就无法使用，调用wx.request方法直接报错，也没有直接输出错误信息res，然后直接真机调试查看具体错误信息。

最近博主在面试，前端有这么一个很简单的面试题，就是var和let变量关键词的区别是什么，当时博主的第一个反应就是作用域的区别，那么下面我们简单了解下它们两者之间有哪些区别吧。

由于博主学习Vue基本属于自学，也没有太系统化去学习，难免有些细节会不太了解，这次通过DeepSeek的AI应用生成的Vue3代码，直接复制使用，刚开始是可以使用的，后来调整成平时自己喜欢的方式，发现突然无效了，后来排查发现是少了一个属性，那么是那个属性呢，一起来看看！

这次的发送小程序订阅消息的API接口，知道一些参数会有长度限制，但是具体是多长，有时候时间久了，容易忘记，或者平台可能已经修改了规则。所以本次就简单记录下官方对于发送订阅消息的一些参数信息。

隔一段时间没有接触微信小程序，好多功能就容易忘记，今天在做分享带参数并后端接收参数的功能测试，发现后端一直拿不到参数值。在小程序端打印日志发现也是空值，然后导出搜索了一遍没找到解决方案，以为是官方禁用了，最后是通过发布体验方式来测试获得了参数值。

好久没有写前端，时间了就容易把一些小细节问题忘记。趁这个机会记录下自己在开发过程中出现小细节问题，方便自己回顾和总结一遍，也希望能够给新入门小伙伴一个小小经验分享。

翻看了下上一篇写前端文章还是一年前，不知不觉又好久没写前端文章了。最近太忙了，写文章都是忙里偷闲，挤点时间出来记录下开发过程中遇到得一些小细节问题。本篇文章就是写开发前端时，博主习惯性打开console控制台，只要有黄色警告得都统统解决，哈哈哈！

前几天打开CSDN浏览文章，在顶部显示了一个大大的推荐图文，处于好奇点击进入官网体验了一把，感觉还不错，因此写篇文章记录下。对于开发人员来说，IDE再熟悉不过了，前端的VS Code，后端的Visual Studio等等。并且各大IDE集成开发工具也可扩展添加AI相关的插件，为编写代码带来极大效率和便利。本篇文章，博主要分享的是关于直接就是AI作为嵌入式IDE——Trae IDE

layui table表格勾选事件，以及常见模块

最近在维护老系统，尽量使用过layui，但是时间久了，总会忘记一些方法的使用。因此通过本篇文章大概记录常用的功能方法，比如，表单提交事件，表格下拉按钮点击事件，表格外的按钮点击事件等

前面几篇文章在做一个数据统计图表的功能，对于图表第三方插件，接触比较多的是echarts，由于隔了好长时间没怎么用这个插件，很多具体细节使用基本都忘了，因此本篇文章将回顾柱状图常见功能

前面几篇文章在做一个数据统计图表的功能，对于图表第三方插件，接触比较多的是echarts，由于隔了好长时间没怎么用这个插件，很多具体细节使用基本都忘了，因此本篇文章将回顾曲线图常见功能

目前已经有很多网页版在线小工具，之前很多窗体化的工具也逐渐网页化，比如：PS画图软件，也都能直接网页化进行设计，网页真的是无所不能了。由于自己实际项目经常会用到颜色转换，所以直接自己开发个简单版的在线颜色转换小工具。

在使用vue的过程中，总会遇到一些有疑问的地方，总结就能够加深印象，下次再出现的时候也有个参考的地方。

对于我们开发人员，了解和熟悉新知识，对于vue3，博主是通过TA的基本结构开始，vue2和vue3都有javascript前端编程语言，到了vue3新增了typescript前端编程语言，互联网技术更新迭代非常的快速，在这快速发展的互联网行业，作为开发人员，只有不断学习才能跟得上节奏，一起来看看如何初始化项目结构。

有时候，看法的网站，网页文本内容希望不能被复制，那么就需要对浏览器网页进行一些限制，是一种网站开发中的保护措施。有时候，又希望能够复制网页的一些文本，发现被禁止。这就有了矛和盾的关系，凡事都有两面吧。

2023年，第33周，第1篇文章。给自己一个目标，然后坚持总会有收货，不信你试试！WeUI DatePicker，这个组件在纯html静态文件js里用的比较少，也忘记默认绑定值怎么设置，就用chatGPT来找答案。结果发现，chatGPT在没有找到正确答案时，会按编程思维理解去自己写。纠正了几次都是不对。

模仿C站红包前端界面，总结一篇前端布局文章，非常适合初始学者或入门小伙伴

vue2升级到vue3，不管任何框架，升级总有它改进的地方和原因，否则升级就毫无意义，技术变化日新月异，必须保持与时俱进，否则就很容易在技术的浪潮中被淘汰！vue3相比以前版本，最大一个变化就是配置文件更加简洁

虽然jQuery时代已经逐渐退出历史舞台，在拥抱vue的同时，也还是可以用jQuery锻炼下编程思维，毕竟比较灵活。

实现图片放大镜效果，其实就是一个比例放大的效果以下通过纯javascript方式对图片进行等比例放大

使用前端框架Vue进行开发，会用到HBuilderX或者Visual Studio Code等开发工具，不管那种，都需要先安装Node此处在Windows操作系统下安装Node下载地址：Download | Node.js1、cmd查看Node版本cmd>node -v如果没有安装，那么查看未会找不到2、查看npm版本Node本身就包含了npm模块，直接输入命令cmd>npm -v3、HBuilderX运行npm鼠标右键目录，...

在编写表格插件时，可能会遇到这样的一个情况，当你移动数据行横向滚动条，同时也关联移动字段行时，字段行横向滚动条移动已经结束，但是数据行横向滚动条还能移动，导致数据行和字段行布局不一致1、效果如下2、原因因为数据行滚动条除了有横向滚动条，还有纵向滚动条，导致他们之间的滚动不一致3、获取滚动条宽度值代码/* 获取滚动条的宽度 */function getScrollWidth () { var noScroll, scroll, oDiv = docum.

假如div初始状态设置了style的样式，后续想遍历进行修改1、代码//调用psetstyle(that, "left:{left}px;top:{top}px;width:{width}px;".replace("{left}", 100).replace("{top}", 100).replace("{width}", 100));setstyle = function (key, value) { var newStyle = value; var style =.

在HTML页面里，经常会看到&nbsp;等类似的符号，常见的有那些呢，一起来看下，如果不齐全，往大佬可以评论留下您所知道的，谢谢！当然，网上也有很多在线转换的小工具！1、&nbsp;&nbsp;等于空格2、&gt;&gt;等于大于号 >3、&amp;&amp;等于符号 &4、&lt;&lt;等于小于号 <5、&#39;&#39;..

给未来元素绑定点击事件，绑定前也使用off解绑，依然出现点击一次实际执行多次情况1、仍然出现多次click点击的代码2、

运用场景描述网站顶部有固定200px高度的行，左边显示图标右边显示导航菜单，如何把图标和菜单都居中显示1、图标和菜单都浮动的效果<div style="width: 500px;height: 100px;background: #eee;margin-bottom: 49px;"> <div style="float: left;background: #ccc;"> <img src="https://img-home.csdnimg.

使用trigger触发click事件有时在特定情况下无效，需要使用click方式直接替换1、代码注入方式无效在浏览器代码注入，trigger触发click无效，但在console输出区域又可以代码如下$(".a").trigger('click'); //一般此类方式都可以触发2、解决方法代码$(".a")[0].click();...

完全平方指用一个整数乘以自己例如1*1，2*2，3*3等，依此类推。 若一个数能表示成某个整数的平方的形式，则称这个数为完全平方数。 完全平方数是非负数，而一个完全平方数的项有两个1、题目一个整数，它加上100后是一个完全平方数，再加上168又是一个完全平方数，请问该数是多少？2、代码实现以下是用了比较简单粗暴的方式，当然，如果你是算法比较好或者数学和逻辑思维比较好，肯定是可以优化以下方法的var index = 0;var intvalue = 0; //完全平方数未知..

1、HBuilder下载，创建项目流程2、实现简答的浏览器插件开发，信息弹窗，或者输入文本赋值到百度搜索文本框3、需要熟悉的前端编程语言：javascript（用于交互）、html和css（用于布局和样式）1、HBuilder下载官方网址：https://www.dcloud.io/hbuilderx.html下载Windows版，标准版下载，压缩直接使用，无需安装（绿色版）2、压缩直接打开3、创建项目点击顶部菜单：文件》新建》项目》普通项目》基于HTML项...

使用场景ajax进行接口请求时，将token权限验证信息放到表头传递后接口后台ajax代码$.ajax({ url: url, data: {}, dataType: 'json', type: 'post', beforeSend: function (request) { request.setRequestHeader(tokenName,'C646D05D791CD61143C2AEFBDBF3B7..

【IE浏览器请求两次】

【Body前调试】根据下面图片可以知道，浏览器在渲染和解析脚本时，根据代码的顺序进行由于还没渲染到body标签，所以在使用document.body是null空的【Body后调试】根据下面图片可知道，渲染完成body标签后，document下的body变量值就有 了...

【平滑移动设置】平均移动的值要设置小一点，移动的间隔时间要短一点【代码如下】<script type="text/javascript"> $(function () { var speedV = 0.8; var moveV = 0; setInterval(function () { moveV += speedV; $("#scrollImg").css("top",

目录【效果】【场景】【简单实现】【效果】【场景】div1能够垂直和水平居中在固定高宽度里显示，div2能够在div1后面的10px位置【布局描述】父级div有一个固定高宽度的父级div，比如：width=500px，height=80px，position:relative，相对定位占据空间子级div1有一个固定高宽度的子级div1，比如：width=200px，height=20px，left=px，top=30px，position:absolute，绝对

【语法】animation: name duration timing-function delay iteration-count direction;/*---以下按个人字面英文理解---*/animation: 名字 持续时间 定时功能 延迟 迭代计数 方向;【解释】name：名字，这个比较好理解，就是自己自定义的一个动图名字。帧状态的名字dutation：持续时间，完成一个规则帧所用的时间，比如：1s，完成top从-10px到0px的过程timing-function：速

window.localStorage保存的是键值对key/value【设置值】var cache=window.localStorage;cache.setItem("test","123456")【获取值】var cache=window.localStorage;cache.getItem("test")

【整体效果】<div style=" background-color:transparent; width:0px; font-weight: bold; border: 80px solid transparent; border-top-color: #099dff; border-right-color: #f60; border-bottom-color: #0ccdff; border-left-color: #a1b2c3; margin:2

假设有一个div#test，滚动高度200px,div内容高度1000px【获取div#test滚动条高度值】document.getElementById('code').scrollHeight;【获取div#test当前滚动值】document.getElementById('code').scrollTop;【设置div#test滚动条高度值】document.getElementById('code').scrollTop=100;...

【初始化样式一】/*1）去掉边框值2）统一页面字体和大小3）去掉外边距和内边距*/HTML, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td { border:none; font-family:"微软雅黑","黑体","宋体"; font-size:14px; margin:0px;