前端
文章平均质量分 51
哼唧怪的嘤嘤怪
这个作者很懒,什么都没留下…
展开
-
waterfall 上拉加载 下拉刷新
在app中经常会遇到 上拉加载 下拉刷新的操作我也不明白为啥官网不写清楚<template> <waterfall column-count="2" column-width="auto"> <refresh class="refresh" @refresh="onrefresh" @pullingdown="onpullingdown" :display="refreshing ? 'show' : 'hide'"> //下拉刷新 <loading原创 2022-02-22 18:02:24 · 513 阅读 · 2 评论 -
nvue页面 自适应布局踩坑
官网上写道flex 属性定义了 flex 成员项可以占用容器中剩余空间的大小。 flex {number}:值为 number 类型。经常用作自适应布局,将父容器的display:flex,侧边栏大小固定后,将内容区flex:1,内容区则会自动放大占满剩余空间。但是最近开发的时候发现<div style="width:750rpx; background-color:#09BB07;"> <div style="flex-direction: row; display:flex;原创 2022-02-17 11:32:38 · 1570 阅读 · 0 评论 -
关于SEO优化
来点好玩的:对于seo优化我们前端能做些啥呢?首先正确写网站title、keywords、description。1.title<title>巴啦啦能量</title> //搜索引擎在抓取网页时,最先读取的就是网页标题,所以title是否正确设置极其重要title 一般写23个字左右不然就会显示…title 一般是“网站名称+主关键词或一句含有主关键词的描述”二、keywords<meta name=”Keywords” Content=”关键词1,关键词2原创 2020-06-17 16:18:02 · 246 阅读 · 0 评论 -
swiper Swiper.slideTo跳转不到0的问题解决
写小红书例子的时候遇到的问题Swiper.slideTo 无法跳转回第一个swiper-slide首先要知道这个东西正常是要咋用的//理论上这个样子就可以用了var mySwiper = new Swiper('.swiper-container');mySwiper.slideTo(1);但是现在的问题mySwiper.slideTo(0); //竟然没有用!!!!!!解决方...原创 2020-03-30 10:36:18 · 4406 阅读 · 5 评论 -
Mui 微信支付、支付宝支付
payStatement :调起微信支付接口的参数参考文档: https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=9_12&index=2/** * 支付 * @param {Object} payType 支付类型 * @param {Object} payStatement 调起...转载 2020-03-13 16:48:24 · 503 阅读 · 0 评论 -
JQ计时器的区别
var demo1 = setInterval(function () { //创建这个计时器(这个计时器是无限循环的)也是先延时在执行的//这要进行的操作}, 4000);clearInterval(demo1); //停止这个计时器setTimeout(function () { //延时执行(尽量使用上面的方法这种会堆积在内存)//延时执行这里面的内容只一次}, 30);...原创 2019-11-04 10:59:35 · 194 阅读 · 0 评论 -
前端查询时间转换
moment(data.data.generationTime).format(‘YYYY-MM-DD HH:mm:ss’)脑子不好记不住原创 2019-09-28 12:11:39 · 181 阅读 · 0 评论 -
mui横屏状态横屏状态下隐藏状态栏
mui.plusReady(function() { //mui横屏状态if (mui.os.android) {plus.screen.lockOrientation(“landscape-primary”);}});plus.navigator.setFullscreen(true); //mui横屏状态下隐藏状态栏转载 2019-09-04 15:45:10 · 741 阅读 · 1 评论 -
拼接json字符串
if(!jsonc) jsonc = {}; jsonc.language = localStorage.getItem(“language”); //在这里添加json凭借json转载 2019-06-14 19:04:38 · 630 阅读 · 0 评论 -
商品秒杀,防并发解决思路(乐观锁)
我们遇到的问题是,当有最后一件商品有两个或者多个人同时的去点击购买时,这个商品应该分配给谁。要解决这个问题,网上一般推荐的方法是使用,乐观锁/悲观锁数据库高并发下乐观锁的原理 在高并发下,经常需要处理SELECT之后,在业务层处理逻辑,再执行UPDATE的情况。 若两个连接并发查询同一条数据,然后在执行一些逻辑判断或业务操作后,执行UPDATE,可能出现与预期不相符的结果。 在不使用...转载 2019-05-17 14:54:46 · 1782 阅读 · 0 评论 -
前端的一些理论知识
渐进增强&优雅降级优雅降级:一开始就构建站点的完整功能,然后针对浏览器测试和修复;.transition { /*优雅降级写法*/ transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s;}渐...转载 2019-05-06 23:33:53 · 285 阅读 · 0 评论 -
导航有多条内容点击滚动导航栏
感觉没法描述这个特效…html:<div class="waikuang"> <!--最外面的大框框--> <div class="headbtn"> <!--用来显示能够看到的内容--> <ul> <!--滚动用的--> <div class="xuanzhong"><p>1...原创 2019-04-18 08:22:09 · 430 阅读 · 0 评论 -
mui保存视频 input保存视频 from保存文件
mui中选择了视频后和input选择的视频保存方法有一定的不一样来看代码:选择视频这一段和选择图片一样,只是最后的文件类型不同而已。var shiping = ""; //选择的视频(定义一个这东西保存的时候方便点)function getImagefan() { //录像 var c = plus.camera.getCamera(); c.startVideoCapture(f...原创 2019-04-13 11:25:21 · 754 阅读 · 0 评论 -
JQ数据库查询时间转换
一个破时间转换找了20分钟,备份防丢!!!var rxshunxu = getDateStr('把参数传过来'); //开始时间这里返回过去如果要天就把最后的注射放开function getDateStr(str){ //日期转换 var date = new Date(parseInt(str.replace("/Date(", "").replace(")/", ""))); ...转载 2019-04-12 20:26:48 · 279 阅读 · 0 评论 -
购票时间限制的判断
购票时间限制此处使用,火车/汽车购票时间的判断。判断出发车前15分钟停止售票,发出的车辆无法购票,只能购买一个月以内的车票。function getHoursDiff(computertime,selecttime) { if(typeof(computertime)=="string") { computertime=new D...原创 2019-02-17 12:43:45 · 296 阅读 · 0 评论 -
关于讨厌的iframe
关于讨厌的iframe时常会用到iframe,但是一直都有个问题就是他不能根据打开的网页自动适应高度,来看看我的解决方案~。<div class="rowhanshu" style="overflow-x:hidden;"> <iframe id="iFrame1" name="iFrame1" width="100%" height="100原创 2019-02-17 12:53:09 · 136 阅读 · 0 评论 -
web前端开发:html与css命名规范分享
web前端开发:html与css命名规范分享先来回顾一下驼峰驼峰式命名法介绍Pascal Case 大驼峰式命名法:首字母大写。eg:StudentInfo、UserInfo、ProductInfoCamel Case 小驼峰式命名法:首字母小写。eg:studentInfo、userInfo、productInfo文件资源命名文件名不得含有空格文件名建议只使用小写字母,不使用大写字母。( 为...转载 2019-02-17 13:04:01 · 317 阅读 · 0 评论 -
html绝对居中 & 滚动条缓慢滚动 &数组
html绝对居中,移动端极其好用自己老是忘记所以写个博客备忘<div class="db"> <div class="dm"></div></div>.db{ width:400px; height:200px; background:#ccc;}.dm{ width:50px;转载 2019-03-10 19:54:57 · 580 阅读 · 0 评论 -
mui框架点击两次返回后返回上一页面
mui框架点击两次后返回上一页面这个问题找了蛮久了,今天意外得到解决,从百度上查到的大多都是监听返回按钮点击两次返回后直接退出APP。我这里需要的却是反回上个页面。正文正文//-------------监听返回让他点击两次才能返回---------------var clickNum = 0;mui.back = function(event) { clickNum++; if(cl...原创 2019-03-22 08:46:34 · 1442 阅读 · 0 评论 -
关于正则验证
不时都会更新(记性不好怕自己找不到)手机号码验证if (isPhoneNo(shoujinum) == false) { //判断手机号码};function isPhoneNo(phone) { // 验证手机号 var pattern = /^1[34578]\d{9}$/; return pattern.test(phone);}邮箱验证if (isema...转载 2019-03-25 20:01:17 · 147 阅读 · 0 评论 -
mui上传视频&图片踩坑plus.io.resolveLocalFileSystemURL
mui上传视频and图片从官方文档转过来的防止忘记没地方找function galleryImg() { plus.gallery.pick(function(a) { plus.io.resolveLocalFileSystemURL(a, function(entry) { plus.io.resolveLocalFileSystemURL("_doc/", function(...原创 2019-03-22 21:19:48 · 11095 阅读 · 7 评论 -
mui跨界面传值
关于跨界面传值,无非就两种。(1):打开一个节界面的时候从父页面传递一个值去子页面(2):关闭一个子页面的时候,把值传回父页面。方法一:父页面传至到子页面父页面写:window.kos.oppenAddresume = function(){ //点击新增简历 var jianli = {jianliid:jianliid} ; //这里传了简历ID goTabView("add...原创 2019-04-08 09:38:10 · 435 阅读 · 0 评论 -
mui框架保存图片
已经在另外一个博客中写明要怎样选择视频和图片了,这里说说怎么把它保存起来选择图片见:https://blog.csdn.net/weixin_41623830/article/details/88751088下面看正文:JS://----------图片上传和压缩,转base64(保存图片)-------------//将图片压缩转成base64 function getBase64I...原创 2019-04-03 16:56:40 · 1251 阅读 · 0 评论 -
JQ实现谷歌小恐龙小游戏
JQ实现谷歌小恐龙小游戏啦啦啦做个小恐龙试试!!!!楼下效果图原创 2019-01-16 21:17:36 · 18320 阅读 · 18 评论