qq_43983650的博客

原创 【elementUi-table表格】 滚动条 新增监听事件； 滚动条滑动到指定位置；

{${${

原创 8种访问原型方法

原创 数据类型的陷阱，从表象看本质！

先比较是否同类型，不同就false，不比了。

原创 java.lang.NullPointerException: Attempt to invoke virtual method ‘android.webkit.WebSettings android

程序闪退，黑屏；Log日志如下：java.lang.NullPointerException: Attempt to invoke virtual method ‘android.webkit.WebSettings android.webkit.WebView.getSettings()’ on a null object reference我在SocrollView里面嵌套了Viewpager，就出现这样的问题，还没有解决，有没有遇到这样问题的大佬。求解呀。还没有解决，奇奇怪怪的...

原创 Unknown custom element: ＜el-empty＞ - did you register the component correctly? For recursive compone

报错原因： “el-empty”未注册解决：element版本太低了，当前版本里面查找不到el-enpty这个组件，需要重新安装一下element的版本。npm i element-ui@2.15.6 -S重新运行，上面的问题就解决了。

原创 element-ui.common.js:2353 Uncaught TypeError: Cannot read properties of null (reading ‘disabled‘)

这个是由于使用 element-ui 的Dropdown 下拉菜单遇到这个错误一定要仔细排查自己的代码el-dropdownel-dropdown-menuel-dropdown-item这三个缺一不可仔细排查是不是中间的el-dropdown-menuel-dropdown-item没有写如果是多人开发，自己的部分没有问题，一定就是你的小伙伴哪里写错了。ps：踩坑，找了一上午。哭死...

原创 vue项目运行 ..\..\..\node_modules\xlsx\dist\xlsx.full.min.js

问题原因在npm中没有xlsx.full.min.js1、把项目中的node_modules全部删除2、引入插件npm install xlsx-style --savenpm install xlsx --save这样项目就可以完全运行出来了

原创 js 首字母是否为大写、将下划线替换为空格、字符串是否含有中文、首字母改为大写其余的为小写。

首字母是否为英文let value='abidskdl'if (!/^[A-Z][A-z0-9]*$/.test(value) ) { console.log('首字母不是大写:', value) }将下划线替换为空格let value='abc_sakskaks'value=value.replace('_', ' ')console.log("下划线替换为空格： ",value)这里再提供两种方式：let value='abc_sakska

原创 es6 数组去重

　　　　　　let arr = [1,0,0,2,9,8,3,1]; function unique(arr) { return Array.from(new Set(arr)) } console.log(unique(arr)); // [1,0,2,9,8,3]　　or6　　　　　　console.log(...new Set(arr));　// [1,0,2,9,8,3]..

原创 animation 详细讲解

animationanimation 属性是一个简写属性，用于设置六个动画属性animation-name :属性为 @keyframes动画规定名称。animation-duration :规定完成动画所花费的时间，以秒或毫秒计。animation-timing-function :规定动画的速度曲线。linear：匀速ease：默认。动画以低速开始，然后加快，在结束前变慢。ease-in：动画以低速开始。ease-out：动画以低速结束。ease-in-out：动画以

原创 css 样式的优先级

内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External stylesheet > 浏览器默认样式 优先级就是分配给指定的CSS声明的一个权重，它由匹配的选择器中的每一种选择器类型的数值决定。 优先级顺序下列是一份优先级逐级增加的选择器列表：** 通用选择器（*） ****元素(类型)选择器 **** 类选择器 **** 属性选择器 **** 伪类 ID 选择器 *.

原创 用于移动端的必写meta

用于移动端的必写meta<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0">①、width=device-width：是设置可视区宽度等于设备宽度②、initial-scale=1.0：初始化缩放比例③、maximum-scale=1.0：最大可以放大的比例④、minimum-scale=1.

原创 css 文本的常用样式

css 文本常用样式1.缩进文本：text-indent2.水平对齐：text-align: left/center/right/justify(实现两端对齐文本效果)3.字间隔：word-spacing(可以改变（单词）之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。)4.字母间隔：letter-spacing(改变字符与字符之间的间隔，包括中文，英文字母)5.字符大小写转换：text-transform:none/uppercase(转为全大写)/low

原创 css选择器

css选择器1.类别选择器：<div><p class=“yazi”>类别选择器</div> .yazi{color:#ff0}2.标签选择器：<div><p>标签</p><p>选择器</p></div> p{color:#ff0}3.ID选择器 : <div><p id=“yazi”>ID</p><p>选择器<

原创 手机端 px转为rem自适应单位。

做手机端H5时以宽为750px计算，px转rem计算如下：function Rem() { var docEl = document.documentElement, oSize = docEl.clientWidth / 7.5; if (oSize > 100) { oSize = 100; // 限制rem值750 / 7.5 =100 } docEl.style.fontSize = oSize + 'px';}window.addEventListener('res

原创 公共基础css 建议保存

css常用公共的样式* { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch;}ul,li { list-style: none;}a { text-decoration: none;}input,textarea { outline: none; text-shadow: none;}textarea { res

原创 常用的Meta标签

1.页面描述：<meta name="description" content="不超过150个字符"/>2.网页作者：<meta name="author" content="name,email@amall.com"/>3.关键字：<meta name="keywords" content="关键字文字"/>4.移动版：<meta name="viewport" content="width=device-width,initial-scal

原创 常用的input type值

text、tel、number、radio、checkbox、file、submit、reset、password对应的含义如下：

原创 html中的meta总结

html中的meta总结：0.声明文档使用的字符编码： <meta charset='utf-8'/>1.优先使用 IE 最新版本和 Chrome :<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>2.禁用掉UC浏览器判断到页面上文字居多时，会自动放大字体优化移动用户体验：<meta name="wap-font-scale" content="no"/>3.页面描述：&l

原创 js 获取昨天、当前、明天的 年月日 格式为（YYYY-MM-DD）

获取昨天的年月日 var day = new Date(); day.setTime(day.getTime() - 24 * 60 * 60 * 1000); var s = day.getFullYear() + "-" + (day.getMonth() + 1) + "-" + day.getDate(); console.log("昨天时间", s);获取当前的年月日第一种 var day3 = new Date(); day3.set

原创 js 根据日期字符串获取星期几 日期字符串（如：2020-05-27）

废话不多说，直接上代码getWeek: function (dateString) { var dateArray = dateString.split("-"), date; date = new Date(dateArray[0], parseInt(dateArray[1] - 1), dateArray[2]); return date.getDay() },dateString传入日期字符串 ，格式为YYYY-MM-DD，getWeek（）方法运行出来的结果：为

原创 js 获取下周一的具体年月日格式为（YYYY-MM-DD）

封装一个方法//获取下周一的日期 getNexWeek: function (nexday) { var Stamp; Stamp = new Date(); var num = 7 - Stamp.getDay() + nexday; // nexday=1、2、3、4、5、6、7（分别对应星期集） Stamp.setDate(Stamp.getDate() + num); var year = Stamp.getFullYear(); //获取完整的年份

原创 js 在new一个对象的时候是在干什么

(1) 创建一个新对象；(2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象） ；(3) 执行构造函数中的代码（为这个新对象添加属性） ；(4) 返回新对象详细介绍-来源

原创 js 时间戳 转化 标准时间（YYYY-MM-DD ）超简洁

直接上代码封装方法，全局可以调用 transformationTime(inputTime) { var date = new Date(inputTime * 1000); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; var d = date.getDate(); d = d <

原创 Layui插件，获取选中的值

Layui插件，获取选中的值 <script> layui.use('laydate', function() { var laydate = layui.laydate; laydate.render({ elem: '#test1', done: function(value ) { //value 为选中的值 console.log(value )

原创 js 获取当前 年/月/日，并将其格式化为YYYY-MM-DD

获取当前的日期，并转换格式 var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if(month >= 1 && month <= 9) {

原创 js 把“/”替换为“-”，常常用于日期转化

js中日期的斜杠替换为横杠var myDate = new Date();console.log("日期：", myDate.toLocaleString())var str = myDate.toLocaleString()var time = str.replace(/\//g, '-')console.log("替换后日期：", time )方法：replace(/\//g, '-')

原创 支付宝小程序自定义顶部---uniapp

有一个问题，支付宝小程序的顶部导航栏怎么可以去掉原生的呢？看到社区回答：在对应页面的json文件中配置"mp-alipay": { "transparentTitle": "always", "titlePenetrate": "YES" }但是这样就有一个很烦的样式，就是支付宝顶部的返回箭头是无法去掉和隐藏的；支付宝自定义顶部导航—帖子//.jsonLoad(){ my.reLaunch({ url:'../swiper/swiper'// 在页

原创 小程序多订单倒计时（避坑指南）

重要的事情放在前面订单列表倒计时通常需要清除定时器的地方:①切换导航条,②取消订单,③数据请求之前项目场景：例如：订单待付款状态时，订单倒计时，时间结束，该订单消失。问题描述：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStream.read(buffer);

原创 小程序二维码扫描 截取url上的参数

/** * 获取二维码上的参数 */ getUrlValue: function (kValue,Url) { var url = Url; //当前页面的地址 var reg = /([^?&=]+)=([^?&=]+)/g, obj = {}, str = url; url.replace(reg, function () { obj[arguments[1]] = arguments[2]; }) .

原创 小程序内部引导关注公众号实现方法

小程序内部引导关注公众号实现方法：1、小程序内部嵌入公众号二维码，提示保存到本地然后扫码关注2、小程序关注组件，官方已有的开放功能，该方式使用有限制，a.公众号和小程序必须为同一主体b.特殊场景才能使用，比如扫码进入小程序，具体见官方文档3、文字描述，提示用户搜索公众号名字进行关注4、客服消息5、跳转关联的公众号文章，通过文章头部公众号入口进行关注官方提示：1、不支持引导打开关注公众号页，支持打开关联公众号文章2、只支持打开关联公众号的文章引用：博客园...

原创 小程序---修改缓存中的某个字段

修改缓存student中的email字段（student中还有其它的字段） var _student = wx.getStorageSync('student'); _student.email = email; wx.setStorageSync('student', _student);

原创 js 生成四位随机数

js生成四位随机数<script> var charactors="1234567890"; var value='',i; for(j=1;j<=4;j++){ i = parseInt(10*Math.random()); 　 value = value + charactors.charAt(i); } document.write(value);</script>&l

原创 js H5验证码倒计时

验证码倒计时

原创 小程序——动态获取元素到手机顶部的高度，适用于滑动到一定高度固定在手机屏幕上面。

当画线区域滑出手机屏幕后固定在顶部，如下图：

原创 小程序——添加动画，让图标原地旋转

让更新资料旁边的图标在原地进行旋转WXML文件<view class="update" bindtap="upDate"> 更新资料 <image class=" " animation='{{animationData}}' style="width:23rpx;height:23rpx; margin-left:5rpx; margin-top:2rpx;" src="http://dodui.oss-cn-shenzhen.aliyuncs.com/20.

原创 swiper轮播——一个swiper_item里包含8个数据

效果图：当时看到上图红色圈起来的内容。因为需要与下面的小红点进行关联起来，首先想到的就是用swiper来实现，swiper下的swiper-item为一个一个的。但是我们这里一个swiper-item需要放满8个，然后再到下一页。 这时最好的就是让后台按数组返回，一个item里包含8个，再到下一个。这样前端也比较好处理。如果这是后台不好处理，那我们前端也可以进行处理： var a = []; var b = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 22,

原创 小程序------ 内容超过指定的宽度打省略号....

这是会有两种情况1、只能在一行内显示，超出的变为省略号效果图：直接上代码：.line1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}2、在两行内显示，超过的打省略号效果图：直接上代码：.line2 { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orien

原创 文字与文字横向距离或竖向距离

1、文字横向之间的距离小程序中以rpx为单位。letter-spacing: 29rpx；2、文字竖向的距离：也就是我们通常说的行高line-height: 1.5;

原创 小程序------改变手机导航栏颜色

直接上代码：一般小程序的顶部默认为黑色，如果需要修改为白色，在json文件里添加以下语句： "navigationBarTextStyle": "white"