前端资源网 - w3h5手机端a标签点击出现背景的解决方法
1Deshun 发布于 7年前 (2019-07-02) 2799℃ 评论(0) 赞 (0)
如上图所示，手机/移动端点击 a 链接会有一个背景，尝试设置 background: none 无效。解决方法：给元素设置一个 -webkit-tap-highlight-color 就可以了：a:focus { &nbs...
经验总结
记录日常工作生活中遇到的问题，技术和知识点
手机端CSS :hover点击后返回无法取消的解决方法
1Deshun 发布于 7年前 (2019-07-01) 5653℃ 评论(0) 赞 (0)
今天写项目时遇到一个问题，设置 :hover 属性的链接，点击后或者点击进入下一个页面返回依旧是 :hover 状态。因为手机上的 :hover 效果相当于 click ，没办法检测到鼠标表移出。我们可以使用 :active 属性来解决：a:active{ ...
JS修改input的value值，打印出来还是之前的值的解决办法
Deshun 发布于 7年前 (2019-06-30) 5295℃ 评论(0) 赞 (1)
项目中遇到一个问题，使用 JS 修改 input 的值，打印出来还是之前的值，并没有改变。示例：<input id="inp" value="1" />使用 JS 修改 input 的 value 值为 10 ，但是打印出来还是之前的 1 。var inp = document.getE...
使用jQuery的delay()延迟执行show()和hide()不起效的解决方法
Deshun 发布于 7年前 (2019-06-28) 4671℃ 评论(0) 赞 (0)
今天使用 jQuery 的 delay() 来延迟执行 hide() ，发现延时不起效，查了一些资料，找到了其中的原因。首先介绍一下 delay() ：语法：delay(duration,[queueName])概述：设置一个延时来推迟执行队列中之后的项目。jQuery 1.4 新增。用于将队列中的函数延时执行。他既可以推迟动画队列的执行，也可以用于自定义队列。参数：durat...
JS实现16进制颜色、数字前自动补位0及详细说明
Deshun 发布于 7年前 (2019-06-25) 2959℃ 评论(0) 赞 (0)
在项目中可能会有随机16进制颜色或者固定数字长度的需求，可以使用自动补位的方法实现：语法：n 代表字符长度， num 代表传入的字符，0 代表补位的字符。(Array(n).join(0) + num).slice(-n);实例：传入一个字符 8 ，字符长度为 3 得到的结果就是 008console.log(（）(Array(3).join(0) + 8)...
利用canvas的fillText属性绘制文字并实现居中和清空画布
1Deshun 发布于 7年前 (2019-06-25) 7340℃ 评论(0) 赞 (1)
利用 canvas 画一个圆环，然后再里面绘制文字，实现居中显示。首先写一个 canvas 容器：<canvas id="myCanvas" width="80" height="80"...
jQuery动态添加/删除元素及内容
1Deshun 发布于 7年前 (2019-06-22) 4051℃ 赞 (2)
添加元素/内容：通过 jQuery ，可以很容易地添加新元素/内容。添加新的 HTML 内容，四种方法：可根据上面的图片来区分四种方法插入元素的位置。append() 方法：在被选元素的结尾插入内容（被选元素内）。实例：$("p").append("...
JS/jQuery获取不到动态添加的元素节点的解决方法
1Deshun 发布于 7年前 (2019-06-21) 8481℃ 评论(0) 赞 (3)
今天写了一个添加图片的功能，要求右上角要有删除按钮，我使用 jQuery 动态添加的方式。发现后添加的元素无法删除，打印显示 undefined ，原来 JavaScript 和 jQuery 无法获取动态添加的元素节点。解决方法：动态添加的标签要事件委托才能获取到节点，也就是说...
canvas绘制动态圆环形进度条及参数详解
1Deshun 发布于 7年前 (2019-06-20) 3780℃ 评论(0) 赞 (1)
项目需要写一个圆形进度条，就尝试使用 canvas 写了一个，具体如下：上图是项目图片仅供参考，本文只介绍圆环及动效的实现。HTML：<div class="time-graph"> &l...
亚马逊AWS服务器CentOS/Linux系统Shell安装Nginx及配置自启动
4Deshun 发布于 7年前 (2019-06-17) 3162℃ 评论(0) 赞 (0)
领了一个亚马逊的1年免费服务器，今天尝试安装 Nginx 服务器，使用原生的 Shell 方法。为了方便以后查看，就把过程记录一下。注意：亚马逊（AWS）服务器默认只能用 user-ec2 账户进行登陆，需要切换一下，使用 root 账户登陆。否则会因为权限不够，导致一些软件或功...