前端系列
前端编程语言
anansec
一名混迹安全行业的打工仔
展开
-
【Emmet】HTML速写之Emmet语法规则
Emmet—写HTML/CSS快到飞起在前端开发的过程中,最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等,头疼。这里推荐一个Emmet语法规则,让你写的时候爽到飞起,能大大提高代码书写,只需要敲一行代码就能生成你想要的完整HTML结构,下面会介绍如何使用。Emmet是一款插件,只要能安装他的编辑器都能使用,大部分编辑器都可以使用该语法规则,我们平时开发的Sublime ...原创 2019-07-26 15:39:01 · 656 阅读 · 0 评论 -
js更简单的获取表单中数据(formdata)
*在文章正式开始之前呢,先介绍一个知识点,那就是var和let的区别,查看了各路大佬的文章,也经过各种尝试,最终得出的结果是,let声明的变量只在该变量对应的块中有效,有点局部变量的意思,而且let相对来说更加的严格。*正式开始我们的formdata之路,曾经稚嫩的我们在取form表单的值(value)时,都是这样的 <form action="" method="post">...原创 2019-07-26 15:00:14 · 41803 阅读 · 6 评论 -
javascript之开关灯游戏
刚发表了计算器源码,正好翻出了开关灯游戏,感觉还是蛮有趣的,就发出来喽!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .wrapp{ width: 500...原创 2020-01-05 13:41:37 · 720 阅读 · 0 评论 -
javascript实现计算器
首先说明一下为什么发这篇文章,因为今天早晨看到一篇类似的文章,我看了他的源码,发现实在太啰嗦了,于是便准备把这篇文章发出来! 其实使用javascript的函数来实现计算器可以说是练习javascript的一个好方法,虽然我的代码可...原创 2020-01-05 13:34:18 · 9330 阅读 · 4 评论 -
js之动态切换图片
代码需要多敲多练才能越来越熟练,才能不断的挖掘出代码的深层用法!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片切换</title> <style type="text/css"> img{ width...原创 2019-08-06 23:56:22 · 1524 阅读 · 0 评论 -
JS实现点击随机显示大小图片(星星)
对于JS一直心存敬畏,今天再次利用一点时间做一个简单的小Demo来练习JavaScript,愿正在努力的你更幸运!关键代码已经作了注释,就不再赘述了!<!DOCTYPE html><html lang="en" onclick="star(event)"><head> <meta charset="UTF-8"> <title>...原创 2019-08-08 23:36:29 · 1042 阅读 · 0 评论 -
JS之定时器学习
之前学习过一次定时器,没怎么实际应用过,因为工作原因一直也没怎么关注这个点,今天抽空整理这个知识点,感觉好像没有这么简单的知识点了(可能我的层次不够)。定时器一次性定时器:window.setTimeout(‘js代码’, 时间t)执行:是在时间t之后执行js代码[只会执行一次]时间:以毫秒伪单位反复性定时器:window.setInterval(‘js代码’,时间t)执行:是...原创 2019-08-06 18:52:31 · 309 阅读 · 0 评论 -
JavaScript--DOM
精华总结,全部接受自一位大佬的总结,本人将每一个都做了一个简单的实操,基本上每个都跟上了练习。大佬的总结+我的练习,恭喜你马上就能码JS了,是不是很开心,抓紧时间看代码吧,还是多练!Create CreateElement 通过指定名称创建一个元素 Var btn = document.crateElement(‘button’) createTextNode 创建文本 var ...原创 2019-08-01 17:40:36 · 211 阅读 · 0 评论 -
js之轮播图
本文仅供学习使用,来自大佬的作品,简单快捷,希望能够给你带来帮助!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>slideshow</title> <style type="text/css"> .wrappe...原创 2019-08-04 12:35:27 · 219 阅读 · 0 评论 -
HTML入门总结
这篇文章完全是一个个人总结,接受完大佬的教导之后,激动之下,按照指导新手入门的思路进行了下面的编码,页面很粗糙,没有任何的美化,只是为了看属性、样式、特殊标签的效果!本页入门思路的核心在于,第一步:分离样式和标签,在一个标签上设置样,以此说明其他标签也可以进行此样式设置;第二步:进入页面排版阶段,边距问题,浮动问题,定位问题都在这个阶段学习;第三步:开始学习特殊标签,常用标签的使用,表单的使用,列...原创 2019-07-30 11:20:53 · 277 阅读 · 0 评论