- 博客(23)
- 收藏
- 关注
原创 H5:IOS软键盘弹出导致底部页面滚动留白
解决方案:当软键盘弹出时,防止页面滚动,点击其他区域关闭软键盘代码如下:varcloseKeyboard=function(e){if(e.target!=document.activeElement){document.activeElement.blur();}};document.addEventListener("focusin",function(){...
2021-07-22 15:43:04
1482
原创 Slide 插件的实现
一、功能实现描述 n个div模块实现左右滑动,支持移动端触摸二、实现原理以及思路1.容器宽度为n*100%,隐藏溢出内容2.监听触摸事件,判断移动方向2.根据div的个数,计算生成一个数组,保存每个div的index,和计算出容器TranslateX()的值3.根据计算的值,在滑动事件中给容器添加style样式,来实现某个div在可见视图中三、代码1.jsf...
2018-10-26 09:30:51
1670
转载 从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
1586
原创 记录一个简单的组合结果生成算法
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
698
原创 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
231
转载 前端导出数据,file-saver 插件
说明: 1.换行用 \n , 每个格子的数据用逗号隔开,表格内容就是拼接字符串 2.prefix \uFEFF就是位序掩码(名为<BOM>),就是空白字符的用途,能够解决英文显示undefined的问题 var excelHeader="id,title,status"; excelContent=exportPrefix+excelHeader;...
2018-07-23 14:54:10
9823
转载 nodejs里npm运行无响应解决
删除C盘里C:\Users\Administrator 下的 .npmrc文件这是nodejs运行环境配置文件。
2018-07-20 13:59:01
2586
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
2073
原创 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
2528
转载 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
14771
原创 微信小程序 scroll-view 需注意
水平滚动时需要注意的:scroll-view容器设置宽度,并设置white-space: nowrap;scroll-view容器的每一项都设置宽度和display:inline-block
2018-07-04 23:21:39
561
转载 js 生成随机颜色
var getRandomColor = function(){ return '#'+('00000'+(Math.random()*0x1000000<<0).toString(16)).slice(-6); }
2018-07-02 16:18:08
383
转载 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
150
转载 通过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
483
转载 webstrom 自定义emet模版代码
1.在Setting设置中搜索到 Live Templates2.选择想要的模版语言类型,如HTML。Abbrevition:起个名字,描述等。Template Text 输入 按下tab后显示的代码。
2018-06-27 13:44:45
271
转载 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
344
转载 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
294
原创 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
394
原创 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
931
原创 用户无操作时刷新页面
只监听页面的点击和滚轮事件。当事件发生的时候清除定时,然后重启定时。function timeReload(time) { var intervalId=startCount(time); document.addEventListener("wheel",init); document.addEventListener("click",init); ...
2018-06-12 19:18:43
611
原创 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
1027
原创 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
1899
原创 Windows 实用命令
1.查找端口占用。netstat -aon|findstr "端口号"。2.验证进程名。tasklist|findstr "PID"。3.强制杀死进程。taskkill /f /pid PID。
2018-06-12 14:00:31
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人