前端
Cassy_Wu
把每天生活都过的像IDE里面的代码一样跳跃闪亮。我, 是菜鸟,有颗想当大神的心。
展开
-
原生JS实现自动无缝切换轮播图(可鼠标拖动)
^ _ ^ 最近参加了一个免费的华为在线课程,上面一个作业是用原生js实现轮播图。练手的同时发现工作中框架用的多。原生的都不如以前那么熟练了。特此写这篇文章记录一下。希望能帮助到一些新手盆友。一起学习吧。目录功能需求实现思路html & CSS结构分析JS逻辑实现知识点小结功能需求功能上要实现以下4个需求:自动无缝切换图片鼠标左右拖动切换图片点击小点切换对应图片浏览器窗口尺寸改变不影响以上功能实现思路html & CSS结构分析JS逻辑实现知识原创 2020-08-17 20:49:12 · 6470 阅读 · 2 评论 -
为什么在Firefox里placeholder的颜色比设置的代码浅, 比其他浏览器浅
今天在开发的时候突然发现在Firefox下设置的placeholder颜色不是代码设置的颜色。本着码农朴实的精神,我先检查下是不是写错了。 毕竟各大浏览器都坚持以自我为中心,其他为goushi的精神。 坚持要苦逼的前端写不同兼容的代码。 但是不管姑奶奶我怎么改, 代码是生效了, 颜色是改了。 就是取色器取出来的不是宝宝设置的颜色呀(此处一脸懵逼)。心里好气, 可是还是要保持微笑。 这TM怎么过测试...原创 2017-03-30 22:17:15 · 1765 阅读 · 0 评论 -
Jquery: 阻止冒泡后click事件还是触发两次??
今天接到一个移交过来的项目, 发现Bug是有一个click事件会触发两次。我第一反应:是不是没有阻止冒泡?然而是添加了preventDefault的。最后通过debug和读完源代码,才发现click监听事件被绑定了两次。当然正常情况下,没人会傻到给同一个元素添加两次监听事件。但是项目参与的人多了,杂了就很容易出现这种情况。如果你找不到重复添加监听事件的位置,或者不知道应该删除哪个的时候。可以用这个方法。希望能帮到同样掉坑的盆友节约时间。e.stopImmediatePropagation()//阻原创 2020-07-21 21:17:38 · 290 阅读 · 0 评论 -
js实现浏览器往手机端,PC端自带日历添加事件提醒
之前接收到一个需求,要求添加一个链接。用户点击后就可以在手机端,PC端的日历中添加一个待办事项,能够到时提醒。各种google后发现,只要编辑ics格式文件,点击下载。手机端、PC端会识别和询问是否要加入日历。话不多说,例子走你。希望能帮助到碰到类似需求的盆友。<!DOCTYPE html><html lang="en"> <head> &...原创 2020-04-25 09:14:51 · 3861 阅读 · 6 评论 -
替换多个敏感词
此例子只考虑少量的敏感词词库替换。let comments = "sexy girl yes, no sexy fuck";let abusiveWordsData = ['fuck', 'ass', 'sexy girl', 'sexy']; //敏感词词库function replaceWords (comments){ const rgx = new RegExp(abusive...原创 2020-03-12 20:45:11 · 3405 阅读 · 0 评论 -
三种CSS方式实现弹出窗口(popup window)
1. 使用display: flex;进行上下居中布局在容器里面添加以下几行css语句 display: flex; justify-content: center; align-items: center;注意: 设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。<!DOCTYPE html><html lang=...原创 2020-02-21 21:16:17 · 10375 阅读 · 1 评论 -
GIT bash可以用,但是cmd, vscode, intelliJ的命令行不能识别git
在安装GIT的时候没有设置环境变量第一步、在GIT bash里面查找git的安装路径第二步、设置系统环境变量第三步、cmd, vscode, intelliJ的命令行测试...原创 2020-01-31 22:51:09 · 721 阅读 · 1 评论