![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
薛洋不吃糖
扣扣2837448465,微信同号,欢迎同道讨论交友
展开
-
canvas海报
在推荐一个人人都说好用的canvas海报插件,画家计划直达git链接(内有文档)关于各种是否立刻加载是否清楚这些,文档都有写,其中通知外部绘制完成,重置isCanDraw为false注意海报弹出关闭时这个变量的改变,如果需求不需要,可以忽略。**附赠个人用法**我先下载git链接里面的这些文件然后个人再次封装一层代码在这里下面是page文件如何使用<haibao imgData="{{imgData}}" id="shareBox" isCanDraw="{{isCanDr原创 2021-03-24 11:10:30 · 180 阅读 · 0 评论 -
大转盘九宫格的插件
分享两个大佬推荐给我的九宫格、大转盘抽奖插件,目前自用的为100.net,推荐给新同事他也说好用。再次也做下笔记免得将来找不到目前自用的大转盘https://100px.net/这个也不错https://tgideas.qq.com/doc/frontend/component/m/loteryround.html...原创 2021-03-24 10:29:52 · 253 阅读 · 0 评论 -
小程序canvas生成二维码二次不显示
各位。关于小程序用canvas生成二维码点击只能触发显示一次的问题。把if改成hidden就好了原创 2019-09-18 11:39:59 · 1949 阅读 · 2 评论 -
transform无效问题
关于transform无效问题,请查找该元素是否是块级元素或者行内块级元素该属性对行内元素无效原创 2019-07-19 17:02:24 · 3225 阅读 · 0 评论 -
width属性值扩展
今天无意中发现一列属性值fill-availablefit-contentmin-contentmax-contentinherit (继承父属性)nitial 用于设置 CSS 属性为它的默认值。找了很多博客终于找到了一个比较通俗易懂讲解不错的博客,https://www.cnblogs.com/xiaohuochai/p/721...转载 2019-06-26 10:43:54 · 229 阅读 · 0 评论 -
rem
js原理就是 真实宽度/设计图宽度 = 真实字体号大小/设计图字号大小所以 js应该是 获取当前页面的宽度为真实宽度然后通过上面这个公式 把真实字体字号大小求出来然后这个真实字号大小赋给html的字号 作为rem的计算比例最后再根据这个计算比例 来设置所有容器的宽度需要在JS里面 设置的 是设计图字号 和设计图的宽度然后再计算出来真是的宽度<script type="...原创 2019-05-08 18:14:23 · 206 阅读 · 0 评论 -
超出两行用省略号表示
display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;//控制行数overflow:hidden;原创 2019-03-08 16:58:50 · 4181 阅读 · 0 评论 -
微信小程序教程之------基础前端篇--page的js逻辑文件
逻辑层使用 Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。注意Page首字母要大写以下是逻辑文件的object 参数说明data----页面的初始数据onLoad ----生命周期函数–监听页面加载onReady----生命周期函数–监听页面初次渲染完成onShow----生命周期函数–监听页面显示onHid...原创 2019-02-20 23:02:06 · 347 阅读 · 0 评论 -
半圆并只有一半边框
原创 2019-03-01 15:37:21 · 2256 阅读 · 0 评论 -
微信小程序教程之------基础前端篇--app.json
1、学习微信小程序需要具备的基础有----html 、css、 js、 ajax基础 、 简单的面向对象基础2、微信小程序开发工具的安装,自己找官网,或者走这个链接 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=190219183、如何创建自己百度,4、文件夹有images、page...原创 2019-02-20 00:18:04 · 600 阅读 · 0 评论 -
全选反选的逻辑和代码
布局上大体是这个样子<div id=""> <div> <span class="all"></span>我是全选按钮 </div> <div> <span class="notall"></span&g原创 2019-02-17 17:17:24 · 927 阅读 · 0 评论 -
文字竖排
文字竖排的话,直接加上两句代码就好了,两句都加上,就没有兼容问题writing-mode: vertical-rl;writing-mode: tb-rl;原创 2019-01-16 14:33:45 · 903 阅读 · 0 评论 -
vue 轮播图
<template> <div class="lunbobox"> <div class="lunbo"> <!-- 四张轮播图 宽960高375--> <transition-group tag="ul" name="image"> &a原创 2019-01-05 17:26:38 · 352 阅读 · 0 评论 -
echarts图表制作
送上这个echarts文档http://www.echartsjs.com/option.html#xAxis.splitNumber坐标轴的样式控制 yAxis: [ { //y轴配置// name: '流量(m^3/s)', type: 'value', max: 80, ...原创 2018-11-26 21:27:21 · 360 阅读 · 0 评论 -
layu弹框
$("#zhifu").click(function() { $("#sell2-box").show() //显示dom layer.open({ type: 1,//弹窗类型,默认0 title: "立即支付",//弹窗标题 shadeClose: true,//是否显示遮罩 content: $('#sell2-box'),//dom area: ['500px', ...原创 2018-10-15 23:35:56 · 610 阅读 · 0 评论 -
bootstrap导航
今天向大家介绍一些bootstrap的导航类型,包括响应式导航&amp;amp;amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;a原创 2018-09-30 10:37:40 · 512 阅读 · 2 评论 -
BootStrap轮播图 (自动轮播)
下面的轮播图已经有了鼠标悬停停止轮播,左右导航,和下方圆点计数器、给图片添加标题,内容等功能<!--轮播图--> <div class="container" > <div class="carousel slide" id="slidershow" data-ride="carousel" data-interval="200原创 2018-09-30 10:24:50 · 44638 阅读 · 3 评论