前端
薛洋不吃糖
扣扣2837448465,微信同号,欢迎同道讨论交友
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
canvas海报
在推荐一个人人都说好用的canvas海报插件,画家计划直达git链接(内有文档) 关于各种是否立刻加载是否清楚这些,文档都有写,其中 通知外部绘制完成,重置isCanDraw为false 注意海报弹出关闭时这个变量的改变,如果需求不需要,可以忽略。 ** 附赠个人用法 ** 我先下载git链接里面的这些文件 然后个人再次封装一层 代码在这里 下面是page文件如何使用 <haibao imgData="{{imgData}}" id="shareBox" isCanDraw="{{isCanDr原创 2021-03-24 11:10:30 · 256 阅读 · 0 评论 -
大转盘九宫格的插件
分享两个大佬推荐给我的九宫格、大转盘抽奖插件,目前自用的为100.net, 推荐给新同事他也说好用。 再次也做下笔记免得将来找不到 目前自用的大转盘https://100px.net/ 这个也不错https://tgideas.qq.com/doc/frontend/component/m/loteryround.html ...原创 2021-03-24 10:29:52 · 341 阅读 · 0 评论 -
小程序canvas生成二维码二次不显示
各位。关于小程序用canvas生成二维码点击只能触发显示一次的问题。把if改成hidden就好了原创 2019-09-18 11:39:59 · 2078 阅读 · 2 评论 -
transform无效问题
关于transform无效问题, 请查找该元素是否是块级元素或者行内块级元素 该属性对行内元素无效原创 2019-07-19 17:02:24 · 3363 阅读 · 0 评论 -
width属性值扩展
今天无意中发现一列属性值 fill-available fit-content min-content max-content inherit (继承父属性) nitial 用于设置 CSS 属性为它的默认值。 找了很多博客终于找到了一个比较通俗易懂讲解不错的博客, https://www.cnblogs.com/xiaohuochai/p/721...转载 2019-06-26 10:43:54 · 311 阅读 · 0 评论 -
rem
js原理就是 真实宽度/设计图宽度 = 真实字体号大小/设计图字号大小 所以 js应该是 获取当前页面的宽度为真实宽度 然后通过上面这个公式 把真实字体字号大小求出来 然后这个真实字号大小赋给html的字号 作为rem的计算比例 最后再根据这个计算比例 来设置所有容器的宽度 需要在JS里面 设置的 是设计图字号 和设计图的宽度 然后再计算出来真是的宽度 <script type="...原创 2019-05-08 18:14:23 · 268 阅读 · 0 评论 -
超出两行用省略号表示
display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;//控制行数 overflow:hidden;原创 2019-03-08 16:58:50 · 4268 阅读 · 0 评论 -
微信小程序教程之------基础前端篇--page的js逻辑文件
逻辑层使用 Page() 函数用来注册一个页面。接受一个 object 参数,其指定 页面的初始数据、生命周期函数、事件处理函数等。 注意Page首字母要大写 以下是逻辑文件的object 参数说明 data----页面的初始数据 onLoad ----生命周期函数–监听页面加载 onReady----生命周期函数–监听页面初次渲染完成 onShow----生命周期函数–监听页面显示 onHid...原创 2019-02-20 23:02:06 · 416 阅读 · 0 评论 -
半圆并只有一半边框
原创 2019-03-01 15:37:21 · 2401 阅读 · 0 评论 -
微信小程序教程之------基础前端篇--app.json
1、学习微信小程序需要具备的基础有----html 、css、 js、 ajax基础 、 简单的面向对象基础 2、微信小程序开发工具的安装,自己找官网,或者走这个链接 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=19021918 3、如何创建自己百度, 4、 文件夹有images、page...原创 2019-02-20 00:18:04 · 684 阅读 · 0 评论 -
全选反选的逻辑和代码
布局上大体是这个样子 <div id=""> <div> <span class="all"></span>我是全选按钮 </div> <div> <span class="notall"></span&g原创 2019-02-17 17:17:24 · 1060 阅读 · 0 评论 -
文字竖排
文字竖排的话,直接加上两句代码就好了,两句都加上,就没有兼容问题 writing-mode: vertical-rl; writing-mode: tb-rl;原创 2019-01-16 14:33:45 · 985 阅读 · 0 评论 -
vue 轮播图
<template> <div class="lunbobox"> <div class="lunbo"> <!-- 四张轮播图 宽960高375--> <transition-group tag="ul" name="image"> &a原创 2019-01-05 17:26:38 · 433 阅读 · 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 · 430 阅读 · 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 · 727 阅读 · 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 · 586 阅读 · 2 评论 -
BootStrap轮播图 (自动轮播)
下面的轮播图已经有了鼠标悬停停止轮播,左右导航,和下方圆点计数器、给图片添加标题,内容等功能 <!--轮播图--> <div class="container" > <div class="carousel slide" id="slidershow" data-ride="carousel" data-interval="200原创 2018-09-30 10:24:50 · 45332 阅读 · 3 评论
分享