monica_517-CSDN博客

原创盒子模型的各种高度记录

height：返回元素内容的高度。（根据是不是怪异盒子模型计算高度）offsetheight：它返回的高度是内容高+padding+边框。clientHeight：在页面上返回内容的可视高度（不包括边框，外边距或滚动条）。scrollHeight：返回整个元素的高度，即不设置高度时的，content高度+padding高度。其实就是展开后的clientHeight这个content设置100px，但是显示83，因为还有滚动条，滚动条宽度17px。offsetheight：130 = 内容高100

2021-08-15 13:51:04 195

原创 JavaScript Math.random()随机数函数

本文介绍下JavaScript 随机数函数Math.random()的用法，有需要的朋友参考下。本节内容：js随机数函数。Math.random() -- 返回0和1之间的伪随机数random，中文"随机的"的意思random函数语法Math.random();random函数参数无参数random函数返回值返回0和1之间的伪随机数，可能为0，但总是小于1，[0,1)random函数示例document.write(Math.random());返回随机数doc

2021-08-15 11:39:25 847

原创 on() 和 click() 的区别:二者在绑定静态控件时没有区别，但是如果面对动态产生的控件，只有 on() 能成功的绑定到动态控件中。以下实例中原先的 HTML 元素点击其身后的 Dele

$("#newclick").click(function(){ $(".li").append('<li>动态添加的HTML元素click<button class="deleteclick">Delete</button></li>'); });$("#newon").click(function(){ $(".li").append('<li>动态添加的HTML元素on<button class="delete...

2021-08-14 20:01:02 139

原创 jQuery的get()、map()、map().get().join()简单应用

1 .get()获得由选择器指定的 DOM 元素语法 $(选择器).get(index)参数规定获取哪个匹配元素(通过 index 编号获取,从0开始)<!DOCTYPE html><html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="tex...

2021-08-14 18:25:59 421

原创【jQuery 遍历】 - map() 方法

构建表单中所有值的列表：$("p").append( $("input").map(function(){return $(this).val();}).get().join(", ") );<!DOCTYPE html><html><head> <style>p { color:red; }</style> <script type="text/javascript" src="/jquery/jquery.js"&g..

2021-08-14 18:23:46 341

原创 jquery 选择器逗号

$(children,parents)，这样的语法，是从parents里面选出children$('div',$(this).parents('div:first')) 的意思是：从this这个dom的parent的第一个(first作用)div里，选出是div的所有子集

2021-08-14 18:16:25 208

原创 jq中get()和eq()的区别

:eq(index) 选择器选取带有指定 index 值的元素。 index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。如：$("p:eq(1)").css("background-color","#B2E0FF");改变第二个q标签背景色.eq(index) 方法选取带有指定 index 值的元素。 index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。如：$("p").eq(1).css("background-color","#B2E0F.

2021-08-14 18:12:54 180

原创 js中常用方法以及document.readyState 判断页面是否加载完成 complete和interactive

传回XML 文件资料的目前状况。　基本语法 intState ＝ xmlDocument.readyState; 　说明这个属性是只读的，传回值有以下的可能： 0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。 1-LOADING：加载程序进行中，但文件尚未开始解析。 2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。 3-INTERACTIVE：仅对已加载的部分文件有效，在此情况下，对象模型是有效但只读的。 4-COMPLETED：文件已完全加载，代表加..

2021-08-14 17:54:32 1129

原创 JS获取子节点、父节点和兄弟节点的方法实例总结

本文实例讲述了JS获取子节点、父节点和兄弟节点的方法。分享给大家供大家参考，具体如下：一、js获取子节点的方式1. 通过获取dom方式直接获取子节点其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。 1 var a = document.getElementById("test").getElementsByTagName("div"); 2. 通过c

2021-08-05 19:52:06 571

原创 JQ类css选择器

费话不多说,直接上代码jquery 获取元素12$("#test1").parent(); // 父节点$("#test1").parents(); // 全部父节点$("#test1").parents(".mui-content");//返回class为mui-content的父节点$("#test1").children(); // 全部子节点$("#test1").children("#test1"); //返回id为test1的子节点$("#test1").contents();

2021-08-05 19:49:33 269

原创 2021-08-05

jquery 获取元素$("#test1").parent(); // 父节点$("#test1").parents(); // 全部父节点$("#test1").parents(".mui-content");//返回class为mui-content的父节点$("#test1").children(); // 全部子节点$("#test1").children("#test1"); //返回id为test1的子节点$("#test1").contents(); // 返回id为test里面的

2021-08-05 19:46:36 58

原创 jQuery 查找元素节点

jQuery.parent(expr)//找父元素jQuery.parents(expr)//找到所有祖先元素，不限于父元素jQuery.children(expr)//查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙jQuery.contents()//查找下面的所有内容，包括节点和文本。jQuery.prev()//查找上一个兄弟节点，不是所有的兄弟节点jQuery.pr...

2021-08-05 19:43:45 578

原创 jquery 获取元素(父节点,子节点,兄弟节点)

一、jQuery的父节点查找方法 $(selector).parent(selector)：获取父节点 $(selector).parentNode：以node[]的形式存放父节点，如果没有父节点，则返回空数组 $(selector).parents(selector)：获取祖先元素二、jQuery的兄弟节点查找方法 $(selector).prev() / $(selector).previousSibling()：获取上一...

2021-08-05 19:32:37 18719

原创编译型语言与解释型语言的区别及各自的优缺点

编译型语言在程序执行之前，有一个单独的编译过程，将程序翻译成机器语言就不用再进行翻译了。解释型语言，是在运行的时候将程序翻译成机器语言，所以运行速度相对于编C/C++ 等都是编译型语言，而Java，C#等都是解释型语言。虽然Java程序在运行之前也有一个编译过程，但是并不是将程序编译成机器语言，而是将它编译成字节码（可以理解为一个中间语言）。在运行的时候，由JVM将字节码再翻译成机器语言...

2019-09-27 10:11:16 502

原创 NodeJS Stream（可读流、可写流） API解读

原文链接：https://juejin.im/post/5ba0d504e51d450ea13223ba流的介绍在 NodeJS 中，我们对文件的操作需要依赖核心模块 fs，fs 中有很基本 API 可以帮助我们读写占用内存较小的文件，如果是大文件或内存不确定也可以通过 open、read、write、close 等方法对文件进行操作，但是这样操作文件每一个步骤都要关心，非常繁琐，fs 中提供...

2019-09-08 17:13:32 617

原创 node中流的理解

前言对于前端同学来讲流的概念还是不太好理解的。然而stream模块是node中一个非常重要的模块。node官方文档上是这么描述的：流（stream）是一种在 Node.js 中处理流式数据的抽象接口那我们姑且这么理解吧：流就是为我们提供了一套处理数据的工具。为什么要使用流既然流是一种处理数据的工具，那肯定还有其他的工具可以供我们使用啊，那为什么我们非要用流来处理呢？或者说使用流能有啥好处...

2019-09-08 14:28:24 144

原创 linux常用命令的英文单词缩写

命令缩写：ls：list(列出目录内容)cd：Change Directory（改变目录）su:switch user切换用户rpm:redhat package manager红帽子打包管理器pwd:print work directory打印当前目录显示出当前工作目录的绝对路径ps: process status(进程状态，类似于windows的任务管理器)常用参数...

2019-08-07 17:24:06 277

原创网站带宽与流量关系

网站带宽与流量关系#首先要明确：带宽是按照小b来算的流量是按照大B来算的假设一个网站流量是4000GByte/月，很多人没有概念，这到底是多少的带宽（单位是Mbit/s）？以及这4000GB流量可以支持多少IP访问呢？首先，你自己算一下你的网站有多少PV(页面访问量，1个独立IP可能有多个PV)然后我们来算一算4000GB流量，可以支持多少个页面访问量：假设每个页面请求平均大小是15...

2019-04-04 14:51:00 1160

原创产品经理

这里讲的产品经理指的是互联网产品经理，主要负责互联网相关产品的设计、研发、运营等一系列工作，参与产品整个生命周期。或者说，关于产品无论哪个工作环节，PM都会或多或少的参与其中。下面简单从工作角度整理：产品经理日常工作内容（按照产品的生命周期阶段划分）包括：1.产品定位：行业趋势、市场调研、用户分析、竞品分析（可参考《用户体验要素》一书）、商业模式；2.产品设计：功能列表（Featureli...

2019-03-18 15:56:39 122

原创 TOB、TOC、TOVC

TOB、TOC、TOVC最佳答案: 先说一下TOB、TOC、TOVC的含义。 B:business (企业) C:customer(消费者) VC:Venture Capital(风险投资) to b产品是根据公司战略或工作需要,构建生态…...

2019-03-18 15:52:34 2952

原创 markdown

欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体...

2019-02-19 13:00:39 85

原创 Cmder–Windows下命令行利器

Cmder--Windows下命令行利器欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导...

2019-02-18 17:14:00 633

monica_517的博客