前端开发
是九叔啊
这个作者很懒,什么都没留下…
展开
-
h5 video 移动端 视频预览图片
<video @ended="over(item.id)" :src="item.video_url" :poster="item.video_url+'?vframe/jpg/offset/1'" style="object-fit:fill" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-vid.原创 2020-07-20 11:37:34 · 3529 阅读 · 2 评论 -
关于html2canvas截屏模糊的问题
今天要做个项目需要将body里的html生成图片并保存左思右想就用了html2canvas插件然而遇到一个问题就是图片生成的不清晰会有模糊网上找了例子也没啥用后面突发奇想就把那个meat注掉了只保留utf-8的居然清晰了。。。。。。...原创 2019-05-23 19:57:59 · 3013 阅读 · 2 评论 -
JS 中可以提升幸福度的小技巧
作者:SHERlocked93juejin.im/post/5b51e5d3f265da0f4861143c 本文主要介绍一些JS中用到的小技巧,可以在日常Coding中提升幸福度,将不定期更新~ 1. 类型强制转换 1.1 string强制转换为数字 可以用*1来转化为数字(实际上是调用.valueOf方法) 然后使用Number.isNaN来判断是否为NaN...转载 2019-01-11 16:20:35 · 293 阅读 · 0 评论 -
Promise 异步转同步 .then()
创建一个api.jsexport const login= function() { return new Promise(function (resolve, reject) { wx.login({ success: function (res) { resolve(res) }, fail: function (res) { ...原创 2018-12-20 20:50:42 · 14557 阅读 · 1 评论 -
小程序界面渲染数据计算 小程序界面渲染保留小数
新建一个wxs文件var Fix= { toFix: function (value) { return value.toFixed(1)//此处1为保留一位小数 }}module.exports = { toFix: Fix.toFix}然后在wxml引入wxs文件<wxs module="Fix" src="fix.wxs"></...原创 2018-11-19 15:21:39 · 3375 阅读 · 2 评论 -
微信h5视频自动播放
<video autoplay="autoplay" class="video-source" id="videoID" width="100%" controls style="object-fit:fill" webkit-playsinline="true" x-webkit-airplay="true" playsinline="tru原创 2018-10-10 18:02:24 · 11261 阅读 · 8 评论 -
遍历子元素 jQ+js结合
var arr=[]; var s = $('.tbody>tr'); for(var a=0;a<s.length;a++){ console.log(s[a]); var da={}; da.openid=s[a].children[1].i...原创 2018-09-13 13:56:08 · 901 阅读 · 0 评论 -
小程序判断 if elif else
<rich-text class='type type1' wx:if='{{item.hxstatus==0}}'>待使用</rich-text><rich-text class='type type2' wx:elif='{{item.hxstatus==1}}'>已使用</rich-text><rich-text class='ty...原创 2018-09-05 09:02:13 · 16779 阅读 · 0 评论 -
css变量 图片旋转漂浮动画
:root{ --screen-category: rotate(0deg); }//全局变量 #img1{left: 50px;position: absolute; top: 50px;display: none;} .rol{ -webkit-transform:var(--screen-category); transform:var(--screen-cate...原创 2018-08-29 14:00:24 · 297 阅读 · 0 评论 -
JQ控制input自动获取焦点
先贴图要做这个效果 input的placeholder=""肯定不行 只能自己写了贴代码 html<div class="na"> <label><span>姓名 </span><span> Name</span></label> <原创 2018-08-02 16:46:28 · 23592 阅读 · 0 评论 -
jQ,js控制select下拉框显示
刚开始遇到这玩意觉得很简单 以为加一行$('select').click()就好了,其实不是的 我这个原理是用点击穿透事件的 适用于你点击的div或者图片是覆盖在select上面的废话少说贴代码吧<!DOCTYPE html><html><head><meta charset="UTF-8"><title>...原创 2018-08-06 16:39:45 · 7314 阅读 · 4 评论 -
微信h5界面隐藏分享按钮
两种方法 1: 加一段js代码<script type="text/javascript">document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu');});</script>2...原创 2018-08-03 17:08:13 · 8804 阅读 · 2 评论 -
html文件里相对路径怎么快速改成绝对路径
在工作中我们可能遇到一些项目类似的 只需要改一点小东西就好了 name我们就可以只移植html文件就好了 不用全部移植 但是如果我们里面引入文件是相对路径的话 那我们可能需要一个一个的把域名加上去改成绝对路径,但是你们可能不知道其实html里相对路径改成绝对路径是有方法快速更改的 好了 话不多说 贴代码<!DOCTYPE html><html>...原创 2018-07-26 10:42:28 · 8006 阅读 · 0 评论 -
JSON.parse()同样的字符串放在不同服务器上解析报错
今天遇见一个非常奇葩的问题 同样的字符串在不同的服务器里用JSON.parse解析 一个正常一个报错 百度了下说{}外面必须用单引号?然后试了下还是报错就换了种方法用eval(),就可以了 success: function(data){// data = JSON.parse(data);//报错 result = eval("(" + data + ")");...原创 2018-07-26 10:06:57 · 832 阅读 · 0 评论 -
swiper 间距轮播图 滑块
引入 swiper文件<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/Swiper/4.3.0/css/swiper.min.css"/><script type="text/javascript" src="https://cdn.bootcss.com/Swiper/4.3.0/js/原创 2018-06-15 13:58:38 · 6815 阅读 · 1 评论 -
jQuery WEUI 轮播js动态替换追加删除图片
首先介绍几个api:mySwiper.appendSlide(slides);添加mySwiper.removeSlide(slideIndex);删除mySwiper.removeAllSlides();删除所有里面是有api的 不需要我们用js或者jq的方法来替换元素贴代码了我这边是循环的...原创 2018-05-30 15:12:09 · 1755 阅读 · 0 评论 -
手机端div设置overflow-y:scroll时怎么阻止body页面的滚动?
对局部需要滚动条的元素,使用这个css属性:-webkit-overflow-scrolling: touch;实测;转载 2018-05-24 14:24:31 · 5073 阅读 · 1 评论 -
小程序 调用地址api
if (wx.chooseAddress) { wx.chooseAddress({ success: function (res) { console.log(JSON.stringify(res)) }, fail: function (err) { console.log(JSO...转载 2018-04-21 09:33:06 · 2738 阅读 · 0 评论 -
小程序内嵌h5界面跳转小程序其他界面
先引入微信js-sdk<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>然后在h5点击事件里调用wx.miniProgram.navigateTo({url:'/pages/index/index'});就好了...原创 2018-04-11 11:12:14 · 12186 阅读 · 0 评论