- 博客(48)
- 资源 (1)
- 收藏
- 关注
原创 promise 承诺 (个人笔记)
promise().then(f1).catch(f2).then(f3).done(ss)(1) var promise = new Promise(function(resolve, reject) { // ... some code if (/* 异步操作成功 */){ resolve(value); } else { reject(error); }});(...
2020-04-06 15:47:23
206
原创 findIndex
let indexs = this.formData.authlist.findIndex(item => item ===itemId) if(index != -1){ this.formData.authlist.splice(indexs,1) } ...
2020-04-06 09:19:49
219
原创 小程序 大转盘
<style scoped>page { background: #000; height: 100%;}/* 转盘 */.canvas-container { margin: 30% auto 0; position: relative; width: 300px; height: 300px; border-radius: 50%; b...
2020-04-03 15:55:11
332
原创 vue 子组件 更新父组件的值
<SearchSelectref="elememtRef":elementID.sync="formData.nurse_ids"></SearchSelect>setMerchantId (value) {//更新父组件的值 console.log(value) this.$emit('update:elementID',value) //更新父...
2020-04-02 14:09:33
317
原创 vue 自定义指令
btnPermissions.jsimport Vue from 'vue'/**权限指令**/ const has = Vue.directive('has', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el, binding, vnode) { let btnPermissions = el.getAttr...
2020-03-30 13:57:18
100
转载 图片懒加载
原文https://www.jianshu.com/p/8e2a73638153<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial...
2020-03-30 09:48:10
72
原创 Vue 去除路径中的#号
原文链接 https://www.jb51.net/article/138489.htm在开发过程中发现路径中带有/#/的标示,而且还去不掉,很丑陋。众所周知,vue-router有两种模式,hash模式和history模式。带#的则是hash模式。将router中的mode设置为history就可以了接下来有个问题,界面一刷新,就变404了!!!!网上搜了下...
2020-01-11 09:44:55
398
原创 元素 滚动加载
var obPage = { page: 1, size: 10, next: true, //是否可以下拉加载 nextOff: true, //true 下拉加载的锁 } getPointData() function getPointData()...
2020-01-08 15:43:21
106
原创 jQuery 用each() 添加click事件
$('.cate-div.items').each(function(index,el){$(this).click(function(){$('.cate-div.items').removeClass('active')$('.cate-div.items').eq(index).addC...
2020-01-06 16:36:33
1292
原创 定位布局 被 软键盘 顶出
varoHeight=$(document).height();//浏览器当前的高度$(window).resize(function(){if($(document).height()<oHeight){$(".ques-bottom").css("position","static");$(".img-l...
2019-12-17 10:49:36
86
原创 vue 小笔记
1 将每页的srcolltop 重置为0scrollBehavior(to,from,savedPosition){if(savedPosition){returnsavedPosition}else{return{x:0,y:0}}}2 因页面刷新时会重置 vuex 则将数组...
2019-12-04 15:06:45
78
原创 验证 正则
{id:1,name:'非必填',reg:''},{id:2,name:'必填',reg:''},{id:3,name:'手机号',reg:'/^1\d{10}$/'},{id:4,name:'邮箱',reg:'/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/'},...
2019-11-27 17:41:58
100
原创 vue 动态写入style
:style="{paddingBottom:offNext?'90px':'60px'}"offNext = true
2019-11-14 11:03:10
363
转载 vue实时获取页面的宽度,自适应屏幕
data(){ return{ fullWidth:document.documentElement.clientWidth } }, created(){ window.addEventListener('resize', this.handleResize) }, beforeDe...
2019-11-11 13:52:49
2489
原创 随机生成
//随机生成 generateCode() { let rand = ''; var chars = ['0','1','2','3','4','5','6','7','8','9', 'a','b','c','d','e','f','g','h','i','j','k','l...
2019-10-18 09:27:48
136
原创 原生 小程序 和 wepy 小程序 将信息存入globalData 的区别
//原生写法globalData.userInfo = userInfoRes.userInfo // 将不变的基本信息存入全局变量,避免多次请求 //wepy 写法if(userInfoRes.userInfo){ wepy.$instance.globalData.userInfo = userInfoRes.userInfo // 将不变的基本信息存入全局变量,避免多次请求 ...
2019-09-26 15:37:36
1454
原创 获取路径参数
var title = getParam("title") || ''var types = getParam("type") || 0$('#title').html(title)function getParam(paramName) { let paramValue = ""; let isFound = !1; if ( location.se...
2019-09-23 13:52:42
232
原创 小程序 富文本插件
config={ //(在配置中引入该组件 ,原生写法需写在.json 文件中)"usingComponents":{"Parser":"../../components/Parser/index"}}在页面中写入改组件并进行使用 组件链接 (https://github.com/icindy/wxPa...
2019-09-19 10:10:29
222
原创 移动端自适应 rem
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1...
2019-09-17 17:09:30
366
原创 js 循环对象
(1)letobj={firstName:"John",lastName:"Doe",age:50,eyeColor:"blue"}; (2) for(letkeyinobj){console.log(key+'---'+obj[key])...
2019-09-17 10:40:47
136
转载 将界面生成图片 canvas
http://caibaojian.com/html2canvas.html (参考链接)<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">...
2019-07-12 17:36:01
115
原创 vue 中 动态填写 背景图片路径 与img 图片 路径
背景图片<li class="liImgh" :style="{backgroundImage: 'url(' +imgUrl+item.AVATAR + ')'}"></li>img<img :src="imgUrl+item.AVATAR" alt="" class="headerImg">
2019-03-20 13:56:25
2264
原创 图片 不变形 css 处理
.liImgh{width: 100px;height: 100px;border-radius: 100%;overflow: hidden;background-size: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
2019-03-20 13:54:58
349
原创 快速将网页界面 生成为 canvas 图片
1.第一步 映入<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js"></script>2.绘制canvasthis.drawCanvas('.cardBc') async drawCanvas (selector) {// 获取想要...
2019-03-14 15:03:44
675
原创 生成 二维码/条形码 (将信息存储在二维码/条形码)
1. 下载qrcode.min.js 和JsBarcode.codabar.min.js2.在 页面中引入index.jsindex.js 的内容如下var barcode = require('./JsBarcode.codabar.min.js');var qrcode = require('./qrcode.min.js');function conv...
2019-03-14 14:38:26
862
原创 复制文本
复制文本点击元素<i id="weix1" data-clipboard-target="#foo" onclick="text()"></i>隐藏的input<input id="foo" style="opacity: 0;">引入的js 文件<script src="https://cdn.boo
2018-07-05 09:13:06
248
原创 导航滚动至 -----锚链接
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-07-03 15:34:20
559
原创 倒计时案例
<html><head> <title>倒计时</title> <!--以下为css样式--> <style type="text/css"> .daojishi h2 { font-family: Helvetica, Microsoft YaHei,
2018-07-03 15:31:23
173
原创 icheck (获取值)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-07-03 15:28:20
3366
原创 es6 封装语法
//示例一class drag{ constructor(){ this.elems=''; } toString(elems){ elems.onclick=function(e){ let x,y; x=e.clientX- elems.offsetLeft y= e...
2018-07-03 15:24:29
991
原创 多张图片的--------淡入淡出---------效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-07-03 15:22:03
979
原创 点击展开 当前内容
$(".qucenter li").click(function(){ let li = $(this) let img= $(this).find("img") if (!li.hasClass('pactive')) { li.addClass("pactive"); img.addClass("imgactive") ...
2018-07-03 15:14:26
861
转载 ajax 参数
$(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: "test.json", data: {username:$("#username").val(), content:$("#content").val(...
2018-07-03 15:13:37
87
原创 鼠标的滚轮事件(设置导航栏的动态边框)
$(document).on("mousewheel",function(event, delta){ event.stopPropagation(); // console.log(event) console.log($(window).scrollTop()) if($(window).scrollTop()>=500){ $(".fix-h...
2018-07-03 15:12:49
273
转载 浏览器内核控制meta name="renderer" 说明文档
背景介绍由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库。尽管我们努力通过用户反馈、代码标签智能判断...
2018-06-26 11:58:36
254
原创 bootstrap 笔记
http://www.juhaoyong.net/n/bootstrap/liepailie.htmloffset 补偿(课本上或相关教程上一般都把这个叫做“偏移”),其实就是在左侧补列(1~11列)push 推pull 拉偏移、推、拉,都有一个参照物,即相对的位置,那就是左侧, 相对于左侧偏移、推、拉 写法比如:col-md-offset-3(在左侧补充3列)col-md-push-8(从左侧往...
2018-06-25 18:17:55
70
原创 Vue 中 搜索 排序
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue测试2</title> <!-- <script type="text/javascript" src="vue.
2018-06-25 18:17:05
307
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人