- 博客(39)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue3学习笔记（又是坑坑坑坑坑）
Error: Cannot find module 'D:\项目\vite\bin\vite.js'_error: cannot find module 'vite。Error: Cannot find module ‘D:\项目\vite\bin\vite.js‘_error: cannot find module 'vite-CSDN博客。其实就是输入名字的问题，工程名字不能含有&这个符号。在hbulider里面创建项目的时候，报错。
2024-09-20 14:59:09
494
原创 序列帧动图原理
序列帧动图，顾名思义就是很多张图一张这一张的轮播，图片之间切换的时间很短，从而在视觉上感觉是一个动图的效果。序列帧动图，顾名思义就是很多张图一张这一张的轮播，图片之间切换的时间很短，从而在视觉上感觉是一个动图的效果。序列帧动图，顾名思义就是很多张图一张这一张的轮播，图片之间切换的时间很短，从而在视觉上感觉是一个动图的效果。
2022-08-23 17:58:44
1045
原创 Cordova打包教程
5、运行cordova build android进行打包5、运行cordova build android进行打包5、运行cordova build android进行打包5、运行cordova build android进行打包
2022-08-23 17:31:15
1593
原创 数组练习系列
////通过数组下标增加删除数组//判断字符串里的个数//数组去重// 变量a='1231231232134124' 封装一个方法判断字符串是否存在某个数字 存在返回true 不存在返回false
2022-06-13 11:09:56
154
原创 js获取url之中指定的参数
var mid = getQueryVariable("mid")var self_mid=null; // self_mid需要定义一个数据类型 方便赋值 否则就是undifinedfunction getQueryVariable(variable){ var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++).
2022-04-08 16:05:37
334
转载 h5授权原理和微信小程序授权原理的区别
https://www.jianshu.com/p/a4b7f8884c3dhttps://www.jianshu.com/p/a4b7f8884c3dh5的授权原理是通过发送请求获得code，通过code获取用户的access_token和OpenId,返回的token和openid用来拉取用户信息小程序是通过wx.login()获取code，在发送code获得session_key和openid，并存入storage，再用wx.request()发起业务请求，在查询在返回数据...
2022-04-06 16:20:50
729
原创 js控制长图显示一格格的动画达到动画效果（gif）
<div class="p1_ren5 pos-re"> <img src="img/remwu.png" class="renwu pos-ab"></div>.p1_ren5 {width: 5.08rem;height: 8.26rem;overflow: hidden;top: 3.2rem;left: 1.35rem;}.renwu {width: 2000%;top: 0;left: 0;} //宽必须是百分数，根据几个帧几个...
2022-03-18 17:44:14
310
原创 jq控制点击div高度变长再次点击高度回去
function showMore(){ var i = 0; $(".p4_s5").click(function(){ i++; if(i % 2 != 0){ $(".p4_s4").animate({"height":"2rem"},300) $(".p4_s5").animate({"top":"5.1rem"},300) $(".p4_s6").animate({"top":"5.6rem"},300) $(".
2022-02-21 14:10:11
592
原创 小程序随心笔记
页面wxml：<!-- 栏目 --> <view class="tap-view"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">激活</view> <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}..
2022-02-18 17:20:34
524
原创 js基础随记
数组：[ 1,2,3]对象：{a,b,c}布尔值：true(false)“aaa”:"111" // 111是字符串，aaa是字符名a:true, //true是布尔值，a是变量a:1, //1是num。
2022-02-18 16:24:10
11422
原创 iframe随记
$(window).resize(function(){ iframeHeight(); }); iframeHeight(); function iframeHeight(){ var sHeight=document.documentElement.clientHeight; var bottom_height...
2022-01-06 14:29:53
609
原创 swiper异形控制大小和位置
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link rel="stylesheet" type="text/css" href="css/swiper.min.c.
2022-01-06 13:39:18
719
原创 canvas绘图以及html2-canvas绘图代码
canvas绘图 是运用画笔在画布上一个一个画出元素或者裁剪元素的大小达到头像还有文字海报等效果html2-canvas 是基于html本身的div（dom）来对网页进行截图并转存为img，可以和它搭配的有image.js（还不会）,关于图片放大模糊的问题，使用0.5.0-beta4版本的html2-canvas.jshtml2canvas (v0.5.0-beta4) - html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。 | BootCDN - Bootstrap 中文
2021-12-29 17:09:09
1798
原创 手机号、身份证、邮箱验证
<input type="tel" class="input01 pos-ab" id="phone" maxlength="11" placeholder="请输入手机号"/> <img src="img/sh-btn_03.png" class="sh-btn pos-ab">//验证手机号 $(".sh-btn").click(function(){ var tel = document.getElementById("phone"); if(!t.
2021-12-26 21:23:58
559
原创 点击切换，图片随机，文字根据图片的颜色来改变
<div class="swiper mySwiper"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-no-swiping"> <img src="img/bj.png" class="bg1 pos-ab full" /> <img src="img/three_02.png" class="three pos-.
2021-12-17 15:30:21
327
转载 svg坑中指南
因为公众号网页的限制，不能写js，不能写css，只能在html标签里写内联样式，但是常常有需求要在推文上做一些交互和动画，这时候就需要SVG。但是SVG在公众号上也有很多坑，总结一下遇到的一些坑，也有一些公众号其他的坑。1，css的position属性全部失效，把代码上传到公众号之后，它会把position属性的代码删掉，所以公众号的布局不能用定位2，ID全部失效，把代码上传到公众号之后，它会把ID删掉，包括写在HTML标签上的ID，还有SVG标签里面的ID3，css的transfo
2021-11-19 10:52:42
2161
1
转载 krpano tools 随记
安装和破解 打开压缩包，打开 MAKE VTOUR (MULTIRES) droplet.bat，将图片拖入，等待文件夹vtor，使用编辑器打开tour.xml拖入krpano tools之中，krpano tools需要破解，，点击seting，输入破解码load tour.xml 加载tour.xmlset as startup view 设置为启动视图add hotspot 添加热点edit hotspots 编辑热点（设置转场页面）edit tour.xml 编辑tour.xml。
2021-11-10 11:47:23
1781
转载 animate以及animation随记
animationanimation-name 需要绑定到选择器的 keyframe 名称animation-duration 完成动画所需要的时间animation-delay 设置延长时间animation-timing-function 动画的运动速度linear 动画从头到尾的速度是相同的。 ease 默认。动画以低速开始，然后加快，在结束前变慢。 ease-in 动画以低速开始。 ease-out 动画以低速结束。 ease-in-out 动画以低速开始和结束。 cu
2021-11-05 10:48:28
487
原创 伸长式图文（点击展开）
这两天关于点击伸长的动画做了3个demo，后来自己搜索了一些适配，琢磨了一下出了一个简略版本，上代码：<!-- transform:translateZ(0.01px);isolation:isolate; 指定样式style之中加入这个样式，将图层置顶到最上面，提高层级性，可以点击到 --> <section style=" overflow: hidden;display: block;width: 340px;margin: 0 auto;background-color:
2021-10-27 17:43:12
558
转载 SVG 动画参数详解
1. attributeName = <attributeName>要变化的元素属性名称，① 可以是元素直接暴露的属性，例如，对于本文反复出现的「马」对应的text元素上的x,y或者font-size; ② 可以是CSS属性。例如，透明度opacity.2. attributeType = “CSS | XML | auto”attributeType支持三个固定参数，CSS/XML/auto. 用来表明attributeName属性值的列表。x,y以及transform就属于XML,..
2021-10-26 11:02:01
3027
1
原创 微信随心笔记
img中data-src与src的区别主要的应用是在延迟加载，把图片延迟加载，当浏览到的时候读取data-src，然后他就自动引导到src这个属性，可能说的不太正确，大体是这个意思。但是你要明确图片路径时还是用src而不是data-src（data-src 有延迟加载 src是实时加载）data-*（也就是是data-src,data-info等等前面带data的），是存放数据的地方，仅仅是存放数据的地方，不对对页面有任何的影响，微信所有的img标签里,都有自定义的data-ratio,data
2021-10-20 10:37:23
923
原创 svg基础标签以及用法
circle 圆fill 填充 值:颜色cx 中心x轴, cy 中心Y轴, r 圆半径stoke 描边 值:颜色stroke-width 描边宽度 值:数字stroke 描边 值:颜色rect 矩形height 高 值:数字width 宽 值:数字fill 填充 值:颜色stroke 描边 值:颜色stroke-width 描边 宽度 值:颜色x,y 矩形左上角的X轴Y轴位置 值:数字rx,ry 矩形X轴与Y轴的圆角 值:数字，当只有一个值时，X轴Y轴圆角一致。x1,y1 起点位
2021-10-15 16:26:11
7486
原创 宽度、高度自适配比
//宽度document.documentElement.style.fontSize=document.documentElement.clientWidth*50/375+"px";window.onresize=function(){ document.documentElement.style.fontSize=document.documentElement.clientWidth*50/375+"px"; }//高度<script>...
2021-10-08 15:23:50
457
原创 vue 随记
/ 一般用于发送ajax请求用，这里的.id(也可以.name)就是router里面的name（id）,当我们刷新运行页面，再点击about或者news就可以显示出他是哪个name（id）（详情页获取id）//uniapp打包小程序，用的vue跑的。终止vue的跑动是ctrl+c。
2021-10-02 14:50:48
421
原创 织梦后台相关笔记
//织梦：http://www.dede888.com/jiqiao/133.html我们在仿站的过程中。经常会遇到需要调用多个指定的顶级栏目导航，那我们如何实现呢，dede仿站教程网老李在这里给大家使用标签介绍一下：{dede:channelartlist row='2' typeid='1,2这里输入多个指定的栏目ID' }<li><a href='{dede:field name='typeurl'/}'>{dede:field name='typename'/}&l
2021-10-02 14:49:38
245
原创 swiper随记
// swiper更换左右滑动按钮.swiper-button-prev:after{display: none;}.swiper-button-next:after{display: none;}.swiper-button-next.swiper-button-disabled, .box1 .swiper-button-prev.swiper-button-disabled {opacity: 1;}/*自定义样式*/.swiper-button-prev{width: 32px;heigh
2021-10-02 14:48:36
291
原创 h5之控制音乐播放
//在网页中插入播放音频<audio src="img/bgm.mp3" class="mp3" autoplay="autoplay" loop="loop" id="audio_mp3"></audio>1、使用autoplay="autoplay"，则背景音乐将在音网页打开后就自动马上播放。2、使用controls="controls"，则为了在页面内显示显示控件，如播放按钮。3、使用"loop="loop"，则是为了是背景音乐重复播放。4、使用preload=
2021-10-02 14:46:20
2058
原创 微信h5页面之微信授权、获取头像等
//js代码获取点击事件var popupBox = document.querySelector('.popupBox')var showPopup = document.querySelector('#showPopup') //获取div或者标签showPopup.addEventListener('click',function(){console.log('我被点击了')popupBox.style.display = 'flex';})var close = document.q
2021-10-02 14:45:14
2784
原创 HTML随心笔记
//HTMLhtml, body {height: 100%;margin: 0px;padding: 0px;}/* 高度自适应，nav或者需要部分高度固定，设置高度，内部不跟设置position：absoulte，在设置top 和 bottom 部分进行定位 */(width:100vm) (视口宽度最大100%)(min-height:100vh)(视口高度100%)#nav { background-color: #85d989; width: 100%; hei...
2021-10-02 14:42:04
177
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人