﹏の、浅笑的博客_(6)

Swiper

Swiper是一个功能插件，移动端、PC端均可使用。有JS版本的，也有基于JQ版本的 meta标签移动端自适应最简单的版

ide

轮播图

分页

原创 2022-07-06 12:10:25 577 阅读

for,for of,for in,$.each,$().each跳转循环

getIdData:function (id) { let index=0; $.each(base.arr1,function (i, v) { if(Number(id) == Number(v)){ index=i; // return flase 是结束循环相当于break // retu

js

回调函数

返回结果

for语句

原创 2022-07-06 12:09:50 109 阅读

一些公用js的书写

总结一下公共js的几个方法有大神看到有问题的直接提出谢谢 ajax调用地址栏参数截取时间 ]cookie的相关操作

js

ajax

json

i++

原创 2022-07-06 12:09:39 62 阅读

两个日期的比较

一直会遇到一个问题日期比较问题前端校验中的问题无论是当前时间和活动截止时间或者是开始时间和结束时间在前端一定需要校验之后在进行数据存储这里说的是得到的数据是 2018-10-30 15:39:39 这种形式的 1.一般方法转成时间戳的形式比较会出现bug 2.直接比较这个

js

时间戳

数据

日期比较

原创 2022-07-06 12:09:31 430 阅读

react报错this.setState is not a function

改变react组件的state值，通过setSate来修改实际使用中发现报错原因； export class VenProductListTabs extends React.

react

原创 2022-07-06 12:09:22 220 阅读

react-父组件调用子组件的方法

版本 react@17.0.2 ,所以不能使用ref 父组件 export class VenProductListTabs extends React.Component<any> { constructor(

react

生命周期

原创 2022-07-06 12:09:14 443 阅读

关于input的检验问题

写了很多小应用但是对于input有很多相同的需求在这里做一个总结将用的多的校验方法封装为方法使用 1.只能输入正整数的校验输入的时

js

3g

封装

原创 2022-07-06 12:08:55 49 阅读

github使用的小坑处理

1.本地版本低于线上版本，并做了修改，线上版本也做了修改的情况下，提交内容，必须解决冲突会出现解决方法冲突的几个文件进行初始还原在进行

github

git

上传

解决冲突

原创 2022-07-06 12:08:45 58 阅读

app:利用HBuilder打包webpack项目

1.安装HBuilder 2.将你的项目在HBuilder中打开 3.控制台打包编译 4.新建一个app项目，将项目编译生成的dist文件夹，复制到app项目中 5.双击manifest.json文件

移动端

json

注册登录

下载安装

原创 2022-07-06 12:08:36 342 阅读

echart-悬浮框-初探

今天有一个需求是这样的柱状图：当鼠标移到 x轴线上显示弹框内容一当鼠标移到柱状图上显示弹框内容二首先鼠标移到坐标轴线的时

echart

坐标轴

柱状图

旋转角度

原创 2022-07-06 12:07:49 474 阅读

通过iis访问电脑文件

新公司没有开发环境，移动端项目，需要自己在手机上先进行查看效果，提供了一个方法iis，之前有听过，但是一直没有用过

移动端

iis

开发环境

管理工具

原创 2022-07-06 12:07:04 184 阅读

ios6

1.滚动条一开始可以滚动，从页面返回后不可以滚动

css

移动端

原创 2022-07-06 12:06:42 124 阅读

echart-渐变色背景

先上图为了优化界面，设计采用了渐变色来填充柱状图配置项 series 渐变色方向控制这样就实现了

echart

渐变色

柱状图

数据

原创 2022-07-06 12:06:23 644 阅读

echart-legend的图例改变

默认显示，默认是长方块改变图例形状标志图形类型，默认自动选择（8种类型循环使用，不显示标志图形可设为'none'）

echart

ico

图例

自定义

原创 2022-07-06 12:06:13 370 阅读

bootstrap radio

$('.input').prop('checked',true); bootstrap 中这个不管用 $('.input').attr('checked',true);

bootstrap

原创 2022-07-06 12:06:00 41 阅读

vue-less

在vue项目中使用less,正常构建好项目以后这时，会发现有报错，因为项目中没有less loader去解析less 所以我们安装less的依赖包安装之后还需要手动在webpack.config文件上，进行配置配置好以后，重新 npm run dev 就可以正常显示了

vue

依赖包

css

原创 2022-07-06 12:05:55 124 阅读

echart-柱状图

目前在改别人遗留的bug,需求：宽度自适应的情况下展示不友好：宽度太大上下不居中需求要上下无论是否有内容都要居中展示以0刻度为标准宽度设置高度调整

echart

最小值

数据

旋转角度

原创 2022-07-06 12:05:49 391 阅读

datatable-固定行固定列

之前用fixed-table.js 写了一个固定行，固定列的效果，缺点是无法随着屏幕自适应宽度，所以被产品pass掉了，还是继续看datatable的坑。 datatable这个是一个很强大的表格工具，之前只有英文文档，用于系统管理平台的开发有很大的用处，现在出了中文文档，更方便了。现在记录一下

datatable

table

css

javascript

bootstrap

原创 2022-07-06 12:04:50 1524 阅读

css-背景全铺

背景全铺 body { width: 100%; height: 100%; min-height: 665px; background: url(../img/login-bg.png) #386eb7 no-repeat bottom; background-size: cover; backg

css

背景图

移动端

原创 2022-07-06 12:04:34 237 阅读

移动端扫描枪输入不弹出键盘

目前有一个需求，用户可以手写输入也可以扫描枪输入，使用安卓的一个机器，进行扫描二维码读取内容并查找展示扫描枪原理：模拟移动端输入键盘，从而将获取的内容赋值在获取焦点的input上（扫到东西的话会自动在焦点处输出）因为是模拟输入键盘实际上扫描枪输入完成以后，会自动吊起移动端小键盘，现

移动端

js

jQuery

小键盘

获取焦点

原创 2022-07-06 12:04:24 828 阅读

扫码枪移动端监听

需求：做一个使用扫码枪扫描胸牌二维码签到的功能扫码枪有一个设置，可以追加一个扫描完成的特殊字符，前端根据固定的特殊字符来判断是否扫描完成，从而执行后面的操作步骤： js:利用keyup方法，动态监听实时输入框内容，匹配扫描枪的结束标识字符缺点：硬件依附性很高，在测试阶段，由于扫描枪升级，导致

移动端

js

特殊字符

标识符

输入框

原创 2022-07-06 12:04:13 1109 阅读

element-ui 后台问题

1.package.json 中配置不是所有的都是 npm run dev,npm rn bulid 还要看配置文件 npm run dev 运行开发环境 npm run build:prod 运行生产环境（打包） 2.elemnt-ui如何将文件流和其他字段一起提交用element-ui框架

element-ui

vue

ide

上传

ios

原创 2022-07-06 12:04:00 169 阅读

js计算-浮点精确度问题

出现问题 0.7+0.1 本来应该等于0,8 现在确实0.799999 过程：十进制转二进制，运算后再转十进制展示，而转化过程中十进制的数字转化为 01 无限循环的二进制，结果也是无限循环的二进制数字，在转化成十进制，就成了结果不正确了为了防止出现这样的情况，解决方案方法1：在做金额问题的

js

十进制

无限循环

二进制数字

原创 2022-07-06 12:03:47 78 阅读

js下载遇到的问题

js下载 exportCanvasAsPNG(canvas, 'invoice.png') // 下载 function exportCanvasAsPNG(obj, fileName) { var canvasElement = obj; var MIME_TYPE = "image/png";

js

microsoft

原创 2022-07-06 12:03:33 36 阅读

横向滚动导航

实现：方法1： html结构 <div class="tab-nav"> <div class="nav-box"> <div class="nav-tab-item on">Intel</div> <div class="nav-tab-item">Microsoft</div> <div cl

css

块级元素

html

原创 2022-07-06 12:03:15 400 阅读

伪元素 content使用实体字符

效果图：引入资源包：font-awesome.min.css css span:after { font-family: "FontAwesome"; content: "\f00c"; font-size: 14px; }

css

原创 2022-07-06 11:57:49 80 阅读

监听移动端横屏竖屏-orientation

最近疫情，直播的项目增多，直播的话就需要有视频区域展示，在移动端上，除去聊天互动，点赞，刷礼物等内容，视频区域展示内容相对来说较小。一般情况下，video设置controls 会有一个全屏显示的按钮，可以进行切换，现在产品需要在不点击video提供的全屏切换按钮的情况下，（以防用户无意间手机横

直播

移动端

js

ide

横屏

原创 2022-07-06 11:57:43 487 阅读

JS 事件委托

用JQ用多了，来回顾一下原生JS的事件委托怎么写 HTML list 内容是 ajax动态传入的，所以点击事件就委托到.list上 JS var list = document.g

js

ajax

点击事件

html

原创 2022-07-06 11:57:28 39 阅读

vue-组件间通信

抽个小空，写个总结。方便以后查看有不对的，请指出，非常感谢； 1.父子组件通信父组件 =》子组件 props 在父组件中：调用子组件的时候，将msg传递可以是变量用： <tips :msg="msg"></tips> 在子组件中：通过props接受父组件传递过来的数据：msg //te

vue

数据

ide

js代码

原创 2022-07-06 11:57:15 70 阅读

vue-插槽

内容分发的工具 1.匿名插槽 //compontent <template> <div class="slot"> <slot></slot> </div> </template> // parent <slotComponten> 内容 </slotComponten> //效果组件的slot展

vue

插槽

数据

作用域

原创 2022-07-06 11:57:02 59 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

qq60a75f52923df的博客

Swiper

for,for of,for in,$.each,$().each跳转循环

一些公用js的书写

两个日期的比较

react报错this.setState is not a function

react-父组件调用子组件的方法

关于input的检验问题

github使用的小坑处理

app:利用HBuilder打包webpack项目

echart-悬浮框-初探

通过iis访问电脑文件

ios6

echart-渐变色背景

echart-legend的图例改变

bootstrap radio

vue-less

echart-柱状图

datatable-固定行固定列

css-背景全铺

移动端扫描枪输入不弹出键盘

扫码枪移动端监听

element-ui 后台问题

js计算-浮点精确度问题

js下载遇到的问题

横向滚动导航

伪元素 content使用实体字符

监听移动端横屏竖屏-orientation

JS 事件委托

vue-组件间通信

vue-插槽