rrzzhang-CSDN博客

原创 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 2487 2

原创 js获取位置经纬度

function getPosition (callback) { if ("geolocation" in navigator) { var geo_options = { enableHighAccuracy: true, maximumAge: 0, timeout : 6000 ...

2020-08-26 09:36:51 3557

先上一个完成后的效果图：在将视频垂直居中布局后：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 1006

原创 node入门知识、环境配置、事件、模块

一、入门知识.Node.js是让Javascript脱离浏览器运行在服务器的一个平台，不是语言；Node.js采用的Javascript引擎是来自Google Chrome的V8；运行在浏览器外不用考虑头疼的Javascript兼容性问题采用单线程、异步IO与事件驱动的设计来实现高并发（异步事件也在一定程度上增加了开发和调试的难度）；Node.js内建一个HTTP服务...

2019-12-03 17:23:26 193

原创 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 1127

原创 vue-cli只改变参数的页面跳转

直接用router-link组件在跳转页面时，发现新的页面数据没有刷新，但是路由参数是改变了的。怎么让页面跟着刷新呢？解决方法：监听路由watch: { "$route" (to, from) { //请求数据的方法 } },监听到路由有变化，再请求数据，这样页面就可以更新了。切记：单页应用不能用a标签或local.h...

2019-09-20 15:46:49 470 1

原创 tortoiseGIT 一直提示输入密码的解决方法

当我把公钥粘贴进git库后，用tortoiseGIT进行pull和push操作一直弹出密码输入框，原因是tortoiseGIT没有链接上远端服务器解决办法：1.打开工具，载入 ~.ssh文件夹下的公钥2.载入后，点击save private key生成一个新的私钥保存下来3.在拉取时点击勾选加载密钥，点击管理远端，导入刚刚生成的密钥.保存后，便可以直接通过tortois...

2019-09-19 14:18:29 16158 2

原创微信小程序swiper fraction数字导航

在做小程序的时候，收到的设计图是这样的一般来说小程序的圆点导航用的比较多，官方文档也介绍了如何改变圆点导航样式，但是如何像swiper4那样将paginationType改为fraction呢。虽然没有像swiper那样有paginationType属性，但是文档中mode参数有一个字段为current再通过bindchange事件，将当前页数渲染到页面上。wxml：...

2019-03-26 16:21:53 960

原创阿里云视频上传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 4015

转载 flex布局

主轴和侧轴Flex布局的伸缩容器可以使用任何方向进行布局。容器默认有两个轴：主轴(main axis)和侧轴(cross axis)。主轴的开始位置为主轴起点(main start)，主轴的结束位置为主轴终点(main end),而主轴的长度为主轴长度(main size)。同理侧轴的起点为侧轴起点(cross start),结束位置为侧轴终点(cross end),长度为侧轴长度(cr...

2019-03-12 14:18:08 132

原创图解HTTP

实习+工作两年，HTTP在我的头脑中还一直是个“飘忽”的概念。从微商城开始接触JSON，对HTTP的概念只不过是“发起请求”四个字。如果将HTTP比作一个植物细胞，我可能仅仅观察到最外层的细胞壁。前段时间，前端组在考虑网站SEO优化，于是了解服务器渲染方面的知识提上日程。在学习nodejs的时候，发现对HTTP没有足够的理解成为了继续学习的瓶颈，于是开始了《图解HTTP》的阅读和学习。

2018-02-07 11:20:59 511

转载 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 260

原创倒计时

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 332

原创背景颜色渐变动态

#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 376

原创 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 1734

原创选项卡样式重置

我发布的资源否是.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 545

原创 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 396

原创菜单高亮滚动监听

<!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 1481

sinrryzhang的博客