随笔分类 - 前端
摘要：@media screen and (orientation: portrait) { html{ width : 100vmin; height : 100vmax; } body{ width : 100vmin; height : 100vmax; } #gyroContain{ width
阅读全文
摘要：因为有要在微信公众号的自定义菜单中添加图标的需求，所以去网上搜了一下，发现其实很简单，下面为效果图： 第一种 打开：Emoji表情代码大全 如上图所示，红框圈中的即为微信可用图标，微信公众号直接复制表情所对应的Wechat列代码即可。 第二种 第一步 打开：Emoji表情代码大全 第二步 如上图所示
阅读全文
摘要：HTTPS页面里动态的引入HTTP资源，比如引入一个js文件，会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源，也会被直接block掉的。 Mixed Content: The page at 'xxx' was loaded over HTTPS, but reques
阅读全文
摘要：很有可能是不小心改动微信开发者工具的基础库版本了, 在文件 project.config.json 中 "libVersion": "2.9.3", 变成 "libVersion": "2.0.2",
阅读全文
摘要：一、 安全区域(safe area) 与iPhone6/6s/7/8相比，iPhone X 无论是在屏幕尺寸、分辨率、甚至是形状上都发生了较大的改变，下面以iPhone 8作为参照物，先看看iPhone X尺寸上的变化： 苹果对于 iPhone X 的设计布局意见如下： 核心内容应该处于 Safe
阅读全文
摘要：在html中可以直接使用<br />换行，但是小程序wxml中使用<br />无效，可以换成\n Page({ data: { title: '至少5个字\n请多说些感受吧' } }) <text>{{title}}</text> 一定要注意，text中\n才能生效，view里边直接写\n不行 st
阅读全文
摘要：如果无效用这个方法: on() 方法在被选元素及子元素上添加一个或多个事件处理程序。 <div id="zkdiv"> <input type="button" value="展开" id="zk" class="zk"/> <br> </div> $("#zkdiv").on("click",".
阅读全文
摘要：有的时候可能会有这样的需求，一个竖直的输入框，输入信息，文字也是从上到下排列； (但是在移动端或用轮播swiper时不起作用,可以用textarea代替input) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met
阅读全文
摘要：overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 代码如上 line-clamp 为文本行数 超过则截断 overflow: hidden; text-overflow: ellipsis; display: -webki
阅读全文
摘要：回顾 npm install 命令 最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的，各种查资料和实践后对它们之间的异同点略有理解。遂写下这篇文章避免自己忘记，同时也给node猿友一点
阅读全文
摘要：一.在html页面head中 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 二.引入一个reset.
阅读全文
摘要：<script type="text/javascript">if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dop
阅读全文
摘要：在多组此种轮滑效果出现时，你需要加两个属性值，即
阅读全文
摘要：报错原因：play()方法属于DOM对象方法，$('#audio')为jquery对象解决办法：将jquery对象转换为DOM对象首先打印jquery对象$('#audio') 两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);(1)jQuery对象是一个数
阅读全文
摘要：在input上加入disabled属性后, 点击提交会遗漏该值, 有两个办法: 一 可以考虑readonly属性,一样的不可修改操作,但是可以提交 二 在提交时 js 代码操作去除input上的disabled属性
阅读全文
摘要：decodeURI 方法返回一个已编码的统一资源标识符 (URI) 的非编码形式。decodeURI(URIstring)必要的 URIstring 参数代表一个已编码 URI 的值。
阅读全文
摘要：IE8兼容css3
阅读全文
摘要：1 初始化 Video.js初始化有两种方式。 1.1 标签方式 一种是在<video>标签里面加上class="video-js"和data-setup='{}'属性。 注意，两者缺一不可。 刚开始的时候我觉得后面的值为空对象{}，不放也行， 导致播放器加载不出来，后来加上来就可以了。 1.2 J
阅读全文
