js
关注
分享
扫一扫
文章平均质量分 57
程序员的生活1
知乎-程序猿的生活同号：免费讨论学习交流群（562708969）。
展开
-
【JavaScript】DOM之样式操作
样式操作获取内联样式以节点和元素的方法来获取指定的CSS样式<body><div id="q1" style="width: 200px;height: 200px;border: 1px solid black"></div><script> var div = document.getElementById('q1');// 节点属性获取指定元素的属性 var attrNode = div.getAttribu原创 2021-07-14 21:26:29 · 401 阅读 · 0 评论 -
拒绝JavaScript，这三个CSS技巧你一定用的上
本文介绍三个非常棒棒的CSS技巧，完全可以在你的项目中代替JavaScript，一起来看看这些技巧吧。程序猿的生活：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）zhuanlan.zhihu.com:active伪类与CSS数据上报超实用超高频使用的:empty伪类用好:only-child伪类1. :active伪类与CSS数据上报如果想要知道两个按钮的点击率，CSS开发者可以自己动手，无需劳烦JavaScript开发者去埋点：原创 2021-07-03 14:39:53 · 325 阅读 · 2 评论 -
js数组JavaScript数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组操作</title> <link rel="icon" type="text/css" href="images/favicon.ico"></head><body> </body><script>.原创 2021-06-23 20:57:32 · 261 阅读 · 0 评论 -
用js把数字转化成为大写金额
var digitUppercase = function(n) {var fraction = ['角', '分'];var digit = ['零', '壹', '贰', '叁', '肆','伍', '陆', '柒', '捌', '玖'];var unit = [['元', '万', '亿'],['', '拾', '佰', '仟']];var head ...原创 2021-06-23 20:44:16 · 807 阅读 · 0 评论 -
2020年这9个项目助你成为前端大神！
点击视频观看：2020年这9个项目助你成为前端大神！打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）原创 2020-07-15 20:23:51 · 200 阅读 · 0 评论 -
webview是什么？作用是什么？和浏览器有什么关系？
Webview 是一个基于webkit的引擎，可以解析DOM 元素，展示html页面的控件，它和浏览器展示页面的原理是相同的，所以可以把它当做浏览器看待。（chrome浏览器也是基于webkit引擎开发的，Mozilla浏览器是基于Gecko引擎开发的）Android的Webview在低版本和高版本采用了不同的webkit版本内核，4.4后直接使用了Chrome。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）webview主要用于什么地方？或者说什么需原创 2020-05-22 15:34:21 · 4763 阅读 · 0 评论 -
https端口必须443吗
443端口即网页浏览端口，主要是用于HTTPS服务，80端口是浏览网页的默认端口。端口：443服务：Https说明：网页浏览端口，能提供加密和通过安全端口传输的另一种HTTP。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）HTTPS（Secure Hypertext Transfer Protocol）安全超文本传输协议 它是一个安全通信通道，它基于HTTP开发，用于在客户计算机和服务器之间交换信息。它使用安全套接字层(SSL)进行信息交换，简原创 2020-05-22 15:33:45 · 11708 阅读 · 4 评论 -
it是什么？（详细解释）
IT是信息技术的简称，Information Technology,指与信息相关的技术。IT在21世纪已成为各行业的公用技术，因为任何管理活动都离不开对信息的信赖。物质、能量、信息三方面构成系统，而信息是所有系统必备的要素。不同的人和不同的书上对此有不同解释。但一个基本上大家都同意的观点是，IT有以下三部分组成：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）● 传感技术 这是人的感觉器官的延伸与拓展，最明显的例子是条码阅读器；● 通信技术 这是人的原创 2020-05-22 15:33:10 · 137460 阅读 · 0 评论 -
bootstrap模态框怎么关闭事件
模态框避免点击背景处关闭：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）1、div初始化时添加属性aria-hidden=”true” data-backdrop=”static”<div class="modal fade" id="edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden='true'data-backdrop='sta.原创 2020-05-22 15:32:20 · 1550 阅读 · 0 评论 -
js怎么解析json数据
js解析json数据，可以使用JSON.parse()方法来实现解析。JSON.parse()方法可以解析JSON字符串，转换为 JavaScript 对象打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）下面我们就结合简单的代码示例，给大家介绍js解析json数据的实现方法。代码示例如下：<!DOCTYPE html><html lang="en"><head><meta charset="原创 2020-05-22 15:31:30 · 10794 阅读 · 0 评论 -
前端Vue中常用rules校验规则（收藏）
1、是否合法IP地址 if(value==''||value==undefined||value==null){ callback(); }else { constreg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\}}这一行即可打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）更多相关视频：0基础前端利用『HTML+CSS』制作你喜欢的暗黑破坏神网页开发：BV1C54y1X7ro前端发展简史，功能以及未来趋势！（原创 2020-05-19 15:25:32 · 799 阅读 · 0 评论 -
Html 页面底部添加版权信息11
打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）更多相关视频：0基础前端利用『HTML+CSS』制作你喜欢的暗黑破坏神网页开发：BV1C54y1X7ro前端发展简史，功能以及未来趋势！（你值得观看）：BV1w5411s7e4给想学编程又无从下手的小白一些建议：BV1Zf4y117ji「HTML+CSS」实现妙笔千山播放器制作（思路讲解＋代码+成品效果）！：BV18p4y1Q7Y1前端面试，跳槽必刷200+真面试题，让你披荆斩棘走进大厂：BV1原创 2020-05-19 15:24:32 · 10343 阅读 · 0 评论 -
vue调试工具vue-devtools的安装（收藏）
先导vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。第一步：我们可以先从github上找到vue-devtools的项目，下载到本地。下载vue-devtools链接。克隆方法：git clonehttps://github.com/vuejs/vue-devtools.git打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）更.原创 2020-05-19 15:23:45 · 271 阅读 · 0 评论 -
iframe和frame的区别是什么？iframe和frame的区别总结
本篇文章给大家带来的内容是关于iframe和frame的区别是什么？iframe和frame的区别总结，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）iframe有那些缺点？iframe会阻塞主页面的Onload事件搜索引擎的检索程序无法解读这种页面，不利于SEOiframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载使用iframe之前需.原创 2020-05-10 22:02:56 · 430 阅读 · 0 评论 -
如何使用bootstrap制作form表单
Bootstrap可以轻松创建经常看到的表单类型，编码非常的简单，所以本篇文章我们就来看看使用bootstrap创建表单的方法。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）制作表单的方法首先利用<form>标签设置表单，然后为表单的每个元素设置class =”form - group“（用“<div>”等标签设置你想要设置class =”form-group“的范围）。最后通过在<input>标签中..原创 2020-05-10 22:00:40 · 1352 阅读 · 0 评论 -
打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）
知乎同号，需要资料的朋友可以点下面链接，CSDN我也会持续更新，记得关注我哦！下面知乎链接：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）...原创 2020-05-09 15:43:05 · 3173 阅读 · 1 评论 -
disabled与enabled是什么？disabled与enabled属性详解
本篇文章给大家带来的内容是关于disabled与enabled是什么？disabled与enabled属性详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟里面的小伙伴一起学习一起成长，不懂的问题也可以问我，...原创 2020-05-05 20:38:15 · 17556 阅读 · 0 评论 -
HTML怎么设置下划线？html文字加下划线方法
HTML中的下划线曾经是将文本包含在<u></u>标签中的问题，但是这种方法已被放弃，而更倾向于使用更多功能的CSS。一般来说，下划线被认为是引起人们对文本注意的一种方式，那么HTML怎么设置下划线？html文字加下划线方法？下面我们来总结一下。首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群104...原创 2020-05-05 20:36:13 · 41045 阅读 · 1 评论 -
calc怎么用？css3 calc()函数的使用总结
calc是什么意思？怎么使用？本篇文章给大家带来的内容是介绍css3中的calc()函数是什么，有什么用，如何使用。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟里面的小伙伴一起学习一起成长，不懂的问题也可以...原创 2020-05-05 20:34:28 · 3048 阅读 · 0 评论 -
CSS字体透明度怎么设置？
在css中有很多好看的样式都可以实现，css设置出来的样式让整个网页看起来也会非常美观，今天的这篇文章就给大家来介绍一下在css中怎么设置字体的透明度，让你的字体在网页中看起来是透明的。首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟里面的小伙伴一起学习一起成长，不懂的问题...原创 2020-05-05 20:33:02 · 12728 阅读 · 2 评论 -
css如何去掉重叠部分的边框？（收藏）
在前端开发中，边框border属性是经常会用到的一个属性，它可以给元素添加边框；但两个相邻的元素在一起同时添加了边框，就会出现一个问题，边框会重叠在一起（如下图），那么如何去掉重叠部分的边框？首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟里面的小伙伴一起学习一起成长，不懂...原创 2020-05-05 20:31:09 · 7819 阅读 · 0 评论 -
如何使用HTML和CSS在图像上添加文字？（代码示例）
本篇文章我们将向您介绍如何使用 HTML和CSS在图像上添加文字，内容很详细。话不多说，我们直接进入正题~1、用HTML和CSS表达的好处不是“图像本身写入文字”，而是“通过HTML和CSS在图像上配置文字”这一点有以下的好处。即使放大，字符也不会模糊它也在搜索引擎中阅读（适用于SEO）你可以选择字母响应式设计允许您调整字体大小（您可以执行类似智能手机显示屏中的小...原创 2020-04-30 19:43:20 · 5784 阅读 · 0 评论 -
首行缩进怎么设置（收藏）
本篇文章所说的内容是一个用HTML缩进段落第一行的代码，我们要知道缩进段落需要用到的属性是text-indent，下面我们就来看一看具体的内容。——各位小伙伴在进阶的时候总会遇到一些问题和瓶颈，业务代码写多了没有方向感，不知道该从那里入手去提升，对此我整理了一些资料笔记视频，包括HTML/CSS/javaScript/Vue等多个web前端基础知识点进阶干货需要的可以免费分享给大家，有需要者请...原创 2020-04-30 17:26:07 · 1974 阅读 · 0 评论 -
css为什么要清除浮动？浮动如何清除
浮动在页面中有着很大的作用，很多人在做网站的时候，都会遇到浮动的效果，但是很多人都不知道css为什么要清除浮动？以及浮动如何清除？下面我们来了解一下。首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟里面的小伙伴一起学习一起成长，不懂的问题也可以问我，随时给大家解答。再次感谢...原创 2020-04-29 21:07:30 · 1826 阅读 · 0 评论 -
CSS实现透明度变化的动画 （淡入淡出效果）
本文我们将使用CSS来实现透明度发生变化的动画，可以获得淡入和淡出效果。 要实现CSS中透明度更改的动画，需要使用的是transition属性。由于transition属性是CSS3中的新增属性，因此有必要在一些可支持的浏览器上运行时加上前缀。 像是Chrom，Safari编写为“-webkit-transition”，为FireFox编写“-moz-transition”，为Internet...原创 2020-04-29 21:00:46 · 10730 阅读 · 0 评论 -
input标签是什么？input标签属性有哪些
input标签属于什么标签？input标签属性有哪些？相信刚接触的表单的小白应该很陌生，那么接下来我们就来讲一下input标签属性有哪些？首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟里面的小伙伴一起学习一起成长，不懂的问题也可以问我，随时给大家解答。再次感谢大家。一...原创 2020-04-29 20:48:46 · 12303 阅读 · 0 评论 -
首行缩进怎么设置
本篇文章所说的内容是一个用HTML缩进段落第一行的代码，我们要知道缩进段落需要用到的属性是text-indent，下面我们就来看一看具体的内容。语法格式：text-indent :(缩进宽度） 1 p {text-indent:1em;} 代码示例1：缩进单个字符通过指定“text-indent：1em”缩进一个字符的段落的开头。...原创 2020-04-29 20:42:01 · 3756 阅读 · 0 评论 -
url是什么意思？
实际上，我们在使用互联网的过程中，其中有许多东西都是只会用，而不知道它到底是啥名字，看见了也不理解它是做什么的，比如今天我将和大家说的URL，实际上就是我们在互联网生活中非常常见的一个东西。首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟里面的小伙伴一起学习一起成长，不懂的...原创 2020-04-28 17:16:25 · 4659 阅读 · 0 评论 -
怎么设计自己的网页
网页的设计制作在网站制作中一直是重要的环节，网页的设计制作所能起到的作用也很大，在很多企业或是个人都是需要网站制作的需求，单是怎么做好网站的设计制作呢，首先要对每一个网页的设计制作上下功夫，下面我们就讨论一下如何设计制作出高大尚的网页。首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔...原创 2020-04-28 17:14:44 · 1549 阅读 · 0 评论 -
HTML图片超链接怎么设置
在一个<a>标签中加上一个<img>标签内容，即可让该<img>拥有一个超链接。然后可以在后面继续写文字，此文字就会显示成超链接，点击该文字即可进入超链接。首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟里面的小伙伴一起学习一起成长，不懂...原创 2020-04-28 17:07:18 · 8640 阅读 · 0 评论 -
HTML转义字符有哪些
html常用转义字符首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟里面的小伙伴一起学习一起成长，不懂的问题也可以问我，随时给大家解答。再次感谢大家。字符 十进制 转义字符 " " " & ...原创 2020-04-28 17:03:15 · 323 阅读 · 0 评论 -
js怎么格式化日期
1.将日期转换为指定的格式比如转换成 年月日时分秒 这种格式：yyyy-MM-dd hh:mm:ss 或者 yyyy-MM-dd。当然是网上的方法，只是总结下。可以为Date原型添加如下的方法：Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, ...原创 2020-04-28 17:00:10 · 962 阅读 · 0 评论 -
css权重是什么？css权重的介绍
本篇文章给大家带来的内容是关于css权重是什么？css权重的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。——各位小伙伴在进阶的时候总会遇到一些问题和瓶颈，业务代码写多了没有方向感，不知道该从那里入手去提升，对此我整理了一些资料笔记视频，包括HTML/CSS/javaScript/Vue等多个web前端基础知识点进阶干货需要的可以免费分享给大家，有需要者请进群点击进入10...原创 2020-04-27 20:20:25 · 3073 阅读 · 0 评论 -
margin-left是什么意思（收藏）
margin属性是用于设置元素的外边距，所以margin-left 属性就是用于设置元素的左外边距。下面我们就来看看margin-left的详细内容。——各位小伙伴在进阶的时候总会遇到一些问题和瓶颈，业务代码写多了没有方向感，不知道该从那里入手去提升，对此我整理了一些资料笔记视频，包括HTML/CSS/javaScript/Vue等多个web前端基础知识点进阶干货需要的可以免费分享给大家，有需...原创 2020-04-27 20:15:15 · 1526 阅读 · 0 评论 -
如何通过CSS创建不同效果的按钮
通过CSS可以实现多种按钮效果，比如通过CSS渐变属性可以设置颜色渐变的效果按钮，通过 box-shadow实现按下效果按钮等 今天在本篇文章中将分享如何制作几种不同样式的按钮效果，它们分别是平面，边框，渐变和阴影以及按下样式按钮。接下来在文章中将和大家详细介绍如何通过CSS代码来实现效果。HTML代码<div class="pm"> <button>平面按钮&...原创 2020-04-27 19:47:48 · 671 阅读 · 0 评论 -
margin-left是什么意思
margin属性是用于设置元素的外边距，所以margin-left 属性就是用于设置元素的左外边距。下面我们就来看看margin-left的详细内容。margin-left属性和margin属性一样所有的主流浏览器都支持这个属性 margin-left属性的属性值可以使用负值，下面我们来看margin-left有哪些可用的值 auto：浏览器设置的左外边距。 length：定义固定的左外...原创 2020-04-27 19:34:17 · 24381 阅读 · 0 评论 -
style是什么意思
我们在学习前端知识的时候经常会用到一个style属性，那么style究竟是什么意思呢？本篇文章我们就来给大家介绍一下关于style的意思，下面我们来看具体内容。<style> 标签用于为 HTML 文档定义样式信息，在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。 type属性是必需的，定义style元素的内容。唯一可能的值是 "text/css"，style ...原创 2020-04-27 19:32:38 · 5800 阅读 · 0 评论 -
（代码示例）css实现等高布局的三种方式
本篇文章给大家带来的内容是关于css实现等高布局的三种方式（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 本文讲的等高布局是在不手动设置元素高度的情况下，使用纯css实现各个元素高度都相当的效果。如图： 1、使用table-cell实现(兼容IE8)<style> body,div,ul,li{margin: 0;padding: 0;} ...原创 2020-04-27 19:28:01 · 354 阅读 · 0 评论