![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 57
html css javascript总结
wjp@001
这个作者很懒,什么都没留下…
展开
-
gulp使用问题
gulp.seriesis not a functionnpm i gulp-seriesgulp.parallel is not a function原创 2021-06-25 18:24:38 · 460 阅读 · 0 评论 -
滑动吸顶position: sticky
在开发移动端app时,经常会碰到需要这样一种情况 —— 网站滚动到一定高度的时候,让一部分内容作为navbar,也就是置顶显示,我们一般会使用js监听scroll事件来实现,但是新增的css属性position:sticky可以简单实现我不是最后一个知道的:position: stickyposition的含义是指定位类型,取值类型可以有:static、relative、absolute、fixed、inherit和sticky,这里sticky是CSS3新发布的一个属性。我今天重点要说的就是sti转载 2021-06-09 10:50:47 · 824 阅读 · 0 评论 -
CSS实现背景图尺寸不随浏览器缩放而变化
方法一. 把图片作为background,方法二使用img标签。同时要有一张足够大尺寸的图片。方法一. 把图片作为background有几个CSS的属性要提一下:background-size:cover,这个CSS3的属性作用是把背景图像扩展至足够大,以使背景图像完全覆盖背景区域,背景图像的某些部分也许无法显示在背景定位区域中,如果不使用这个属性,在IE11和FireFox中缩放浏览器,背景图片会随之缩小,同时使用-webkit-background-size: cover和-o-backgrou.转载 2021-01-27 16:42:59 · 3860 阅读 · 0 评论 -
js canvas 绘制波浪
<!DOCTYPE html><head> <title>波浪</title> <meta charset="utf-8" /> <style> *{margin: 0;padding: 0;} .waveBox{ width: 100%; height: 200px; position: relative.转载 2020-09-28 17:10:20 · 901 阅读 · 0 评论 -
蓝湖的设计稿变html 好几点
蓝湖的设计稿都是颜色+透明度,坑爹操作小程序背景色按照透明度设置后互相传染了。。。找了个js的把RGBA转换为16进制 function hexify(color) { var values = color .replace(/rgba?\(/, '') .replace(/\)/, '') .r...原创 2019-11-20 16:39:30 · 5874 阅读 · 0 评论 -
h5下载预览pdf,excel
需求是微信公众号页面导出pdf,开始认为php可以实现,找了mpdf,结果高版本只支持php7.0以上的,又找了mpdf6.0结果发现手机端根本就不能实现。。好吧还是去前端想办法canvas去吧<script src="https://cdn.bootcss.com/jspdf/1.5.3/jspdf.debug.js"></script><s...原创 2019-12-27 18:59:47 · 2334 阅读 · 0 评论 -
chartjs 图表的使用=笛卡尔轴
chartjs中文文档下载原创 2020-06-16 14:44:37 · 274 阅读 · 0 评论 -
Regular、Normal、Medium、Light 对应的font-weight值
字体粗细:‘font-weight’属性名称: font-weight取值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900初始: normal适用于: 所有元素继承: 是百分比: (不适用)媒介: 视觉计算值: 详见描述动画: -‘...转载 2020-02-14 11:23:04 · 5217 阅读 · 0 评论 -
多级评论展示左边的线
感谢聪,重要的是布局效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...原创 2019-11-22 18:34:36 · 118 阅读 · 0 评论 -
h5生成海报到php生成海报
1.h5生成海报 <div id="qrcodeCanvas" style="position: absolute;left:-2000px"></div> <!--海报图画布--> <canvas id="myCanvas" style="position: absolute;right:-2000px"></canvas> <div class="showPoster"><img id="sho原创 2020-05-14 16:23:34 · 1725 阅读 · 1 评论 -
jq:一个div多个背景色/点击获取div中的内容,获取div的属性值/获取当前页面url/获取子元素的属性值
1,一个div多个背景色background: url(图片) no-repeat 95% 50%, -webkit-linear-gradient(#fff, #eee 50%,#ddd);原创 2020-03-14 20:17:16 · 1281 阅读 · 0 评论 -
php微信公众号自定义分享内容
1.微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”2.后端代码 /** * 生成微信公众号签名 * @param string url 前端微信分享页面的url全地址 */ public function getWxShareSign() { $signData = input(''); ...原创 2020-04-21 11:57:54 · 637 阅读 · 0 评论 -
h5 浏览器 js监听返回
h5 js监听返回事件,返回直接关闭窗口事件$(function(){ pushHistory(); window.addEventListener("popstate", function(e) { //alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 //alert('guanbi'); ...原创 2020-04-10 12:12:45 · 3261 阅读 · 2 评论 -
Flex 布局教程:语法篇 标记
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html转载 2020-02-17 11:54:54 · 101 阅读 · 0 评论 -
h5端css文本溢出加省略号
记录一下单行文本溢出 p{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }多行文本溢出p{ width: 100%; overflow: hidden; text-ove...转载 2020-01-17 13:54:41 · 427 阅读 · 0 评论 -
js处理json,数组,对象
字符串转换为数组var stringResult = sting.split(',');数组转换为字符串var arrayResult = array.join(',')字符串转对象ss = JSON.parse(ss)对象value转为正整数for (var key in ss) { ss[key]=parseInt(ss[key])}...原创 2020-01-13 18:36:43 · 167 阅读 · 0 评论 -
jQuery UI
中文https://www.jqueryui.org.cn/demo/5611.html英文https://jqueryui.com/draggable/#events菜鸟https://www.runoob.com/jeasyui/jeasyui-app-crud1.html获取页面某一元素的绝对X,Y坐标,可以用offset():var X = $(‘#di...原创 2020-01-07 13:39:02 · 92 阅读 · 0 评论 -
js视频播放器DPlayer,video.js
关于HTML5 video标签在安卓版微信浏览器内被强制全屏播放的问题https://blog.brain1981.com/1399.htmlvideo 标签在微信浏览器的问题解决方法https://www.cnblogs.com/baiyygynui/p/6323565.html开启同层播放 安卓微信video 坑不断//视频background要设置成none&...原创 2020-01-06 17:49:01 · 1745 阅读 · 0 评论 -
px pt rpx rem
pt = px * dpi / 72以 Windows 下的 96dpi 来计算,1 pt = px * 96/72 = px * 4/3pt=px乘以3/4。挺麻烦 还是用rem吧rem是CSS3新增的相对长度单位,是指相对于根元素html的font-size计算值的大小。简单可理解为屏幕宽度的百分比。手机端使用rem自适应布局小程序1rpx = 0.5pt...原创 2019-12-11 10:49:35 · 491 阅读 · 0 评论 -
前端显示音频控件
<audio src="{$list_q.audio_url}" width=300 height=45 type=audio/mpeg controls volume="0"></audio>controls 显示控件原创 2018-05-30 17:28:05 · 2695 阅读 · 0 评论 -
jquery之cookie操作
Cookies定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术;下载与引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下载:http://plugins.jquery.com/cookie/<script type="text/javascript" src="js/jq...转载 2019-04-09 12:20:09 · 86 阅读 · 0 评论 -
防止按钮事件传递
第二张图的+按钮点击时会传递时间给下面的提交按钮特此记住!!原创 2017-10-28 14:17:03 · 556 阅读 · 0 评论 -
点击按钮删除并传递参数 html引入字体文件并显示
第一种形式:html代码:{$addr.consignee}{$addr.city_rel} {$addr.city_town} {$addr.city_classify}{$addr.shipping_address}邮编没有{$addr.tell}默认地址修改 | 删除js代码 $(function() {原创 2017-11-14 10:42:21 · 1938 阅读 · 0 评论 -
node.js、npm、vue、webpack之间的关系
//添加以上问题就解决了转载 2017-11-21 13:15:04 · 341 阅读 · 0 评论 -
当前页面存在父页面
//如果当前页面存在父页面,则当前页面的父页面重新加载(即子页面父页面连带跳转)if(top.location!=self.location){ window.parent.location.reload() }...转载 2019-01-25 09:34:36 · 331 阅读 · 0 评论 -
audio 标签自动播放不起作用或者 play() 报错
audio 标签自动播放不起作用或者 play() 报错问题描述 页面的 audio 标签设置了自动播放属性,进入页面自动播放不起作用,或者用 js 控制 play(),方法无效,报错!解决方案经过各种百度,谷歌,追踪到原因如下:页面必须进行交互才能进行对 audio 播放;声音无法自动播放这个在IOS/Android上面一直是个惯例,桌面版的Safari在2017年的1...转载 2019-05-06 17:41:36 · 7905 阅读 · 1 评论 -
省市县三级联动小结
html前端代码<div class="ui-page"> <div class="ui-container"> <div class="ui-border-bottom f-bg-white f-pl-16 f-pr-16 f-pt-16 f-mb-16"> <div class="ui-bfc f-f...原创 2018-11-12 20:28:02 · 977 阅读 · 0 评论