排序:
默认
按更新时间
按访问量

clipboard.js移动端无法实现复制

clipboard.js简介:实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。 在项目中使用clipboard.js插件去实现点击按钮,复制文字到剪切板的功能。同样的代码,在PC可以实现正常复制但是在移动端却失效 主要是因为移动端项目为了防止用户长按文本实现复...

2018-10-23 11:52:38

阅读数:35

评论数:0

ES6 解构特性的使用

使用解构这个特性可以更简单地获取对象或者数组中的数据,最近在项目中经常用到,但是之前不熟悉用法,mark一下 1、数组解构 let obj = ['a','b','c','d']; let [first] = obj; //解构第一个元素,first值为a let [,,,last]...

2018-08-09 16:02:54

阅读数:20

评论数:0

CSS3 before、after伪元素实现气泡框

气泡框的原理其实也就是普通边框+三角形,CSS实现三角形也是利用了border属性 1、三角形是实心的 html代码: <div class="wrap"></div&gt...

2018-08-09 11:26:26

阅读数:120

评论数:0

Zepto.js学习笔记

1、$.each  可以用来遍历普通数组和对象数组,当遍历普通数组时,回调函数的参数是索引、数组里的每个元素 $.each( [a,b,c], function(index, item) { } ) 当遍历对象时,回调函数参数是每个对象的key、每个对象的value   2、$.exten...

2018-07-18 17:01:13

阅读数:40

评论数:0

解决使用transform:rotate属性移动端页面可以左右滑动的现象

  如下图,文字使用了transform:rotate属性,结果造成页面在移动端可以左右滑动。 在排查问题时,按网上建议,在根元素html和body上加overflow:hidden,虽然在浏览器上无法滑动,但是到了移动端还是可以左右滑动,然后一层层排查,直到在使用了transform:r...

2018-07-13 15:44:42

阅读数:243

评论数:0

js实现数组去重、比较两数组得出重复部分

数组去重的两种方法:1、用新对象来存储,对象的key值为数组元素var removeDup = function (old) { var arr = [1, 2, 3, 4, 3, 4, 5]; var o = {}; for (var i = 0; i &...

2018-03-26 18:38:56

阅读数:49

评论数:0

CSS3 动画实现放大缩小、涟漪扩散效果、叠加图片循环来回显示

一、无限放大缩小,可以应用于跳动的气球等场景,效果如下 html部分 div class="ballon">div> css部分 @keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ ...

2018-02-05 18:02:37

阅读数:8840

评论数:3

js replace() 方法的应用和理解

string.replace(searchValue, replaceValue) replace方法对string进行查找和替换,并返回一个新字符串 参数searchValue有两种形式:1、字符串 2、正则表达式 参数replaceValue也有两种形式:1、字符串 2、函数 当s...

2018-02-02 18:33:26

阅读数:146

评论数:0

父级overflow为scroll时,绝对定位的子元素会被隐藏或一起滚动

需求:父级边框固定,里面的内容滚动 由于是图片边框,于是我把边框的上下部分单独切图,中间重复部分平铺 想要的效果图: 一开始的写法: html: div class="paradise-wrap"> div class="paradi...

2018-01-18 10:58:29

阅读数:1965

评论数:0

CSS 图片边框的处理

一、边框高度固定,内容可滚动 这种情况下,直接将整个边框切下来作为背景图,里面的内容设置固定高度,溢出部分设置overflow: scroll/auto 源码如下: html: "rule-wrapper"> "rule-co...

2018-01-17 11:23:44

阅读数:264

评论数:0

水平垂直居中的几种方式

一、flex方式(适用于居中元素元素宽高未知)<body> <img src="images/myPage/avatar2.png"> </body>html,body{ height: 100%; ...

2017-12-21 22:14:10

阅读数:650

评论数:0

rgba和opacity的区别及应用

一、rgba和opacity的区别 话不多说,先看代码,同样设置背景透明度,写法1: background: rgb(0,0,0); opacity: 0.5; 写法2: background: rgba(0,0,0,0.5); 不同之处在于,opacity属性...

2017-12-21 11:45:05

阅读数:304

评论数:0

git命令小结

  列出一些最近使用的git命令 1、git init  创建本地版本库 创建一个空目录,再在此目录下执行git init命令 2、git remote add origin  url(如下图)      到本地仓库目录下执行此操作,可以将本地仓库与远程仓库相关联   3、git ...

2017-11-23 16:35:17

阅读数:92

评论数:0

AngularJS学习笔记(一):表达式&指令&作用域

由于最近要基于phonegap平台做混合型开发的应用,选用了ionic框架(基于AngularJS),而此前没有任何前端语言学习基础,所以我开始看了一点点javascript语法后便开始看AngularJS的入门教程,归纳了一些学习笔记

2016-05-09 23:04:49

阅读数:289

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭