evenzx-CSDN博客

原创奇偶性类型去重 css中:is()用法

1、使用&判断判断奇偶性 // 偶数 & 1 = 0 // 奇数 & 1 = 1 console.log( 7&1?'奇数':'偶数' ) // 奇数 console.log( 8&1?'奇数':'偶数' ) // 偶数2、使用~~取整使用~改变类型 let num='12.333';

2022-03-12 13:05:12 887

document.body.addEventListener("scroll", function () { // 真实内容的高度 var pageHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight); console.log(pageHeight, '真实内容的高度',document.body.scrollHeight,document.body.offsetHeight).

2021-12-05 16:19:55 192

原创 vue第一天

第一个案列 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>VUE学习</title> <script src="./vue.js"></s

2021-10-11 00:50:30 102

原创防抖与节流

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>防抖与节流原生JS实现</title></head><body> <input type="text"

2021-09-09 01:49:57 127

原创 angular中echarts中用法

通过举例我们来了解echarts的用法接下来看效果图:(左右放大)在angular中我们要先引入echarts组件,在该文件项目ts中引入import * as echarts from ‘echarts’;看核心代码。  <div id="diveleChart1"> </div>在这里插入代码片 ngOnInit(): void { /*进站量*/ this

2021-06-20 19:21:43 1635

原创 git命令操作详解

Git 的分支，其实本质上仅仅是指向提交对象的可变指针，Git的默认分支名字是 master。在多次提交操作之后，你其实已经有一个指向最后那个提交对象的 master 分支。它会在每次的提交操作中自动向前移动。Git 的 “master” 分支并不是一个特殊分支。它就跟其它分支完全没有区别。之所以几乎每一个仓库都有 master 分支，是因为 git init 命令默认创建它的。以下我就分别把平时我用过的这3个命令Branch、checkout、switch分别详解一下。1、 git中的Branc

2021-06-20 18:47:16 292

原创 Ajax与异步编程

集合类型对象数组(前两种ES5) Map Set(后两种ES6)相同点与不同点相同点:都是以键值对表现不同点:1、对象键值对无序2、数组是有序索引保存数组的有序3、对象的KEY只能是Sting 数组的KEY只能是number4、任意类型5、Set的KEY等于value KEY=value。对象迭代用 for in 对象不能用for of迭代若想通过for of 迭代要用迭代器。数组迭代用 for of 同步与异步 GET与POST区别 GET

2020-11-22 18:28:43 243 1

原创 HTTP相关知识

什么是WEB应用浏览器访问服务形式称为WEB应用（初期：通过浏览器访问应用方式称为WEB应用）页面:资源的容器服务端(程序):JAVA PHP node浏览器里有渲染引擎: 会去读html 另一部分读CSS 解析完成后生成一棵树，最后交给浏览器渲染出来最后HTML CSS加载一起就渲染出来页面，JS是一个解析器解析我们写的代码。客户端与服务器两端进行通信(HTTP协议)HTTP是一个属于应用层的面象对象的协议。三次握手四次挥手TCP协议、UDP协议都属于传输层TCP更加可靠、

2020-11-22 18:22:26 103

原创 js中的面象对象

面象对象:把解决问题方法和步骤中，涉及到的属性和方法,封装一个构造函数(对象) 即对象抽象; Oriented Object (Analysis Design分析设计)。面向过程:把解决问题方法和步骤,一步一步写出来(JS代码)。创建对象步骤1、创建一个空对象执行代码2、执行代码返回对象3、在外部调用对象什么是类:类与对象的关系: 类是对象的抽象对象是类的实列。面向对象三大最基本也是最重要的特征:封装继承多态基本数据结构会返回对象(包装类)1、let str=new String

2020-11-15 22:59:46 134

原创 js中执行上下文与闭包

一、执行上下文执行上下文EC(execution context)执行上下文功能:代码执行之前的准备工作，确定当前环境下变量的取值。分类:1、全局上下文 (全局上下文只有一个 (打开一个窗口就会创建一个全局上下文，关闭页面就销毁))2、局部上下文 (函数执行完毕销毁 (调用函数就会创建一个局部上下文))3、eval上下文 (了解) :解读字符串中代码。执行栈( 存放执行上下文最底层下GO 最上面层是正在调用执行的函数注:FILO 进栈(压栈)，出栈规则先进后出)window 全局对

2020-11-15 22:20:48 399

原创 HTML5中的SVG与Canvas

SVG与Canvas相同点与不同点：1、相同点都可在页面中绘制图形。2、不同点1、Canvas是位图(放大图像会有所影响) SVG是矢量图 (放大不影响)2、Canvas(默认宽度300px 高度150px)不支持事件处理器,通过.getContext("2d"来在画布中绘制图形 SVG支持事件处理器通过标签绘制图形。...

2020-11-15 16:51:45 179

原创 JS图片点击附带效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片效果</title> <style> .ceimg { d

2020-11-01 20:57:35 397 1

原创 DOM相关知识

DOM操作，可以简单理解成“元素操作”。我们在操作元素时，其实就是把这个元素看成一个对象，然后使用这个对象的属性和方法进行相关操作。1、节点类型(DOM常见的三种节点类型)节点类型node Type值元素节点1属性节点2文本节点32、获取元素getElementById(“id名”)通过id来选中元素getElemenstByTagName(“标签名”)通过标签名选中元素类数组getElementByClassName(“类名

2020-09-26 20:54:30 205

原创 javascript中的对象

对象的声明方式1、字面式声明对象,如下:var ohj={属性名称:属性值,方法名称:function(){//函数执行体}}2、new 操作符+Object 声明对象，如下：var obj=new Object();obj.属性名称=属性值;obj.方法名称=function(){//函数执行体}3、构造函数声明对象，如下：function test([参数列表]){this.属性名称=属性值;this.方法名称=function(){//函数执行体}}var o

2020-09-20 00:05:32 101

原创 ATM机对象版

const rs = require("readline-sync");//2020 9/19// 创建多个账号let users = [ { name: "f70", pwd: "123a", blance: 1000 }, { name: "f71", pwd: "123b", blance: 2000 }, { name: "f72", pwd: "123c", blance: 3000 }];// 查找用户function search(transAccount,

2020-09-19 23:18:59 190

原创数组的遍历方法

一、for…of 遍历出数组中的每个值 for…in每个值的下标let F70 = ["A", "B", "C", "D", "E", "F", "G"];// for...of 遍历出数组中的每个值 for (let item of F70) { console.log(item); //"A", "B", "C", "D", "E", "F", "G" }// for...in 遍历出数组中每个值的下标 for (let item in F70) { cons

2020-09-17 01:13:11 644

原创 JS中的数组与集合(方法)和函数

这周所学习了JS中的数组以及集合(也会讲一些知识相关联的内容)一、数组功能:一个标识符,存储多个数据创建数组(2种方法):1、字面量声明 let 数组名=[元素1，元素2，元素n] ;2、构造函数 let 数组名=new Array(元素1，元素2，元素n);数组中的值:数组中的每一个值都对应着一个下标，下标是从0开始的。字面量与构造函数的区别字面量的解析效率比构造函数高原因：字面量属于JSON格式，可以直接被JS进行解析。构造函数需要先调用构造函数，在进行JS引擎解析。解构(功

2020-09-13 22:28:03 4824

原创 js语句的简单运用编程基础(冒泡选择)

1、如果一个数大于100就减1，小于100就加1. var i=prompt("请输入数字"); if(i>100){ i++; } else{ i--; } document.write(i);2、分别计算出100里的奇数的和、偶数的和。 let odd=0,even=0,count=1; while(count<=100){ if(coun

2020-09-06 15:41:41 168

原创前端HTML5中datalist使用

datalist的使用1.datalist标签定义选项列表,要与input一起引用。列如:接下来在浏览器的渲染下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件处理</title></head>&lt...

2020-09-06 15:20:14 543

原创 javascript基本知识

ES5与ES6命名规则:书写格式 (关键字) 标识符赋值符号表达式分号。ES5命名变量用 var ES6命名变量用 let 、var与let区别(var声明的变量可以重复 let声明的变量不可重复、var声明的变量可以先使用后声明) let 声明的·变量可以改变 const声明的常量不可改变。标识符命名规则：由字母、数字、下划线、美元符号组成，不以数字开头不以关键字保留字座位标识符。由于现在只学了简单的基本数据类型我就以下介绍哈:简单数据类型说明undefined未定

2020-09-06 15:15:23 179

原创项目第一阶段问题与总结

猫眼项目是我学HTML和CSS用来一周写出来的分别有PC端和移动端，我从以下2个方面来讲解问题。1、PC端1、如何让input标签中的文本框对齐以及相关字体对齐 <section>  <div> <label for="mobile">手机号</label> <input type="

2020-08-30 23:06:44 197

原创列表、标签、背景

一、列表1、HTML列表分为，有序列表(ol>li)、无序列表(ul>li 一般用于导航栏、商品列表显示)、目录列表(dl>dd>dt 用于名词解释)。有序列表(HTML5新增的属性):属性说明star起始值自己规定一个数字显示以规定的数字后面的·数字依次显示reversed倒叙排列list-style-position(设置列表项目符号位置的对齐方式，取值 outside|inside|outside(默认值))。HTML代码 &

2020-08-16 16:07:47 220

原创补充知识和BFC

1、当浮动和绝对定位：浏览器会让float：none;绝对定位生效。包含块：视口(viewport)浏览器可视区域，检查器不算可是区域，fixed(固定定位)一般用于导航、页面底部、广告(左下角、右下角、侧边栏)。举个栗子：<header> <nav>固定位置</nav> </header> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deb

2020-08-09 11:04:01 238

原创盒模型

CSS盒子模型页面中的所有元素都可以看成一个盒子，并且占用页面空间下图所示是盒子模型的具体结构：盒子模型由四部分组成。如表所示：属性说明content内容，可以是文本或图片padding内边距，用于定义内容与边框之间的距离border边框，用于定义元素的边框margin外边距，用于定义当前元素与其他元素之间的距离1、内容区它主要呈现了盒子的主要信息内容，内容区可设置宽度高度，当内容过多超过width和height时，可以使用overflow属性来

2020-08-08 22:13:05 75

原创 CSS选择器与声明冲突

CSS选择器css选择器有，元素选择器、id选择器、类选择器、后代选择器、子元素选择器、相邻兄弟选择器、通用选择器(不相邻兄弟)、并集选择器(群组选择器)、通配符选择器还有伪类选择器等在这里我i就介绍以下几种，伪类选择器在我的其它文章有介绍可自行查看。1、元素选择器就是选中相同元素定义一个CSS样式。2、id选择器具有唯一性，一个页面中相同的id只能出现一次。3、类选择器可以对相同元素和不同元素定义相同的class属性，然后对拥有同一个class的元素进行css操作，class名前面必须加上前缀.(

2020-08-02 20:08:52 372

evenzx的博客

原创奇偶性类型去重 css中:is()用法

原创 angular中运用防抖功能

原创滑动事件(请求数据无线加载)