html
℡╮荆棘鸟゛
这个作者很懒,什么都没留下…
展开
-
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 · 526 阅读 · 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 · 162 阅读 · 0 评论 -
关于canvas填写位置不准确的注意事项
初始化canvas对齐方式与基线并且设计图文字这些开始距离必须和文字一样(主要是一般文字里面会有空白空间 会使位置距离不准确) 方便canvas文字位置等填写ctx.setTextAlign(‘left’);ctx.textBaseline = “top”;...原创 2020-03-06 09:52:58 · 1080 阅读 · 0 评论 -
canvas 水流波纹
<canvas id="canvas" width="1912" height="150"></canvas>var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); canvas.width = canvas.parentNode.offset...原创 2019-11-11 16:00:07 · 619 阅读 · 0 评论 -
小程序 分享好友
现已取消分享好友后回调的所以事件 如需分享后跳转 则需要一个定时器<button data-id="shareBtn" open-type="share"><button> 按钮分享注意:以下分享成功和失败等回调均以取消 可不写success、fail、completepage({ onShareAppMessage: function(options) { ...原创 2019-08-27 12:00:32 · 192 阅读 · 0 评论 -
小程序 生成canvas图片并下载保存
html: <button bindtap="saveImg"> <button> <canvas canvas-id="myCanvas" class="canvasIs"/> css: .canvasIs{ width:1080px; height:1643px; positio...原创 2019-08-27 11:44:09 · 1655 阅读 · 1 评论 -
css图片居中
图片居中:父元素设置以下代码display:flex;justify-content: center;align-items:center;原创 2019-08-22 17:42:42 · 72 阅读 · 0 评论 -
jq 关于data-*的获取值方法问题
data-*的获取值方法问题 可以使用attr(data-val)或data(val)其中data无法获取动态数据而attr则可以原创 2019-05-14 15:56:22 · 1184 阅读 · 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 · 1084 阅读 · 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 · 642 阅读 · 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 · 1495 阅读 · 0 评论 -
html表格实现输入效果
方法 一contentEditable="true"该属性写在td内可实现输入效果 div等都可写入该标签具体使用请参考 contentEditable属性使用方法二在<td>内写入<input />标签实现输入...原创 2019-03-08 10:11:38 · 2806 阅读 · 0 评论