- 博客(18)
- 收藏
- 关注
RSS订阅原创 js+css实现花瓣飘落效果
<div class="main pop-box"></div>css：@keyframes wind{ 0% { bottom: 100%; transform: rotate(0deg); } 100% { transform: rotate(-90deg); bottom: -10%; }}//可添加不同速度.speed1{ position: absolu.
2021-03-09 11:03:47
2690
3
原创 js获取位置经纬度
function getPosition (callback) { if ("geolocation" in navigator) { var geo_options = { enableHighAccuracy: true, maximumAge: 0, timeout : 6000 ...
2020-08-26 09:36:51
3595
原创 仿抖音网页版自定义视频进度条
先上一个完成后的效果图：在将视频垂直居中布局后：1.删除视频原有的控制组件，去掉controls属性，html如下：<video id="video" :src="report.videoUrl" autobuffer autoplay="autoplay" preload="auto" x5-playsinline="" playsinline="" webkit-playsinline="" width="100%" class="headVideo" ></vide
2020-08-04 15:08:51
1098
原创 node入门知识、环境配置、事件、模块
一、入门知识.Node.js是让Javascript脱离浏览器运行在服务器的一个平台，不是语言；Node.js采用的Javascript引擎是来自Google Chrome的V8；运行在浏览器外不用考虑头疼的Javascript兼容性问题采用单线程、异步IO与事件驱动的设计来实现高并发（异步事件也在一定程度上增加了开发和调试的难度）；Node.js内建一个HTTP服务...
2019-12-03 17:23:26
213
原创 vux日历和时间插件禁止选择未来的时间
<calendar title="" v-model="vaccineTime" placeholder="请选择日期" show-popup-header disable-future></calendar><calendartitle="" v-model="vaccineNextTime" placeholder="请选择日期" show-popup-hea...
2019-10-09 14:46:04
1167
原创 vue-cli只改变参数的页面跳转
直接用router-link组件在跳转页面时，发现新的页面数据没有刷新，但是路由参数是改变了的。怎么让页面跟着刷新呢？解决方法：监听路由watch: { "$route" (to, from) { //请求数据的方法 } },监听到路由有变化，再请求数据，这样页面就可以更新了。切记：单页应用不能用a标签或local.h...
2019-09-20 15:46:49
502
1
原创 tortoiseGIT 一直提示输入密码的解决方法
当我把公钥粘贴进git库后，用tortoiseGIT进行pull和push操作一直弹出密码输入框，原因是tortoiseGIT没有链接上远端服务器解决办法：1.打开工具，载入 ~.ssh文件夹下的公钥2.载入后，点击save private key生成一个新的私钥保存下来3.在拉取时点击勾选加载密钥，点击管理远端，导入刚刚生成的密钥.保存后，便可以直接通过tortois...
2019-09-19 14:18:29
16497
2
原创 微信小程序swiper fraction数字导航
在做小程序的时候，收到的设计图是这样的一般来说小程序的圆点导航用的比较多，官方文档也介绍了如何改变圆点导航样式，但是如何像swiper4那样将paginationType改为fraction呢。虽然没有像swiper那样有paginationType属性，但是文档中mode参数有一个字段为current再通过bindchange事件，将当前页数渲染到页面上。wxml：...
2019-03-26 16:21:53
991
原创 阿里云视频上传sdk使用方法
一、下载阿里云上传视频集成代码包括aliyun-upload-sdk-1.5.0.min.js，aliyun-oss-sdk-5.3.1.min.js，以及es6-promise.min.js二、封装公共方法实例化上传对象;(function($){ $.fn.extend({ /** * 视频上传 * @param {in...
2019-03-13 15:35:44
4125
转载 flex布局
主轴和侧轴Flex布局的伸缩容器可以使用任何方向进行布局。容器默认有两个轴：主轴(main axis)和侧轴(cross axis)。主轴的开始位置为主轴起点(main start)，主轴的结束位置为主轴终点(main end),而主轴的长度为主轴长度(main size)。同理侧轴的起点为侧轴起点(cross start),结束位置为侧轴终点(cross end),长度为侧轴长度(cr...
2019-03-12 14:18:08
158
原创 图解HTTP
实习+工作两年，HTTP在我的头脑中还一直是个“飘忽”的概念。从微商城开始接触JSON，对HTTP的概念只不过是“发起请求”四个字。如果将HTTP比作一个植物细胞，我可能仅仅观察到最外层的细胞壁。 前段时间，前端组在考虑网站SEO优化，于是了解服务器渲染方面的知识提上日程。在学习nodejs的时候，发现对HTTP没有足够的理解成为了继续学习的瓶颈，于是开始了《图解HTTP》的阅读和学习。
2018-02-07 11:20:59
538
转载 loader
npm install webpack --save-devnpm install css-loader style-loader --save-devnpm install babel-loader babel-preset-es2015 --save-dev
2017-03-13 16:48:52
287
原创 倒计时
var timebox=document.getElementById("CountMsg"); var datetime='20161012221935'; var yyy=datetime.substr(0,4); var EndTime= new Date(yyy,10,12,22,19,35);function GetRTime(){
2016-09-04 15:42:34
346
原创 背景颜色渐变动态
#footer_wrapper footer { position: relative; width: 100%; height: 330px; padding-top: 50px; background: #0a9c46; background: linear-gradient(88deg, #f28c00, #0a9c46); background-size: 400
2016-06-23 15:10:46
399
原创 scrollimg.js
引用scrollimg.js(function(win, doc, $) { var scrollImg = { fxcurr:function(){ if(!_this.def){ this.lfclick.find("b").addClass("curr"); }else{
2016-05-10 17:47:43
1767
原创 选项卡样式重置
我发布的资源 否 是.checks input{width:20px; height:20px; border-radius:50%;border:solid 1px #498ee0; -webkit-appearance:none;outline:none; margin:13px 5px 0 20px;}.check
2016-05-03 11:52:31
581
原创 HTML5文本细节
textarea保存换行符和空格解决方案：this.submitInfo.healDesc=$(".methodText").val().replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' ');<sub></sub>文本下标<sup>&...
2016-04-18 14:20:31
424
原创 菜单高亮滚动监听
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0;padding: 0;} .main{ width: 1200px; m
2016-04-18 10:35:14
1540
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人