自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 u-calendar uview日历控件修改range版(新增起始、终止日期;每次show渲染最新起始日期、单次点击起点自动选中当天为终点)

首先新增起始终止日期借鉴了文章:https://blog.csdn.net/qq_47498423/article/details/133914597。

2023-10-26 11:27:51 727

原创 uniapp 多语言版本demo in18

in18多语言版本uniapp demo

2022-08-04 10:28:08 330

原创 全国省市maputil.js

全国省市导入json的js

2022-06-10 17:36:27 275

原创 uniapp 某些bug解决方法探究

uniapp 一些兼容性、微信小程序本身的bug引起的问题及解决方法

2022-06-09 15:32:40 1025

原创 uniapp编译至wx小程序后,ios端出现MiniProgramError白屏

ios端打开调试报错信息如上,后经查询资料发现,ios端不支持零宽断言的正则,android没问题,删掉改成别的就能正常运行了。所以遇到相同报错的旁友去看看你们的正则表达式!!!零宽断言最常见用法(?=,?<=,?!,?<!)以上几种字符组合建议全局搜索排除一下...

2022-01-27 09:38:17 4472

原创 不确定宽高的div盒子在父元素里垂直水平居中

用的定位属性position:absolute,让margin:0 auto 失效了这时候莫慌position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);

2022-01-03 16:46:49 187

原创 uniapp uni.navigateTo()打包微信小程序 在ios端偶发性失效的问题

翻完论坛了没找到解决办法,最后用reLaunch替代navigateTouni.reLaunch({ url: '............' })跳转路径格式和uni.navigateTo 一样…还以为是代码报错反正就很无大语,这个问题好像一八年就有人反馈了...

2021-12-16 20:30:45 626

原创 模拟触发tabbar uniapp

最近做uniapp发现单独封装的组件触发并不会实时反馈在页面上,研究了一段时间,记录下来以便不时之需。组件调用页面 <header-nav @changetab="changeTab" :sc="sc" :tabpage="tabpage" ref="headerNav"></header-nav>父元素页模拟触发:this.$refs['headerNav'].changeTab(0)组件页面:<view class="tabs" id="navs"&g

2021-12-10 17:57:34 707

原创 2021-07-24 时间处理 例2021-07-23T01:45:00.000Z

最近使用比较多的小tips时间戳处理,例如2021-07-23T01:45:00.000Z renderTime(date) { var dates = new Date(date).toJSON(); return new Date(+new Date(dates) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '') }处理后的样式如下 2021-07-21

2021-07-24 10:28:12 2193

原创 2021-05-27 移动端适配的时候

自动计算代码:注意单位使用remvar htmlWidth = document.documentElement.clientWidth || document.body.clientWidth var htmlDom = document.getElementsByTagName("html")[0]; if (htmlWidth >= 750) { htmlDom.style.fontSize = '100px'; } e

2021-05-27 11:21:10 78

原创 toFixed方法无法精准四舍五入的问题

亲测好用的toFixed方法无法精准四舍五入的问题tofixed一遇到取舍位置为5的时候就会不间断抽风例如89.115.tofixed(2)能给你弄成89.11大坑啊做保险费计算的时候给我整的够呛话不多说贴代码,重写了toFiexd方法:Number.prototype.toFixed=function (d) { var s=this+""; if(!d)d=0; if(s.indexOf(".")==-1)s+=

2021-05-08 17:22:18 1225 1

原创 关于动态生成某些组件不知宽度的问题

首先我做的移动端有个卡片列表是需要横向滚动条的问题来了,动态生成的卡片,咱也不知道有多少个,这个宽度怎么设置呢?纯CSS方法如下:1.给我的小卡片们的父元素设置:white-space: nowrap;2.给每一个小卡片设置了:display: inline-table;white-space: pre-wrap;这样能保证小卡片里的内容换行,不然就会受父元素影响。over~...

2021-04-19 16:45:58 80

原创 关于url地址栏 参数拆分、中文解码问题

传参例如xxxxxx.html?id=123456getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable

2021-04-19 15:42:50 183

原创 关于input框里placeholder位置自定义的问题

这是我写的一个自定义样式输入框,显而易见这里placeholder顶格了非常难看,于是要调整位置。通过定位属性,自定义placeholder位置代码如下:input::-webkit-input-placeholder{ position:relative; left: .5rem;}如果不想选中所有input框的placeholder,即可在input前面加上选择器例如:.service_problems input::-webkit-input-placeholder{

2021-02-24 16:28:24 2967

原创 css3中border-bottom-xxx-radius不生效问题+表格美化问题

关于table表格中圆角不生效的问题某天我写了一个表格长这样:问题来了我设置了四个角的圆角,但是最后没生效!并且th和td错开了一像素看起来非常不舒服。代码如下:.computedtable th:first-child { border-top-left-radius: 12px;}.computedtable th:last-child { border-top-right-radius: 12px;}.computedtable tr:last-child td:

2021-01-21 14:44:04 808 3

原创 jQuery关于移入移出鼠标,遮罩层闪烁的问题

最近写的那个放大镜效果在ie浏览器兼容模式下出现了闪烁效果,由此去查询了jQuery的***mouseout***与***mouseover***事件的问题。 mouseout: 只要鼠标指针移出事件所绑定的元素或其子元素,都会触发该事件 mouseleave: 只有鼠标指针移出事件所绑定的元素时,才会触发该事件如果没有子元素,那么该元素绑定两种事件效果没有区别,只会触发一次事件;如果绑定了mouseout事件的元素存在子元素,那么,每次移入该元素时都会触发一次事件(包括从外部移入

2021-01-18 15:27:45 814

原创 自己写了一个放大镜效果jQuery+css+html

首先我们来看一下大概的效果,因为没有使用已封装好的插件,自己写着玩的,效果比较粗糙,这里只做个参考~简而言之就是鼠标移到哪里,哪里看起来放大。我的思路是在图层上新增两个div,一个是鼠标选取的区域(图上黄色的部分),一个是放大后的展示区域,当mouseover事件触发的时候,鼠标选取的区域,展示区display变成block。然后触发mousemove事件的时候就可以让选区跟着鼠标跑了。由于一个页面里面多次使用了这个效果,因此我将其简单的做了一下封装,以便重复使用。先将相关效果代码附上:html

2021-01-05 17:00:39 146

原创 腾讯面经2020.11.24

一面wxg:自我介绍:对自己项目介绍,技术栈等等,优化设计是关注重点。然后手撕代码2题。接下来常规询问环节,大概涉及的知识点如下:await async网络常见安全攻击,解决方法(我提到了csp与token校验,马上加问csp和token校验怎么实现的)防抖节流(出现场景,应用情况,解决方法,手写) vue核心原理,我答了mvvm模型,vm作为中间件啥的还有数据绑定,面试官不太满意缓存知多少(我答了协商缓存和强制缓存,具体是性能、返回码、比较优缺点)他加问了破解强制缓存的方法,我说F5+Ct

2020-12-15 17:51:29 150

原创 用复用插件的形式写无缝衔接轮播图jQuery/JavaScript

效果图如下:亮点是一套代码可以生成多个可复用组件,还可以动态设置各个组件的动画时间,各组件互不干扰。以下是代码:html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>

2020-12-15 17:38:07 137

原创 原生js/jQuery写的一个动态添加样式的效果

原生js/jQuery写的一个动态添加样式的效果点击日历点亮,样式如下:原生:js:function(){ var menu = document.getElementsByClassName('day-rows')[0]; var ps = menu.getElementsByClassName('box'); for(var i = 0; i < ps.length; i++){

2020-12-11 10:54:32 186

原创 输入年月渲染当月的日历

输入年月渲染当月日历 JavaScript首先效果图是这样:html代码:css代码如下:JavaScript代码如下:首先效果图是这样:html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2020-12-10 11:11:34 366

原创 bootstrap table中正在加载显示的问题

bootstrap table中正在加载显示的问题解决方法:记录一下项目中遇到的问题,关于bootstrap的问题解决方法:$('#historytable').bootstrapTable("hideLoading");$(‘表格名字’)选中表格,添加这一行就可以实现了。加在渲染完表格之后...

2020-11-12 12:25:56 2303

原创 2020.10.30汉得公司面经

前几日网申线上笔试过了,今天线上面试,预计每个人面试时间二十分钟,但是那个面试官整整问了我35分钟hhh,问的越多暴露问题越多。特意记下来问题,给后来的小伙伴们一些参考。 1.首先自我介绍(准备一下吧,我没有准备给我直接问懵圈了) 2.介绍自己的项目经验(项目/技术/遇到问题怎么解决) 3.开始问答环节 **(1)html标签:我还真不知道这是问的什么只能凭着记忆说了分为块级行内之类的,还有嵌套规则,html5新标签 (2)盒子模型 ...

2020-10-30 15:31:29 966 2

原创 前端笔试错题的一个汇总

1.以下运行结果:for(var i = 0; i < 10; i++) { setTimeout(function() { console.log(i); }, 1000);}正确答案:10个10 我误选为0-9查阅资料:setTimeout中的闭包函数是每1s执行一次,由于for循环的执行速度远小于1s,所以当开始执行闭包函数的时候for循环已经结束了(i=10),之后闭包函数执行十次(因为循环了10次),所以打印了10个10。简而言之:当触发函数时,

2020-10-27 11:31:27 565

原创 清除浮动的方式

首先我们需要明确一个定义,什么是浮动?元素使用float属性之后,会脱离文档流,父级元素因此失去支撑(若父级元素未设置高度),下面的元素会忽略父级元素布局,为了不影响页面布局效果,我们需要清除浮动。清除浮动的常用方式有以下三种:1.浮动元素的父级元素#parent{ overflow:hidden;}2.浮动元素的父级元素后添加伪元素#parent ::after{ clear:both; content:' '; display:block; }`3.浮动元素的同级:添加一个空标签,并且给

2020-10-26 20:27:35 118

原创 HTTP返回码详解

1XX(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。100(继续),服务器等待其他部分。101(切换协议)请求者要求服务器切换协议,服务器确认并准备切换2xx(成功)200(成功)201(已创建)202(服务器已接受请求尚未处理)203(非授权信息,服务器已处理,返回信息来自其他源)204(无返回)205(重置内容)206(处理了部分get请求)3xx(重定向)300(多种选择,针对请求,服务器可执行多种操作,提供操作列表供请求者选择)301(永久移动)请求的网页已

2020-10-24 19:57:22 142

原创 vue项目部署到云服务器

1:使用npm run build进行打包打包完成后自动生成dist文件夹2:打开dist/下的index.html修改config/index.js里的assetsPublicPath的字段,初始项目是/,现在改为./修改dist下的index.html资源路径为./打开dist底下的index.html文件,修改所有src文件路径/->./3.:dist文件夹扔进服务器,比如上传到cyberduck4:访问: 域名+/dist/index.html...

2020-10-12 18:59:31 417

原创 记录一下码云的大致使用流程

记录一下码云使用入门1.首先创建一个仓库创建过程省略…2.创建成功后获取URL3.本地新建文件夹4.将远程仓库的代码克隆到本地文件夹> git clone https://xxx.git5.编写代码…6.将代码提交到本地仓库> git add *7.编写提交信息> git commit -m “[姓名]修改了/提交了”8.将代码提交到远程仓库> git push origin master...

2020-09-15 10:28:14 103

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除