2 z_z_Dragon

尚未进行身份认证

暂无相关描述

等级
TA的排名 38w+

Slide 插件的实现

一、功能实现描述 n个div模块实现左右滑动,支持移动端触摸二、实现原理以及思路1.容器宽度为n*100%,隐藏溢出内容2.监听触摸事件,判断移动方向2.根据div的个数,计算生成一个数组,保存每个div的index,和计算出容器TranslateX()的值3.根据计算的值,在滑动事件中给容器添加style样式,来实现某个div在可见视图中三、代码1.jsf...

2018-10-26 09:30:51

从github上下载指定文件的方法

1.网址https://minhaskamal.github.io/DownGit/#/home访问速度有点慢2.通过svn下载,稍微麻烦一点(1)安装svn,略....(2)更改github指定文件的网址,方法:把/branch/branchName/替换成trunk例如:下载images下的所有文件原地址:https://github.com/userName/pr...

2018-08-29 17:36:23

记录一个简单的组合结果生成算法

1.根据数组生成不重复组合varkind1=['a1','a2','a3'];varkind2=['b1','b2'];varkind3=['c1','c2','c3'];varresult=[];varresult1=[];varcollection=[];collection.push(kind1,kind2,kind3);...

2018-08-29 11:17:14

webpack 的学习笔记

webpack4.x需要额外安装webpack-clicss单独打包时插件变动对于非模块化的插件,直接在index.html中使用cdn引入1.webpack.ProvidePlugin申明变量并自动引入,前提是该插件已经模块化newwebpack.ProvidePlugin({ $:'jquery', jQuery:'jquery'})2.html...

2018-07-30 11:01:55

前端导出数据,file-saver 插件

说明: 1.换行用 \n,每个格子的数据用逗号隔开,表格内容就是拼接字符串 2.prefix \uFEFF就是位序掩码(名为<BOM>),就是空白字符的用途,能够解决英文显示undefined的问题  varexcelHeader="id,title,status";  excelContent=exportPrefix+excelHeader;...

2018-07-23 14:54:10

nodejs里npm运行无响应解决

删除C盘里C:\Users\Administrator下的 .npmrc文件这是nodejs运行环境配置文件。

2018-07-20 13:59:01

git pull和push设置密码

方法一:简单粗暴,https的方式直接在添加远程仓库的时候在地址上写好用户名密码。例如;https://用户名:密码@github.com/project/project.git 方法二:使用ssh方法,通过ssh-keygen命令生成公钥和密钥注意几个坑;1.提示ssh-keygen不是内部命令解决:只要安装了git就有这个程序,位置在git的安装目录下,搜索一下...

2018-07-17 11:24:46

CSS 扇形菜单实现

注:使用了SASS编译器,把scss编译成css1.HTML如下:<divclass="menuHolder"><divclass="menuWindow">  <ulclass="p1">    <liclass="s1"><ahref="#url"&g

2018-07-13 16:35:59

css 超过两行之后显示省略号

overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; display:-webkit-box;//将对象作为弹性伸缩盒子模型显示。-webkit-box-orient:vertical;//从上到下垂直排列子元素(设置伸缩盒子的...

2018-07-10 15:50:53

微信小程序 scroll-view 需注意

水平滚动时需要注意的:scroll-view容器设置宽度,并设置white-space:nowrap;scroll-view容器的每一项都设置宽度和display:inline-block

2018-07-04 23:21:39

js 生成随机颜色

var getRandomColor = function(){    return '#'+('00000'+(Math.random()*0x1000000<<0).toString(16)).slice(-6);  }  

2018-07-02 16:18:08

js 判断浏览器类型

varBrowserType=function(){ varuserAgent=window.navigator.userAgent if(userAgent.indexOf('Edge')>-1){  return'Edge' } if(userAgent.indexOf('Firefox')>-1){  return'Firefox' } if(user...

2018-06-29 10:42:22

通过js,动态修改样式表

varstyle=document.createElement('style');style.type='text/css';style.innerHTML=``;document.getElementsByTagName('HEAD').item(0).appendChild(style);说明:创建一个style元素,插入head尾部...

2018-06-28 15:03:39

webstrom 自定义emet模版代码

1.在Setting设置中搜索到LiveTemplates2.选择想要的模版语言类型,如HTML。Abbrevition:起个名字,描述等。TemplateText输入按下tab后显示的代码。

2018-06-27 13:44:45

chrome css 滚动条

::-webkit-scrollbar{ width:8px; background-color:#F5F5F5;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{ -webkit-box-shadow:inset006pxrgba(0,0,0,0.3); background:#fff;}/*定义滑块内阴影+圆角*/::-w...

2018-06-25 16:52:39

js 中 || 和 && 的妙用

funca()和funcb() a()&&b()如果a执行成功返回true则执行b返回b结果的值,如果a执行返回false则不执行b a()||b()如果a执行成功则返回a的值并不执行b如果a执行返回false则执行b()返回b的值...

2018-06-20 16:59:50

css border-image 条纹

padding:16px;border-bottom:16pxsolidtransparent;border-image:16repeating-linear-gradient(-45deg,red0,red16px,transparent0,transparent32px,#58a0,#58a48px,transparent0,transparent6...

2018-06-14 16:33:21

CSS图片边框

用border的大小控制边框图片的大小。padding:0;border:125pxsolidtransparent;background:linear-gradient(white,white),url(../images/border.jpg);background-size:cover;background-clip:padding-box,border-box;   b...

2018-06-14 09:08:40

用户无操作时刷新页面

 只监听页面的点击和滚轮事件。当事件发生的时候清除定时,然后重启定时。functiontimeReload(time){    varintervalId=startCount(time);    document.addEventListener("wheel",init);    document.addEventListener("click",init); ...

2018-06-12 19:18:43

webstrom 配置typescript

1.需全局安装typescript2.ctrl+alt+s。设置tools>filewatchers,添加自定义的监听。program:本地全局安装的tsc.cmdoutputpathtorefresh:$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.mapotheroptions>workingdi...

2018-06-12 15:41:09

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!