2018年08月_才华有限

原创 css实例2

--dirname 是css中的声明变量 var(--n)是一个函数指的是读取变量让其动画的时间不一致则可以达到图片的效果.这是仿一个大佬的小案例//html代码 <div class="box"> <span></span> <span></span> <span&

2018-08-19 21:39:16 286

原创仿有趣的css小demo

//html代码<body style="background-color: yellow"> <div class="box"> <span data-tetx="B">B</span> <span data-tetx="U">U&lt

2018-08-18 10:47:34 382

原创一些常用的代码片段

// 拓展zepto-&gt; 给$对象添加自定义的属性或者方法 $.extend($, { /*获取url的数据片段*/ getURLValue: function (name) { var reg = new RegExp("(^|&amp;)" + name + "=([^&amp;]*)(&amp;|$)", &qu

2018-08-16 21:11:38 2029

原创 session cookie token 的区别 (如何使用token)

本地存储 1 sessionStorage 会话储存, 生命周期浏览器一关闭就不存在 2 localStorage 永久储存除非手动删除 3 一些 api ——————— setItem(“key”,val) 设置值 , getItem(key) 获取,...

2018-08-14 22:00:30 1242

原创 yarn与npm的详细解析与命令

swiper的使用Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端.1 加载插件需要先引入 swiper.min.css 与 swiper.min.css 下载地址: https://www.swiper.com.cn/2 插件需要特定的HTMl结构3 引入HTML内容&amp;lt;div class=&quot;swiper-container...

2018-08-12 14:36:56 2465

原创 js数组方法常用方法

数组 JavaScript字符串常用方法数组所谓数组，就是一堆数据的集合（容器），里面存放各种各样的数据。 var arr = [‘a’,’b’,’c’];length属性可以用length属性取得数组(集合)的长度 var arr = [‘a’,’b’,’c’]; arr.length; // 3 返回3，说明数组有三个元素数组下标数组中每个元素都有对...

2018-08-11 23:20:41 318

原创 H5C3中增大背景图片的点击区域

H5中的特性 background-origin 与 background-clip 最近做了小案例遇到了这两个属性,正好复习下background-origin: 表示的是图片从哪里开始显示有三个值:padding-box ; border-box; content-box : background-clip : 表示的是图片从哪里开始裁切同上面一样也是有三个值进...

2018-08-11 23:12:28 487

原创盒子元素垂直居中的几种方式

垂直居中的四种实现方式使用margin 利用百分比进行垂直居中使用margin:auto 进行居中显示使用css3的transform属性进行垂直居中使用flex 布局进行垂直居中//先设置必要的样式 html 结构<div class="box"> <div class="box1"> 我是要被垂直居中的盒子...

2018-08-11 23:01:38 2369

才华有限的博客