- 博客(37)
- 资源 (3)
- 收藏
- 关注
原创 H5判断手机是普通屏幕还是全屏的方法
function judgeBigScreen() { //,这里根据返回值 true 或false ,返回true的话 则为全面屏 var result = false; var rate = window.screen.height / window.screen.width; var limit = window.screen.height == win...
2020-01-10 11:44:28 1263
转载 canvas实现刮刮乐
<!DOCTYPE html><html lang="ch-en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...
2019-12-27 10:46:44 202
原创 el-upload实现图片上传,将图片上传到后台,后台返回路径
完整代码如下:<template> <div> <!-- 图片回填 --> <ul v-for="item in ruleForm.imgList" :key="item" class="el-upload-list el-upload-list--picture-card"> <li tabindex="...
2019-08-21 09:39:26 9762
原创 el-table中的selectable的使用方法
html代码<el-table-column type="selection" width="55" :selectable="selectable" :reserve-selection="true" align="center"></el-table-column>js代码 //判断是否禁用checkStat...
2019-08-15 18:03:01 14624 1
原创 el-table实现该列表头居中,以及该列的单元格居右
主要是通过 header-align="center" 来设置<el-table-column prop="materialsBill" label="物料清单" width="auto" header-align="center" :formatter="formatMaterials" align="left"></el-table...
2019-08-14 10:17:25 5642
原创 vue实现两个数组的去重
// _this.restaurants是数组较长的那一组,_this.tableDates是较短的那组数组for(var i=0;i<_this.tableDates.length;i++){ for(var j=0;j< _this.restaurants.length;j++){ if( _this.restaurants[j].itemCode...
2019-08-13 14:15:40 1935
原创 el-table开发中新增、删除以及保存的数据
<template> <div> <el-table :data="tableDates" size="small" border empty-text="暂无数据" style="width: 100%"> ...
2019-08-02 16:26:15 2159
原创 pc端实现打印的功能
<button onclick='Print("wrap")'>打印</button><div id="wrap">需打印的内容</div>//print.js(function(window, document) { var Print = function(dom, options) { if (!(this ...
2019-07-02 16:04:22 1110 1
原创 css实现三角形形状
1、上三角#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;}2、下三角#triangle-down { w...
2019-07-01 11:23:02 468
原创 封装获取url上所携带的参数
function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return...
2019-07-01 11:20:54 138
原创 echarts的常规用法及注意事项
1、在线引用<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script><script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3...
2019-06-27 11:57:50 451
原创 将返回的数组内容通过单选框来选中
var arrs=[1,2];var isXd =false;//后台返回的接口数据$.each(res.body.data.Productionplan,function(i,v){$.each(arrs, function(index, el) { if(el == v.productionplanId){ isXd = true; }});if(isXd =...
2019-06-21 10:35:35 220
原创 wangEditor富文本编辑框的基本使用
1、禁用编辑和启动编辑功能 editor.$textElem.attr('contenteditable', false); //禁用 editor.$textElem.attr('contenteditable', true); //启用2、清空富文本框editor.txt.clear();3、获取内容editor.txt.html()4、设置内容ed...
2019-06-18 10:54:31 2267
原创 vue在main.js文件中通过过滤器来格式化时间
在main.js里面配置// 格式化时间Vue.filter('formatDate', function (value, fmt) { let getDate = new Date(value) let o = { 'M+': getDate.getMonth() + 1, 'd+': getDate.getDate(), 'h+': getDate.g...
2019-06-14 17:49:40 777
原创 svg在微信小程序上面的引用和在vue里面的引用
一:在微信小程序上面的引用需要通过压缩工具来转换成BASE64 https://www.sojson.com/image2base64.html二:在vue中的引用目录如下SvgIcon里面index.vue组件内容如下:<template> <svg :class="svgClass" aria-hidden="true"> ...
2019-06-14 17:36:29 550
原创 vue-scroller实现下拉刷新和加载更多
1.npm安装 npm installvue-scroller2.在main.js中引用import VueScroller from "vue-scroller"Vue.use(VueScroller)3.使用 html如下 <scroller class="scrollerStyle" :on-infinite="infinite" :on ref...
2019-06-14 17:19:39 1821 1
原创 app分享出来的H5页面,ios手机打开该app遇到的问题
问题描述:在ios中打开的时候总是会跳到appstore上面,并且不会进入到if里面去,如下圖設置的頁面處於隱藏的階段是不行的 if (IS_IOS) { window.location = "szzx://questionId="+para; setTimeout(function() { // If the user is stil...
2019-06-14 16:28:28 563
原创 设置input里面的光标的位置
function set_text_value_position(obj, spos){ var tobj = document.getElementById(obj); if(spos<0) spos = tobj.value.length; if(tobj.setSelectionRange){ //兼容火狐,谷歌 ...
2019-04-03 16:54:48 3535
原创 微信公众号开发,IOS软键盘撑起页面下不来的解决方案
//input输入框弹起软键盘的解决方案。var bfscrolltop = document.body.scrollTop;$("input").focus(function () { document.body.scrollTop = document.body.scrollHeight; //console.log(document.body.scrollTop...
2019-03-27 17:42:26 691
原创 关于通过wx.Parse转义的html在部分安卓手机不展示的问题
在wxparse/html2json.js中的第112和119行,都有一个console.dir()这个函数的使用,把这个函数注释掉,内容就可以正常显示出来了。
2019-01-21 09:27:18 292
原创 jquery图片放大插件
<link href="/common/css/zoomify.min.css" rel="stylesheet" type="text/css"/><script src="/common/js/zoomify.min.js" type="text/javascript"></script><img
2019-01-11 11:06:07 397
转载 妙用 scale 与 transfrom-origin,精准控制动画方向
难点所在第一眼看到这个效果,我的内心毫无波澜。以为只是简单的一个下划线 hover 效果,经过友人提醒,才发现,这个动画效果中,下划线是从一端进入,从另外一端离开的。而且,这个 hover 动画是纯 CSS 实现的。先不考虑上面说的修改需求,先想一想,如果就是还原上述效果,仅仅使用 CSS,该如何做呢?还原效果嗯,正常而言,我们一个 hover 效果,可能就是从哪里来...
2019-01-10 15:43:23 440
转载 vue.js 2.0 项目开发小结
项目架构项目目录├── build├── config├── dist│ └── static│ ├── css│ ├── fonts│ ├── images│ ├── js│ └── lib├── src│ ├── api│ ├── assets│ │ ├──...
2019-01-10 15:35:16 303
原创 base64转成图片
//将base64转成图片var array = wx.base64ToArrayBuffer(res.data.body.image);var base64 = wx.arrayBufferToBase64(array);this.setData({ qcode: "data:image/png;base64," + base64 });
2019-01-10 11:38:32 167
原创 项目中用到的富文本框编辑器wangEditor
文档地址:http://www.wangeditor.com/index.html <div id="div1"></div><script src="js/wangEditor.min.js"></script>var E = window.wangEditor var editor = new E('#div1') editor...
2019-01-10 11:30:29 299
原创 微信小程序通过WxParse解析HTML
目录文件 在需要用到的WXML页面中先引入<import src="/wxParse/wxParse.wxml"/><import src="/wxParse/wxParse.wxml"/> 在需要用到的JS页面中先引入var WxParse = require('../../wxParse/wxParse.js');var WxParse ...
2019-01-10 11:08:54 175
原创 小程序swiper图片自适应高度
WXML:<swiper indicator-dots="{{indicatorDots}}" style="height:{{height}}px" class="swipe_container" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular=...
2019-01-10 10:58:52 2099 2
原创 微信小程序扫二维码带参数问题
1.在微信公众号平台上面配置扫描二维码之后所跳转的前端路径2.在配置好的前端路径里面的onload会获取到q的参数,并且对获取到的参数进行转码,然后通过split分割"="号后面的就可以获取到openId onLoad:function(options){//(qcodeOpenid这个是在app.js的)if(!options.q || options.q==""){ap...
2019-01-10 10:51:48 650
转载 移动端web开发总结
1.前言 到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一个挑战,是一个难题,也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨:移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑,如果大...
2019-01-09 16:11:03 495
原创 返回多选的数组的id
function show(){ var strIds=new Array(); $("input[name='btSelectItem']").each(function (i,d){ if(d.checked) { strIds.push(d.id); } ...
2019-01-09 16:09:22 242
转载 前端性能优化——从 10 多秒到 1.05 秒
关于 性能优化 是个大的面,这篇文章主要涉及到 前端 的几个点,如 前端性能优化 的流程、常见技术手段、工具等。提及 前端性能优化 ,大家应该都会想到 雅虎军规,本文会结合 雅虎军规 融入自己的了解知识,进行的总结和梳理
2019-01-09 16:07:38 256
原创 表单序列化的数据转成对象
$.fn.serializeObject = function(){ var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { ...
2019-01-09 15:26:09 199
原创 jquery实现select里面不能选择重复option的内容
//选中的订单不能重复 function selectOption(types){ //alert($(types).children("option:selected").index()); var indexs = $(types).children("option:selected").index(); if(indexs>0){ ...
2019-01-09 15:24:32 1571
原创 jquery比较两个对象
//提交的 var sss = { 'name': 1, 'age': 20, 'jieshao': "ccc", 'xxx': '', } //返回的 var ggg = { 'name': 3, 'age': 10, 'jieshao': "ccc", 'xxx': '', } var arr = {}; ...
2019-01-09 15:22:25 1796
转载 JQuery实现表格里面的相同内容的单元格合并
<script type="text/javascript"> jQuery.fn.rowspan = function (colIdx) { //封装的一个JQuery小插件 return this.each(function () { var that; $('tr', this).each(function ...
2019-01-09 15:15:36 306
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人