js
℡╮荆棘鸟゛
这个作者很懒,什么都没留下…
展开
-
vue 埋点
1.新建文件point.js//埋点import Vue from 'vue'import axios from 'axios'const point = Vue.directive('point', { bind (el, binding, vnode, oldVnode) { el.binding = binding; el.addEventListener('click', function () { var binding =原创 2021-08-11 14:34:17 · 489 阅读 · 0 评论 -
弹框居中
方法一position: fixed;z-index: 10;width: 85%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);方法二position: fixed;z-index: 10;width: 85%;top: 50%;...原创 2020-03-17 16:42:34 · 129 阅读 · 0 评论 -
jq :contains方法搜索匹配
//重写:contains方法支持大小写搜索jQuery.expr[’:’].contains = function(a, i, m){return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0;};function keyup(text){ //搜索if($.trim(text) != “”){...原创 2019-12-25 17:30:52 · 313 阅读 · 0 评论 -
js 转盘抽奖
#bg img:last-child { width: 650px; height: 600px; margin: 0 auto; background: url(turntable-bg.jpg) no-repeat; position: relative;}.explain{ position: absolute; z-index: 10; ...原创 2019-10-31 17:27:06 · 137 阅读 · 0 评论 -
canvas 使用字体变粗后 获取宽度不准确问题
canvas 使用字体变粗后 获取宽度不准确问题ctx.font = ‘normal bold 20px sans-serif’ 使用之后就算让字体变细后宽度还是会按照之前计算ctx.font = ‘normal initial 11px sans-serif’;需要重新将字体大小和字体重设才行:ctx.font = “11px sans-serif”;...原创 2019-10-30 16:47:20 · 1303 阅读 · 1 评论 -
js 弹出框点击除了内容区域的其他地方进行隐藏
$(".xs_remind").click(function(e){ if(!$(e.target).closest(".xs_remind a").length){ $(this).hide(); } })原创 2019-05-23 13:54:21 · 1734 阅读 · 0 评论 -
关于js this指向问题
一般情况下this指向于调用函数 但也有情况指向window 列:(异步函数内、定时器等情况)当处于this不指向调用函数时可以将$(this)赋值于一个对象 如:let _this = $(this)或使用 bind(this) 方法或使用H5中箭头函数() => 箭头函数中的this总是指向外层调用者,也就是Obj...原创 2019-05-17 15:04:54 · 78 阅读 · 0 评论 -
js点击事件写在函数或另一个点击事件内 造成的多次请求问题
js点击事件写在函数或另一个点击事件内 造成的多次请求问题 此bug原因为调用函数时会造成内部事件的多次绑定解决方法为:调用函数时解绑事件unbind...原创 2019-05-21 09:37:14 · 1169 阅读 · 0 评论 -
jq 关于data-*的获取值方法问题
data-*的获取值方法问题 可以使用attr(data-val)或data(val)其中data无法获取动态数据而attr则可以原创 2019-05-14 15:56:22 · 1148 阅读 · 0 评论 -
css圆圈样式记分数(100分)天数(30天)等
css: .yuan { width: 76px; height: 76px; margin: 4.7px auto 0; box-sizing: border-box; padding-top: 8px; text-align: center; ...原创 2019-05-09 13:54:37 · 1035 阅读 · 0 评论 -
html css js 分页
样式基于bootstrap<ul class="pagination" data-page="1"> <li id="sortTable_previous"> <a href="javascript:void(0);" data-type="left"> <span class="icon font_family icon-jia...原创 2019-04-19 17:11:14 · 633 阅读 · 0 评论 -
html+css+js 百分比圆圈
.yuan{ width: 76px; height: 76px; margin: 4.7px auto 0; box-sizing: border-box; padding-top: 8px; text-align: center; ...原创 2019-04-09 11:02:23 · 1475 阅读 · 0 评论 -
js 实现网页保存到本地
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>网页HTML存本地</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"&a转载 2019-03-07 12:01:42 · 1578 阅读 · 0 评论 -
网页添加水印js方法
function addWaterMarker(str){ var can = document.createElement('canvas'); var body = document.body; body.appendChild(can); can.width=400; //画布的宽 ...原创 2019-02-25 15:16:01 · 1671 阅读 · 0 评论