随笔分类 - 小功能
摘要：template <el-table-column prop="daNumber" label="编码号" width="260" show-overflow-tooltip fixed :render-header="renderHeader"> <template slot-scope="{ r
阅读全文
摘要：// 通用下载方法 export function download(fileName) { /* * 使用window.location.href pc端下载正常，平板下载后文件内容为空 * // window.location.href = baseURL + "/common/download
阅读全文
摘要：1.安装插件 cnpm install clipboard --save 2.所需页面中引入插件 import Clipboard from 'clipboard'; 3.按钮 <div class="copy flexCenter" @click="copyUrl" :data-clipboard
阅读全文
摘要：1.纯数字 <div> <el-form-item label="开户行:" prop="bankName" > <el-input v-model="formData.bankName" maxlength="100" @keyup.native="proving"/> </el-form-ite
阅读全文
摘要：输入大于0的正整数 代码如下: <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" on
阅读全文
摘要：实现方案： 环信没有临时聊天人员历史记录接口，所以实现的方案是： 1.监听消息接收；2.将受到的消息存到缓存中，同时判断此用户是否之前聊天过，如果没聊过的话，把他的用户信息也存到缓存中；3.展示的东西都是从缓存中获取；4.新消息提醒是在监听到消息后，给用户信息里设置一个状态值，当点击刚用户查看历史记
阅读全文
摘要：1.vuex state定义购物车数量，mutations更新购物车数量，getters存放购物车数量 2.公共头部组件中，利用计算属性，实时获取vuex中的购物车数量 3.购物车中，删除某个商品后，更新购物车数量
阅读全文
摘要：本来用的transform: translateZ(600px) translateY(-180px);但iPhoneX版本13.4.1的机型不兼容,改成用scale实现了 .in{ animation: doorin 3s linear forwards; -webkit-animation: d
阅读全文
摘要：前提：html2canvas使用的版本为：1.0.0-rc.5 iphoneX版本：13.4.1 解决方法： 将html2canvas版本降为1.0.0-rc.4即可，亲测有效 下载地址： https://github.com/niklasvh/html2canvas/releases/tag/v1
阅读全文
摘要：$(function(){ // 刚开始这么写的，但是h高度偶尔还是会被设置为0 // $(".banner .bd img").load(function(){ // var h = $(".banner .bd img").height(); // console.log('h:',h); //
阅读全文
摘要：var that = this; var fileObj = document.getElementById("dataUrl").files[0]; // js 获取文件对象 if (typeof (fileObj) == "undefined" || fileObj.size <= 0) { a
阅读全文
摘要：/** * 判断浏览器是pc端和移动端,并跳转到不同页面 */ function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/
阅读全文
摘要：1.引入clipboard <script type="text/javascript" src="http://www.jq22.com/demo/clipboard.js-master201703170013/dist/clipboard.min.js"></script>（不确定是不是需要在这
阅读全文
摘要：大转盘抽奖 {volist name="cover" id="image"} {/volist} 抽奖一次消耗10积分
阅读全文
摘要：display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp:2; -webkit-box-orient: vertical;
阅读全文
摘要：AUTOHOME的 http://www.autohome.com.cn/ashx/AjaxIndexCarFind.ashx?type=1 或者 http://www.autohome.com.cn/ashx/AjaxIndexCarFind.ashx?type=11 获取品牌列表,然后 http
阅读全文
摘要：1.先谈一下响应式和自适应的区别 响应式：它是将已有的开发技巧（弹性网格布局、弹性图片、媒体和媒体查询）整合起来，针对任意设备对网页内容进行“完美”布局的一种显示机制。简言之，是一个网站能够兼容多个终端（手机、Pad、电脑）的布局方法，而不需要为每个终端书写一套特定版本的代码。 自适应：移动端的发展
阅读全文
摘要：1.公共底部footer.html代码 2.引入公共页面
阅读全文
摘要：原因一：需要滚动条的标签使用了绝对布局(position:absolute)，而且z-index>0。 解决办法：niceScroll({zindex:200});这里设置zindex的值要比标签的z-index大。 原因二：需要滚动条的标签使用了ajax填充数据。（刚开始没写在成功回调中，导致移动
阅读全文