z_z_Dragon-CSDN博客

原创 H5：IOS软键盘弹出导致底部页面滚动留白

解决方案：当软键盘弹出时，防止页面滚动，点击其他区域关闭软键盘代码如下：varcloseKeyboard=function(e){if(e.target!=document.activeElement){document.activeElement.blur();}};document.addEventListener("focusin",function(){...

2021-07-22 15:43:04 1277

原创 Slide 插件的实现

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

2018-10-26 09:30:51 1618

转载从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 1541

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

1.根据数组生成不重复组合var kind1 = ['a1', 'a2', 'a3'];var kind2 = ['b1', 'b2'];var kind3 = ['c1', 'c2', 'c3'];var result = [];var result1 = [];var collection = [];collection.push(kind1, kind2, kind3);...

2018-08-29 11:17:14 680

原创 webpack 的学习笔记

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

2018-07-30 11:01:55 216

转载前端导出数据，file-saver 插件

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

2018-07-23 14:54:10 9771

转载 nodejs里npm运行无响应解决

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

2018-07-20 13:59:01 2526 1

转载 git pull和push设置密码

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

2018-07-17 11:24:46 1951

原创 CSS 扇形菜单实现

注：使用了SASS编译器，把scss编译成css1.HTML如下：<div class="menuHolder"><div class="menuWindow"> <ul class="p1"> <li class="s1"><a href="#url"&g

2018-07-13 16:35:59 2432

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 14742

原创微信小程序 scroll-view 需注意

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

2018-07-04 23:21:39 545

转载 js 生成随机颜色

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

2018-07-02 16:18:08 352

转载 js 判断浏览器类型

var BrowserType=function(){ var userAgent=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 125

转载通过js，动态修改样式表

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

2018-06-28 15:03:39 470

转载 webstrom 自定义emet模版代码

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

2018-06-27 13:44:45 227

转载 chrome css 滚动条

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

2018-06-25 16:52:39 319

转载 js 中 || 和 && 的妙用

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

2018-06-20 16:59:50 268

原创 css border-image 条纹

padding: 16px;border-bottom: 16px solid transparent;border-image: 16 repeating-linear-gradient(-45deg, red 0, red 16px, transparent 0, transparent 32px, #58a 0, #58a 48px, transparent 0, transparent 6...

2018-06-14 16:33:21 359

原创 CSS图片边框

用border的大小控制边框图片的大小。padding: 0;border: 125px solid transparent;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 918

原创用户无操作时刷新页面

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

2018-06-12 19:18:43 574

原创 webstrom 配置typescript

1.需全局安装typescript2.ctrl+alt+s。设置tools>file watchers,添加自定义的监听。program:本地全局安装的 tsc.cmdoutput path to refresh:$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.mapother options>working di...

2018-06-12 15:41:09 993

原创 webstrom 调试angular

1.chrome 安装。JetBrains IDE Support地址：https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji?utm_source=chrome-ntp-icon2.webstrom配置javascript debug。3.angular启动。...

2018-06-12 15:28:14 1857

原创Ｗｉｎｄｏｗｓ　实用命令

１.查找端口占用。netstat -aon|findstr "端口号"。２.验证进程名。tasklist|findstr "PID"。3.强制杀死进程。taskkill /f /pid PID。

2018-06-12 14:00:31 192

z_z_Dragon的博客