日常问题
关注
分享
扫一扫
文章平均质量分 52
unstorm
还没有想好...
展开
-
Github国内访问超时解决办法
国内访问github经常超时，可以按照如下方式配置hosts，就可以解决～首先，把你访问过慢的域名复制到这个网站查询对应的ip地址。https://www.ipaddress.com得到对应的ip地址后，进入/etc/hosts添加如下内容即可（windows电脑hosts文件位置可以百度一下）140.82.113.4 github.com199.232.69.194 github.global.ssl.fastly.net185.199.108.133 raw.githubusercont原创 2021-11-25 10:57:08 · 14275 阅读 · 2 评论 -
Mac 环境oh-my-zsh的安装
安装 oh-my-zsh官方提供了两种安装方式sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"sh -c "$(wget https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh -O -)"上面两种方式其实就是分别通过curl和wget把install.sh这个脚本下载下来，然后执行但是在国内，这两个网址由于原创 2021-10-31 13:00:48 · 1497 阅读 · 0 评论 -
JS 按键监听 与 输入法候选词选择 冲突
遇到一个很有意思的事情记录一下~是这样的，页面中的搜索框，输入内容后，会有个suggest提示，需要增加方向键监听，按下↓键的时候可以选择。但是当你输入中文的时候，输入法也会有候选词，这时候↓键j就会冲突了。附图：解决方法经过查找compositionstart和compositionend这两个方法刚好满足需求。简单的说一下这两个方法的属性。compositionstartMDN文档地址: https://developer.mozilla.org/zh-CN/docs/Web/Event原创 2020-08-10 17:11:10 · 209061 阅读 · 0 评论 -
JS 函数防抖、函数节流
场景在我们日常开发中，有许多场景都会导致同一事件被频繁触发，严重的会导致浏览器崩溃。Window对象的resize、scroll事件拖拽时元素时的mousemove事件按键的mousedown、keydown、keyup事件…解决那么，为了避免性能过差或者浏览器崩溃，就有了防抖、节流一说debounce(防抖)当调用函数n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间。这种比较适合window的resize事件，实际需求大多为停止改变大小n毫秒后执行后续处理。原创 2020-05-22 19:52:07 · 282408 阅读 · 0 评论 -
前端iPhone刘海屏适配
对于iPhone系列出的越来越多，如果只是使用@media来做适配的话，老代码想要适配新机型还是有一定局限性的。今天去搜了搜相关的解决方法，那么就来总结一下。安全区早期苹果对于 iPhone X 的设计布局意见如下：核心内容应该处于 Safe area 确保不会被设备圆角(corners)，传感器外壳(sensor housing，齐刘海) 以及底部的 Home Indicator 遮挡。也就是说 我们设计显示的内容应该尽可能的在安全区域内。区域划分下面两张图简单的描述了安全区域的划分细节.原创 2020-05-22 15:12:32 · 285474 阅读 · 0 评论 -
oh-my-zsh配置 alias 指定指令别名
在平时使用shell中经常要输入很长的命令是不是很头疼！那咱们就来设置一下快捷指令吧！首先确保你已经安装过oh-my-zsh~然后执行vim ~/.zshrc这时候可以看到文件底部内容为# Set personal aliases, overriding those provided by oh-my-zsh libs,# plugins, and themes. Aliases can be placed here, though oh-my-zsh# users are encour.原创 2020-05-20 09:35:02 · 290293 阅读 · 2 评论 -
webpack和gulp的区别
webpack和gulp的区别是什么？这是一个前端面试经常会有的面试题，当然也是很多人的疑问，那下面就简单说一下吧！Gulp:gulp 致力于 自动化和优化 你的工作流，它是一个自动化你开发工作中 痛苦又耗时任务 的工具包。侧重于整体过程的控制管理。通过定义许多task来执行构建任务，使用起来更像是任务流。因此他的任务定义和管理是webpack所没有的。特点：任务定义和管理...原创 2019-08-07 11:08:36 · 286745 阅读 · 0 评论 -
行内块 行内元素缝隙问题
前言：我比较用喜欢行内元素，行内块元素来做横向导航，这样就不用再去担心浮动块级元素带来的不必要影响。但行内元素，行内块元素元素有个硬伤--有默认的间隙一、行内标签元素出现问题<body> <style> span { background:red; } </style> <span>行内元素</s...转载 2019-07-23 17:14:54 · 287729 阅读 · 0 评论 -
freeMaker 三目（三元）表达式
第一次在freemaker中用三元表达式 以为和js 的一样 就写了${true ? 'checked': ''}然鹅 ，编辑器红下划线报错，后台报错。编辑器报错是identifier expected 意思是期望标识符错误 ，就检查了所有标点符号，没有问题。后来想到可能是语法问题就去查了一下。原来真的是语法问题 ，FreeMarker 本身没有三目运算符，我...原创 2019-05-29 17:35:39 · 304650 阅读 · 1 评论 -
解决当div设置contentEditable=“true“时，重置其内容后无法光标正确定位。
最近在做一评论功能，需要能够评论表情，那 contentEditable 这个属性就首当其冲了，结果，问题来了…首先 评论区 长这样：当输入内容超过限制的时候，清空用户输入超过限制后的内容。这个好说… 但是清空完了内容，光标居然跑到了最前面，这就很头疼了。在经过各种搜索之后，找到了解决办法，不多说，上代码！var _div = document.querySelector('.di...原创 2019-03-29 10:44:42 · 293634 阅读 · 0 评论